/* Admin platform delegation and six-field Open Position editor; v25.30.2. */
#dashboard .admin-account-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#dashboard .admin-platform-open{white-space:nowrap;font-weight:650}
#dashboard .admin-platform-open:disabled{opacity:.55;cursor:not-allowed}
#dashboard #mobile-users-list .admin-account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
#dashboard #mobile-users-list .admin-account-actions>.btn{flex:1 1 130px;min-height:40px}
.admin-platform-overlay{position:fixed;inset:0;z-index:2147483500;background:rgba(4,11,19,.75);padding:clamp(8px,2vw,24px);display:flex;align-items:center;justify-content:center}
.admin-platform-overlay.hidden{display:none!important}
.admin-platform-shell{width:min(1720px,100%);height:min(94dvh,1100px);min-height:350px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #304860;border-radius:15px;background:#111b28;box-shadow:0 20px 90px #020611aa}
.admin-platform-bar{display:flex;flex:0 0 auto;gap:14px;justify-content:space-between;align-items:center;background:#192839;color:#f4f8ff;padding:10px 15px;border-bottom:1px solid #324357}
.admin-platform-heading{display:flex;flex-direction:column;min-width:0;gap:1px}
.admin-platform-heading strong{font-size:14px;font-weight:760}
.admin-platform-heading span{color:#9fb4c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.admin-platform-close{color:#f2f7ff!important;background:#243a52!important;border:1px solid #4e6177!important;min-height:38px!important;flex-shrink:0}
#admin-platform-frame{width:100%;height:100%;min-height:0;border:0;flex:1 1 auto;background:#0b151d}
body.platform-modal-open{overflow:hidden}
/* Open positions: preserve source field ordering and display SIX across exactly one row. */
#dashboard #trades-result .trade-edit-form--open,
#dashboard #account-detail #account-table .trade-edit-form--open{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(104px,1fr)) minmax(180px,1.65fr) minmax(180px,1.65fr)!important;
 min-width:840px!important;
 width:100%!important;
 gap:8px!important;
 align-items:start!important;
}
#dashboard #trades-result .trade-edit-form--open>label,
#dashboard #account-detail #account-table .trade-edit-form--open>label{grid-column:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;align-self:start!important}
#dashboard #trades-result .trade-edit-form--open>label span,
#dashboard #account-detail #account-table .trade-edit-form--open>label span{font-size:10px;line-height:1.35;color:#667a8c;font-weight:500;display:block;white-space:normal;overflow-wrap:anywhere}
#dashboard #trades-result .trade-edit-form--open>.trade-edit-actions,
#dashboard #account-detail #account-table .trade-edit-form--open>.trade-edit-actions{grid-column:1/-1!important;align-self:end!important}
@media(max-width:900px){
 .admin-platform-overlay{padding:0!important}
 .admin-platform-shell{height:100dvh!important;width:100vw!important;max-width:none!important;min-height:0!important;border:0!important;border-radius:0!important}
 .admin-platform-bar{padding:calc(8px + env(safe-area-inset-top,0px)) 12px 9px}
 #dashboard #trades-result .trade-edit-form--open,
 #dashboard #account-detail #account-table .trade-edit-form--open{width:840px!important;min-width:840px!important;max-width:none!important;gap:8px!important}
 #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}
}

/* v25.30.2 mobile Trade activity editor correction.
   Keep desktop and tablet layouts unchanged; scroll the wide TABLE inside its
   existing viewport instead of stacking/viewport-sizing the editor fields.
   Applies identically to Trades and Manage Trading Account. */
@media (max-width: 700px) {
  #dashboard #trades-result,
  #dashboard #account-detail #account-table {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #dashboard #trades-result > .trade-table-wrap,
  #dashboard #account-detail #account-table > .trade-table-wrap {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
  }

  /* Give the form a real table-width layout to occupy; it must NOT dictate
     a 950px+ viewport width or be reduced to a phone-width grid. */
  #dashboard #trades-result .trade-data-table,
  #dashboard #account-detail #account-table .trade-data-table {
    box-sizing: border-box !important;
    width: max(100%, 1100px) !important;
    min-width: 1100px !important;
    max-width: none !important;
  }
  #dashboard #trades-result .trade-data-table:has(.trade-edit-form--closed),
  #dashboard #account-detail #account-table .trade-data-table:has(.trade-edit-form--closed) {
    width: max(100%, 1200px) !important;
    min-width: 1200px !important;
  }

  #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;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 10px !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  #dashboard #trades-result .trade-edit-row .trade-edit-form,
  #dashboard #account-detail #account-table .trade-edit-row .trade-edit-form {
    box-sizing: border-box !important;
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    gap: 10px !important;
    align-items: end !important;
    /* Pending: same 5 columns as desktop, including the wider date field. */
    grid-template-columns: repeat(4, minmax(145px, 1fr)) minmax(220px, 1.36fr) !important;
  }
  #dashboard #trades-result .trade-edit-row .trade-edit-form--open,
  #dashboard #account-detail #account-table .trade-edit-row .trade-edit-form--open {
    /* Open: 4 numeric fields, opened date and Floating PnL adjustment. */
    grid-template-columns: repeat(4, minmax(125px, 1fr)) minmax(215px, 1.65fr) minmax(215px, 1.65fr) !important;
    align-items: start !important;
  }
  #dashboard #trades-result .trade-edit-row .trade-edit-form--closed,
  #dashboard #account-detail #account-table .trade-edit-row .trade-edit-form--closed {
    /* History: 4 numeric fields and 2 full-width datetime inputs. */
    grid-template-columns: repeat(4, minmax(145px, 1fr)) repeat(2, minmax(215px, 1.33fr)) !important;
  }

  #dashboard #trades-result .trade-edit-row .trade-edit-form > label,
  #dashboard #account-detail #account-table .trade-edit-row .trade-edit-form > label,
  #dashboard #trades-result .trade-edit-row .trade-edit-form > label:has(input[type="datetime-local"]),
  #dashboard #account-detail #account-table .trade-edit-row .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;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    align-self: start !important;
    gap: 6px !important;
  }
  #dashboard #trades-result .trade-edit-row .trade-edit-form input,
  #dashboard #account-detail #account-table .trade-edit-row .trade-edit-form input {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    font-size: 16px !important; /* Prevent focus zoom on iOS. */
    letter-spacing: normal !important;
  }
  #dashboard #trades-result .trade-edit-row .trade-edit-actions,
  #dashboard #account-detail #account-table .trade-edit-row .trade-edit-actions {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  #dashboard #trades-result .trade-edit-row .trade-edit-actions button,
  #dashboard #account-detail #account-table .trade-edit-row .trade-edit-actions button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    min-height: 36px !important;
  }
}