/* Dark Flow Futures — CRM layout polish v1
   Frontend-only spacing/sidebar/readability refinements. */

/* Keep the left rail usable on laptop-height screens: nav scrolls, critical admin shortcuts stay visible. */
aside{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
aside>.brand-lockup{flex:0 0 auto!important}
aside>nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:4px!important;
  margin-right:-4px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(101,146,232,.26) transparent;
}
aside>nav::-webkit-scrollbar{width:5px}
aside>nav::-webkit-scrollbar-thumb{background:rgba(101,146,232,.24);border-radius:999px}
aside>.status-card,aside>.logout-button,aside>.crm-session-note{flex:0 0 auto}

.df-admin-shortcuts{
  flex:0 0 auto;
  margin:10px 0 0;
  padding:9px;
  border:1px solid rgba(87,137,218,.18);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(29,49,78,.36),rgba(9,17,28,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.df-admin-shortcuts-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 7px}
.df-admin-shortcuts-head strong{font-size:8.5px!important;letter-spacing:.14em;text-transform:uppercase;color:#8fa7ca!important}
.df-admin-shortcuts-head span{font-size:7.5px;color:#60738f;letter-spacing:.08em;text-transform:uppercase}
.df-admin-shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.df-admin-shortcut{
  min-height:34px;
  border:1px solid rgba(112,151,214,.16);
  border-radius:8px;
  background:rgba(255,255,255,.018);
  color:#b9c7da;
  font:700 9.5px/1.15 Inter,ui-sans-serif,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .16s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.df-admin-shortcut:hover{transform:translateY(-1px);border-color:rgba(92,151,246,.42);background:rgba(67,116,198,.10);color:#edf5ff;box-shadow:0 8px 20px rgba(0,0,0,.14)}
.df-admin-shortcut.active{border-color:rgba(78,140,241,.42);background:rgba(53,103,188,.13);color:#dcecff}

/* Accounts page: remove the large dead band between reconcile diagnostics and first firm block. */
#accounts #syncDiagnosticsPanel{margin:0 0 8px!important}
#accounts #accountSections{margin-top:0!important;padding-top:0!important}
#accounts #accountSections>.firm-section:first-child{margin-top:8px!important}
#accounts .panel>#accountSections:first-child>.firm-section:first-child{margin-top:8px!important}

/* Reconcile v5 presentation — compact, clear and theme-safe. */
#syncDiagnosticsPanel{
  border:1px solid var(--df-line,#263446)!important;
  border-radius:11px!important;
  background:var(--df-panel,#0c131d)!important;
  box-shadow:none!important;
}
#syncDiagnosticsPanel .df-sync-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 12px!important;
  background:linear-gradient(180deg,rgba(20,31,44,.74),rgba(12,19,29,.72))!important;
  border-bottom:1px solid var(--df-line-soft,rgba(148,163,184,.09))!important;
}
#syncDiagnosticsPanel .df-sync-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#syncDiagnosticsPanel .df-sync-title strong{font-size:11px!important;color:var(--df-text-strong,#eef4fd)!important}
#syncDiagnosticsPanel .df-sync-title small{font-size:8px;color:#6ea3f6;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#syncDiagnosticsPanel .df-sync-sub{margin-top:3px;font-size:9px!important;line-height:1.35;color:var(--df-muted,#8f9caf)!important}
#syncDiagnosticsPanel .df-sync-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#syncDiagnosticsPanel .df-sync-token{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 8px;border:1px solid rgba(213,166,78,.24);border-radius:999px;background:rgba(213,166,78,.055);color:#d2b36e;font-size:8px;font-weight:850;letter-spacing:.065em;white-space:nowrap}
#syncDiagnosticsPanel .df-sync-token::before{content:"";width:6px;height:6px;border-radius:50%;background:#d5a64e;box-shadow:0 0 9px rgba(213,166,78,.35)}
#syncDiagnosticsPanel .df-sync-token.ready{border-color:rgba(63,199,139,.24);background:rgba(63,199,139,.055);color:#71d7ac}
#syncDiagnosticsPanel .df-sync-token.ready::before{background:#3fc78b;box-shadow:0 0 9px rgba(63,199,139,.38)}
#syncDiagnosticsPanel #syncDiagnosticsBody{padding:9px 12px!important;min-height:36px}
#syncDiagnosticsPanel .df-sync-ready{font-size:9.5px;line-height:1.4;color:var(--df-muted,#8f9caf)}
#syncDiagnosticsPanel .df-sync-warning{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid rgba(213,166,78,.18);border-radius:8px;background:rgba(213,166,78,.045);color:#d1b571;font-size:9.5px;font-weight:700;line-height:1.4}
#syncDiagnosticsPanel .df-sync-warning::before{content:"!";display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:rgba(213,166,78,.12);color:#e0bd70;font-size:10px}

html[data-df-theme="light"] .df-admin-shortcuts{background:linear-gradient(180deg,rgba(240,245,252,.95),rgba(234,240,248,.95));border-color:rgba(42,74,117,.12)}
html[data-df-theme="light"] .df-admin-shortcut{background:#fff;color:#52647c;border-color:rgba(42,74,117,.12)}
html[data-df-theme="light"] #syncDiagnosticsPanel .df-sync-head{background:linear-gradient(180deg,#f8fafc,#f2f6fa)!important}

@media(max-width:900px){aside{overflow:auto!important}aside>nav{overflow:visible!important}.df-admin-shortcuts{margin-bottom:8px}}