/* Dark Flow Futures — CRM UI Polish v2
   Frontend-only hierarchy, Accounts summary and compact protected-write messaging. */

/* Sidebar admin hierarchy */
aside nav .df-nav-section-label{padding:12px 10px 6px;margin-top:3px;color:#60738e;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;user-select:none}
aside nav .df-nav-section-label::before{content:"";display:inline-block;width:14px;height:1px;margin:0 7px 2px 0;background:linear-gradient(90deg,#4d82d8,transparent);vertical-align:middle}
aside nav .df-audit-nav{position:relative}
aside nav .df-audit-nav.active{background:linear-gradient(90deg,rgba(66,120,214,.18),rgba(66,120,214,.06));color:#edf5ff}
#dfAdminShortcuts{display:none!important}

/* One-broker Accounts summary */
#brokerTopCards.df-broker-summary-v2{grid-template-columns:minmax(0,1fr)!important;margin-bottom:14px!important}
#brokerTopCards.df-broker-summary-v2 .df-broker-summary-card-v2{padding:0!important;overflow:hidden;display:grid!important;grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(120px,.72fr));align-items:stretch;min-height:96px;background:linear-gradient(110deg,rgba(11,24,38,.98),rgba(8,18,29,.98));border-color:rgba(73,120,190,.23)!important}
.df-broker-summary-main{display:flex;flex-direction:column;justify-content:center;padding:16px 18px;border-right:1px solid rgba(120,151,194,.11);position:relative;overflow:hidden}
.df-broker-summary-main::after{content:"";position:absolute;right:-40px;top:-55px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(52,117,219,.12),transparent 68%);pointer-events:none}
.df-broker-summary-main .df-broker-kicker{font-size:9px;font-weight:850;letter-spacing:.09em;color:#86a7d6;text-transform:uppercase}
.df-broker-summary-main strong{margin:7px 0 4px!important;font-size:19px!important;line-height:1.05;color:#f2f7ff!important}
.df-broker-summary-main small{font-size:9px!important;color:#71829a!important}
.df-broker-summary-metric{display:flex;flex-direction:column;justify-content:center;padding:13px 15px;border-right:1px solid rgba(120,151,194,.09);min-width:0}
.df-broker-summary-metric:last-child{border-right:0}
.df-broker-summary-metric span{font-size:8px!important;font-weight:850!important;letter-spacing:.11em;text-transform:uppercase;color:#667a95!important}
.df-broker-summary-metric strong{display:block!important;margin:6px 0 2px!important;font-size:16px!important;line-height:1;color:#e8f0fb!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.df-broker-summary-metric small{font-size:8px!important;color:#64758b!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.df-broker-summary-metric.is-live strong{color:#69d9a7!important}.df-broker-summary-metric.is-active strong{color:#8eb7ff!important}

/* Compact protected-write message */
#syncDiagnosticsPanel{margin-bottom:8px!important}
#syncDiagnosticsBody .df-sync-warning.df-sync-warning-compact{min-height:34px!important;padding:7px 10px!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;border-radius:8px!important;font-size:9px!important;line-height:1.2!important}
.df-sync-warning-compact .df-sync-warning-icon{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border-radius:50%;background:rgba(217,167,90,.11);color:#d9a75a;font-size:10px;font-weight:900}
.df-sync-warning-compact b{font-size:9px!important;letter-spacing:.06em;color:#ddb767!important;white-space:nowrap}
.df-sync-warning-compact span:last-child{color:#8f9caf;min-width:0}
#accounts .panel>#accountSections>.firm-section:first-child,#accounts .panel>#accountSections>.dynamic-firm:first-child{margin-top:8px!important}

@media(max-width:1200px){
  #brokerTopCards.df-broker-summary-v2 .df-broker-summary-card-v2{grid-template-columns:minmax(250px,1.25fr) repeat(2,minmax(130px,1fr));}
  .df-broker-summary-main{grid-row:span 2}.df-broker-summary-metric:nth-child(4){border-top:1px solid rgba(120,151,194,.09)}.df-broker-summary-metric:nth-child(5){border-top:1px solid rgba(120,151,194,.09)}
}
@media(max-width:760px){
  #brokerTopCards.df-broker-summary-v2 .df-broker-summary-card-v2{grid-template-columns:1fr 1fr;}
  .df-broker-summary-main{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid rgba(120,151,194,.11)}
}