/* ─── G10Grid landing — shared Account modal styles ───
   Loaded by index.html, contact.html, track-record.html.
   Variables expected: --cyan. Falls back to #00e5ff. */

.la-acc-backdrop{
  display:none; position:fixed; inset:0; z-index:1000;
  background:rgba(2,8,14,.78); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  align-items:center; justify-content:center; padding:24px;
}
.la-acc-backdrop.open{ display:flex }
.la-acc-modal{
  position:relative; background:#06121a; border:1px solid rgba(0,229,255,.28);
  border-radius:14px; padding:26px 28px 22px; width:100%; max-width:760px;
  max-height:88vh; overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 30px 80px rgba(0,229,255,.12), 0 0 0 1px rgba(0,229,255,.04) inset;
  font-family:'Space Grotesk', system-ui, sans-serif;
}
.la-acc-modal .la-close{
  position:absolute; top:10px; right:14px; background:none; border:none;
  color:#7f9aa6; font-size:24px; cursor:pointer; line-height:1; padding:4px 8px;
}
.la-acc-modal .la-close:hover{ color:#00e5ff; color:var(--cyan, #00e5ff) }

.la-acc-header{ display:flex; align-items:center; gap:14px; margin-bottom:10px; padding-right:30px }
.la-acc-avatar{
  width:46px; height:46px; border-radius:50%; background:rgba(0,229,255,.12);
  border:1px solid rgba(0,229,255,.4); display:flex; align-items:center; justify-content:center;
  color:var(--cyan, #00e5ff); font-weight:600; font-size:16px; letter-spacing:.4px; flex-shrink:0;
}
.la-acc-header h3{ margin:0; font-size:16px; color:#e6f1f5; font-weight:600 }
.la-acc-email{ margin:2px 0 0; font-size:12px; color:#7f9aa6 }

/* Completeness bar */
.la-acc-completeness{
  display:flex; align-items:center; gap:12px;
  padding:8px 0 12px; margin:-2px 0 10px;
  border-bottom:1px solid rgba(0,229,255,.10);
}
.la-acc-completeness-track{
  flex:1; height:6px; background:rgba(255,255,255,.06);
  border-radius:3px; overflow:hidden; position:relative;
}
.la-acc-completeness-fill{
  height:100%; width:0; background:linear-gradient(90deg, var(--cyan, #00e5ff), #67e8f9);
  border-radius:3px; transition:width .3s ease;
}
.la-acc-completeness-fill.warn{ background:linear-gradient(90deg, #f59e0b, #fbbf24) }
.la-acc-completeness-fill.low{ background:linear-gradient(90deg, #dc2626, #ef4444) }
.la-acc-completeness-label{
  font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:1.2px;
  color:#7f9aa6; min-width:118px; text-align:right;
}
.la-acc-completeness-label strong{ color:var(--cyan, #00e5ff); font-weight:700 }
.la-acc-completeness-label.warn strong{ color:#fbbf24 }
.la-acc-completeness-label.low strong{ color:#f87171 }

/* DOB banner */
.la-acc-dob-banner{
  padding:11px 14px; margin-bottom:12px; border-radius:8px;
  background:rgba(255,165,0,.10); border:1px solid rgba(255,165,0,.35);
  color:#ffb454; font-size:12px; line-height:1.5;
}
.la-acc-dob-banner.expired{
  background:rgba(220,38,38,.12); border-color:rgba(220,38,38,.45); color:#f87171;
}
.la-acc-dob-banner strong{ color:inherit; font-weight:700 }
body.la-acc-locked .la-acc-modal .la-close{ display:none }
body.la-acc-locked .la-acc-tab[data-tab="trader"],
body.la-acc-locked .la-acc-tab[data-tab="security"],
body.la-acc-locked .la-acc-tab[data-tab="activity"]{ opacity:.35; pointer-events:none }

/* Tabs */
.la-acc-tabs{
  display:flex; gap:2px; border-bottom:1px solid rgba(0,229,255,.15); margin-bottom:14px;
}
.la-acc-tab{
  background:none; border:none; border-bottom:2px solid transparent;
  color:#7f9aa6; padding:9px 16px; font-size:11px; letter-spacing:1.4px; font-weight:600;
  font-family:'JetBrains Mono', monospace;
  cursor:pointer; transition:color .15s, border-color .15s;
}
.la-acc-tab:hover{ color:#cfe2e8 }
.la-acc-tab.active{ color:var(--cyan, #00e5ff); border-bottom-color:var(--cyan, #00e5ff) }

.la-acc-content{ flex:1; overflow-y:auto; padding-right:4px; min-height:300px }
.la-acc-pane{ display:none }
.la-acc-pane.active{ display:block }

/* Forms */
.la-acc-form{ display:flex; flex-direction:column; gap:12px }
.la-acc-row-2{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
@media (max-width:560px){ .la-acc-row-2{ grid-template-columns:1fr } }
.la-acc-field{ display:flex; flex-direction:column; gap:5px }
.la-acc-label{
  font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:1.2px;
  color:#7f9aa6; text-transform:uppercase;
}
.la-acc-hint{
  color:#7f9aa6; font-size:10px; text-transform:none; letter-spacing:0;
  font-family:'Space Grotesk', sans-serif; margin-left:4px;
}
.la-acc-input, .la-acc-select{
  width:100%; padding:9px 11px;
  background:#0a1a23; border:1px solid rgba(0,229,255,.18);
  color:#e6f1f5; font-family:inherit; font-size:13px;
  border-radius:6px; outline:none; transition:border .15s; box-sizing:border-box;
}
textarea.la-acc-input{ resize:vertical; min-height:64px; font-family:inherit }
.la-acc-input:focus, .la-acc-select:focus{ border-color:var(--cyan, #00e5ff) }
.la-acc-input[readonly]{ background:rgba(255,255,255,.02); color:#7f9aa6; cursor:not-allowed }
.la-acc-input.invalid, .la-acc-select.invalid{ border-color:#f87171 }

.la-acc-dob-row{ display:grid; grid-template-columns:90px 1.4fr 110px; gap:8px }

.la-acc-checkbox-row{
  display:flex; align-items:flex-start; gap:9px;
  font-size:12px; color:#9aa9b0; line-height:1.45; padding-top:4px;
}
.la-acc-checkbox-row input[type=checkbox]{
  width:15px; height:15px; margin-top:1px; accent-color:var(--cyan, #00e5ff);
  flex-shrink:0; cursor:pointer;
}
.la-acc-checkbox-row label{ cursor:pointer }

.la-acc-form-footer{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  margin-top:6px; padding-top:14px; border-top:1px solid rgba(0,229,255,.10);
}
.la-acc-required-note{ font-size:11px; color:#7f9aa6 }

.la-acc-save-btn, .la-acc-submit{
  padding:10px 22px; background:var(--cyan, #00e5ff); color:#02101a;
  border:none; border-radius:6px; cursor:pointer;
  font-family:'JetBrains Mono', monospace; font-weight:700; font-size:11px; letter-spacing:1.5px;
  transition:background .15s;
}
.la-acc-save-btn:hover, .la-acc-submit:hover{ background:#00b8e6 }
.la-acc-save-btn:disabled, .la-acc-submit:disabled{ opacity:.45; cursor:not-allowed }

/* Radio/markets grids (Trader) */
.la-acc-radio-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:6px; margin-top:2px }
.la-acc-radio-grid label{
  display:flex; align-items:center; gap:7px; padding:7px 10px;
  background:#0a1a23; border:1px solid rgba(0,229,255,.18); border-radius:6px;
  font-size:12px; color:#e6f1f5; cursor:pointer; transition:all .15s; line-height:1.2;
}
.la-acc-radio-grid label:hover{ border-color:var(--cyan, #00e5ff); color:var(--cyan, #00e5ff) }
.la-acc-radio-grid input{ accent-color:var(--cyan, #00e5ff); margin:0; cursor:pointer; flex-shrink:0 }
.la-acc-radio-grid label.checked{
  border-color:var(--cyan, #00e5ff); color:var(--cyan, #00e5ff); background:rgba(0,212,255,.06);
}
.la-acc-markets-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(110px, 1fr)); gap:6px; margin-top:2px }
.la-acc-markets-grid label{
  display:flex; align-items:center; gap:7px; padding:7px 10px;
  background:#0a1a23; border:1px solid rgba(0,229,255,.18); border-radius:6px;
  font-size:12px; color:#e6f1f5; cursor:pointer; transition:all .15s;
}
.la-acc-markets-grid label:hover{ border-color:var(--cyan, #00e5ff); color:var(--cyan, #00e5ff) }
.la-acc-markets-grid input{ accent-color:var(--cyan, #00e5ff); margin:0; cursor:pointer }
.la-acc-markets-grid label.checked{
  border-color:var(--cyan, #00e5ff); color:var(--cyan, #00e5ff); background:rgba(0,212,255,.06);
}

.la-acc-section-title{
  font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:1.5px;
  color:#7f9aa6; text-transform:uppercase; margin:6px 0 -2px; padding-top:8px;
  border-top:1px dashed rgba(0,229,255,.10);
}
.la-acc-section-title:first-child{ border-top:none; padding-top:0; margin-top:0 }

/* Info grid (Activity + Security) */
.la-acc-info-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:6px }
@media (max-width:560px){ .la-acc-info-grid{ grid-template-columns:1fr } }
.la-acc-info-card{
  background:#0a1a23; border:1px solid rgba(0,229,255,.15); border-radius:8px;
  padding:13px 15px; display:flex; flex-direction:column; gap:4px;
}
.la-acc-info-card .label{
  font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:1.2px;
  color:#7f9aa6; text-transform:uppercase;
}
.la-acc-info-card .value{
  font-family:'Space Grotesk', sans-serif; font-size:15px; color:#e6f1f5; font-weight:500;
}
.la-acc-info-card .value.muted{ color:#7f9aa6; font-style:italic; font-size:13px }
.la-acc-info-card .sub{ font-size:11px; color:#7f9aa6; margin-top:2px }

.la-acc-action-row{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:12px 14px; background:#0a1a23; border:1px solid rgba(0,229,255,.15); border-radius:8px;
}
.la-acc-action-row .meta{ display:flex; flex-direction:column; gap:3px; min-width:0 }
.la-acc-action-row .title{ font-size:13px; color:#e6f1f5; font-weight:500 }
.la-acc-action-row .desc{ font-size:11px; color:#7f9aa6; line-height:1.4 }
.la-acc-action-btn{
  padding:8px 16px; background:transparent; color:#e6f1f5;
  border:1px solid rgba(0,229,255,.18); border-radius:6px; cursor:pointer;
  font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:1.2px;
  white-space:nowrap; transition:all .15s;
}
.la-acc-action-btn:hover{ border-color:var(--cyan, #00e5ff); color:var(--cyan, #00e5ff) }
.la-acc-action-btn.danger{ color:#f87171; border-color:rgba(220,38,38,.35) }
.la-acc-action-btn.danger:hover{ background:rgba(220,38,38,.10); border-color:#f87171; color:#fca5a5 }
.la-acc-action-btn:disabled{ opacity:.5; cursor:not-allowed }

.la-acc-pwd-form{
  display:flex; flex-direction:column; gap:10px;
  background:#0a1a23; border:1px solid rgba(0,229,255,.15); border-radius:8px;
  padding:14px 16px; margin-bottom:14px;
}

/* Status + danger zone */
.la-acc-status{
  font-size:12px; color:#7f9aa6; margin-top:10px; min-height:14px; text-align:center; line-height:1.4;
}
.la-acc-status.success{ color:var(--cyan, #00e5ff) }
.la-acc-status.error{ color:#f87171 }

.la-acc-danger-zone{
  margin-top:14px; padding-top:14px; border-top:1px dashed rgba(220,38,38,.30);
}
.la-acc-danger-title{
  font-family:'JetBrains Mono', monospace; font-size:10px; letter-spacing:1.5px;
  color:#f87171; text-transform:uppercase; margin-bottom:8px;
}