/* CasinoLab v25.30: Admin Trades / Manage User edit-layout parity and legible event log.
   UI only: no changes to trade execution, saving, audit creation, P/L or balances. */

/* Both admin trade tables use exactly the same editor, spacing and controls. */
#dashboard #trades-result .trade-edit-row > td,
#dashboard #account-detail #account-table .trade-edit-row > td {
  box-sizing: border-box !important;
  position: static !important;
  left: auto !important;
  z-index: auto !important;
  background: #f5f9ff !important;
  padding: 10px !important;
  white-space: normal !important;
}
#dashboard #trades-result .trade-edit-form,
#dashboard #account-detail #account-table .trade-edit-form {
  box-sizing: border-box !important;
  display: grid !important;
  align-items: end !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px !important;
  gap: 10px !important;
  border: 1px solid #dce7f5 !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: 0 2px 7px #234f7910 !important;
  grid-template-columns: repeat(3, minmax(145px, 1fr)) minmax(145px,1fr) minmax(220px,1.36fr) !important;
  min-width: 950px !important;
}
/* Six fields for completed trades: entry, quantity, SL, TP, opened, closed. */
#dashboard #trades-result .trade-edit-form--closed,
#dashboard #account-detail #account-table .trade-edit-form--closed {
  grid-template-columns: repeat(4,minmax(145px,1fr)) repeat(2,minmax(205px,1.33fr)) !important;
  min-width: 1140px !important;
}
#dashboard #trades-result .trade-edit-form label,
#dashboard #account-detail #account-table .trade-edit-form label,
#dashboard #trades-result .trade-edit-form label:has(input[name="opened"]),
#dashboard #account-detail #account-table .trade-edit-form label:has(input[name="opened"]),
#dashboard #trades-result .trade-edit-form label:has(input[name="closed"]),
#dashboard #account-detail #account-table .trade-edit-form label:has(input[name="closed"]),
#dashboard #trades-result .trade-edit-form label:has(input[type="datetime-local"]),
#dashboard #account-detail #account-table .trade-edit-form label:has(input[type="datetime-local"]) {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  grid-column: auto !important;
  gap: 6px !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  flex: initial !important;
  font-size: 11px !important;
  font-weight: 740 !important;
  color: #466482 !important;
}
#dashboard #trades-result .trade-edit-form input,
#dashboard #account-detail #account-table .trade-edit-form input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 8px 10px !important;
  background: #fff !important;
  color: #254668 !important;
  border: 1px solid #d7e4f3 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  color-scheme: light !important;
}
#dashboard #trades-result .trade-edit-form .trade-edit-actions,
#dashboard #account-detail #account-table .trade-edit-form .trade-edit-actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 0 !important;
}
#dashboard #trades-result .trade-edit-form .trade-edit-actions button,
#dashboard #account-detail #account-table .trade-edit-form .trade-edit-actions button {
  min-height: 36px !important;
  height: auto !important;
}
/* Keep the editor on one line on small screens by scrolling the existing table,
   not by squeezing six datetime and numeric inputs into the phone viewport. */
@media (max-width: 1250px) {
  #dashboard #trades-result .trade-table-wrap,
  #dashboard #account-detail #account-table .trade-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  #dashboard #trades-result .trade-edit-form,
  #dashboard #account-detail #account-table .trade-edit-form {
    width: 950px !important;
    min-width: 950px !important;
    max-width: none !important;
  }
  #dashboard #trades-result .trade-edit-form--closed,
  #dashboard #account-detail #account-table .trade-edit-form--closed {
    width: 1140px !important;
    min-width: 1140px !important;
  }
}
@media (max-width: 700px) {
  #dashboard #trades-result .trade-edit-form,
  #dashboard #account-detail #account-table .trade-edit-form {
    padding: 10px !important;
    gap: 8px !important;
    min-width: 950px !important;
  }
  #dashboard #trades-result .trade-edit-form--closed,
  #dashboard #account-detail #account-table .trade-edit-form--closed { min-width: 1140px !important; }
  #dashboard #trades-result .trade-edit-form input,
  #dashboard #account-detail #account-table .trade-edit-form input {
    min-height: 42px !important;
    height: 42px !important;
    font-size: 16px !important;
  }
}
/* Critical: do not let the flex column shrink log records to their headers
   when the scroll area has many events. Keep the complete event card visible. */
#dashboard #account-detail .trade-audit-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  max-height: 520px !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
#dashboard #account-detail .trade-audit-record {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  background: #f9fbfe !important;
  border: 1px solid #e1e9f4 !important;
  border-radius: 10px !important;
  padding: 12px !important;
}
#dashboard #account-detail .trade-audit-title,
#dashboard #account-detail .trade-audit-meta,
#dashboard #account-detail .trade-audit-id,
#dashboard #account-detail .trade-audit-change-list {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
#dashboard #account-detail .trade-audit-title time { white-space: normal !important; }
#dashboard #account-detail .trade-audit-change-list { display: flex !important; flex-direction: column !important; }
@media (max-width: 700px) {
  #dashboard #account-detail .trade-audit-list { max-height: 520px !important; }
  #dashboard #account-detail .trade-audit-record { padding: 10px !important; }
  #dashboard #account-detail .trade-audit-title { margin-bottom: 8px !important; }
  #dashboard #account-detail .trade-audit-meta { gap: 5px !important; }
  #dashboard #account-detail .trade-audit-id { margin: 7px 0 8px !important; }
}