#glassConnectedFrame{display:none;position:fixed;inset:0;width:100vw;height:100vh;border:0;z-index:9999;background:#08152b}
body.glass-command-visible #glassConnectedFrame{display:block}

/* V3.56: readability and logo fit. Preserve existing glass layout. */
#app aside .brand{padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important;border-radius:15px!important;min-height:148px!important}
#app aside .brand img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:142px!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}
/* Never place near-white text on pale status and stop controls. */
#app .rn-customer-pill,#app .load-card .rn-customer-pill{background:#9dc7ff!important;color:#092747!important;border:1px solid #c7e0ff!important}
#app .stop-type-label,#app .stop-label-datetime,#app .rn-appointment-status,#app .rn-appointment-number,#app .timeline-stop .stop-type-label,#app .timeline-stop .stop-label-datetime{background:rgba(39,67,104,.90)!important;color:#f5faff!important;border:1px solid rgba(166,205,250,.45)!important;border-radius:7px!important;text-shadow:none!important}
#app .rn-appointment-status.done{background:rgba(13,115,78,.85)!important;color:#fff!important}
#app .timeline-stop .stop-type-label *,#app .timeline-stop .stop-label-datetime *,#app .rn-appointment-status *{color:inherit!important}
#app .stop-actions button,#app .rn-quick-actions button,#app .timeline-stop button{background:rgba(37,78,127,.85)!important;color:#fff!important;border:1px solid rgba(153,203,255,.45)!important;text-shadow:none!important}
#app .stop-actions button:hover,#app .rn-quick-actions button:hover{background:rgba(27,109,191,.94)!important}
#app .load-card .collapsed-main .rn-customer-pill{color:#092747!important}
#app .rn-expanded .rn-pane,#app .rn-expanded .rn-tile,#app .rn-expanded .rn-info-tiles>div{color:#f4f9ff!important}
#app .rn-expanded .muted,#app .rn-expanded small{color:#c8d8eb!important}
@media(max-width:850px){#app aside .brand{min-height:104px!important}#app aside .brand img{height:104px!important;min-height:104px!important}}

/* V3.57: global contrast fixes, including inherited pale/light-mode chips. */
#app .admin-customer-badge,#app .collapsed-main .admin-customer-badge{background:#92c5ff!important;color:#071f3d!important;border:1px solid #d4eaff!important;opacity:1!important;text-shadow:none!important;box-shadow:none!important}
#app .timeline-marker,#app .timeline-stop .timeline-marker{background:#244466!important;color:#fff!important;border:2px solid #8fbbe9!important;opacity:1!important}
#app .timeline-stop.complete .timeline-marker{background:#11694b!important;color:#fff!important;border-color:#6ee1ad!important}
#app .stop-type-label,#app .stop-type-label.pickup,#app .stop-type-label.delivery{background:#244568!important;color:#fff!important;opacity:1!important;border:1px solid #8fbbe9!important}
#app .stop-label-datetime{background:transparent!important;color:#fff!important;opacity:1!important;border:0!important;border-left:1px solid #9fc6ec!important;border-radius:0!important}
#app .confirm-location.pending,#app .confirm-location,#app .timeline-stop .confirm-location{background:#235484!important;color:#fff!important;border:1px solid #83baf3!important;opacity:1!important;text-shadow:none!important}
#app .location-confirmed,#app .public-note{background:#223e64!important;color:#fff!important;border-color:#91b9ed!important}
#app .location-confirmed *,#app .public-note *{color:#f7fbff!important}
#app .badge.status-planned,#app .badge.status-scheduled,#app .badge.status-delivered,#app .badge.status-cancelled{color:#fff!important;text-shadow:none!important}
#app .badge.status-planned{background:#506985!important}#app .badge.status-scheduled{background:#9d5516!important}#app .badge.status-delivered{background:#107e50!important}#app .badge.status-cancelled{background:#9a3b3b!important}
#app .rn-expanded button.secondary,#app .load-card button.secondary{background:#245280!important;color:#fff!important;border:1px solid #8db8e9!important}
#app .rn-expanded .timeline-copy span,#app .rn-expanded .timeline-copy small{color:#d4e6fa!important}
#app .rn-expanded .stop-actions .mini{background:#28598c!important;color:#fff!important;border-color:#a1c8f5!important}

/* V3.61: legible destructive action in expanded Active Loads cards. */
.load-card .rn-expanded .card-actions button.danger.delete {
  appearance:none !important;
  background:#a52735 !important;
  color:#ffffff !important;
  border:1px solid #ef6674 !important;
  border-radius:9px !important;
  font-weight:800 !important;
  opacity:1 !important;
  text-shadow:none !important;
  box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
}
.load-card .rn-expanded .card-actions button.danger.delete:hover {
  background:#c13444 !important;
  border-color:#ff94a0 !important;
}
.load-card .rn-expanded .card-actions button.danger.delete:focus-visible {
  outline:3px solid #ffd2d7 !important;
  outline-offset:3px !important;
}


/* V3.62: use the Command Center's actual bundled sunset scene across the portal.
   Keep functional buttons, badges, forms, and their contrast rules unchanged. */
html { min-height:100%; background:#09172d !important; }
body {
  min-height:100vh !important;
  background-color:#0b1c33 !important;
  background-image:linear-gradient(105deg,rgba(4,15,33,.56),rgba(12,23,43,.35) 54%,rgba(32,20,35,.42)),url('assets/sunset.jpg') !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
body::before { display:none !important; }
#app, #app main, #app .page, #app #activePage, #app #historyPage,
#app #financesPage, #app #customersPage, #app #addressPage,
#app #settingsPage { background-color:transparent !important; }
/* Frosted surfaces reveal the shared backdrop, but remain dark enough for white text. */
#app main .panel, #app main .stat, #app main .load-card,
#app main .address-card, #app main .customer-card,
#app main .rn-pane, #app main .rn-tile, #app main .rn-expanded,
#app main .settings-card, #app main .insight-panel,
#app main .finance-chart-panel, #app main .shipment-explorer {
  background:rgba(14,29,51,.57) !important;
  border-color:rgba(214,232,255,.35) !important;
  backdrop-filter:blur(13px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(13px) saturate(120%) !important;
}
#app aside { background:rgba(4,19,43,.76) !important; backdrop-filter:blur(17px) !important; -webkit-backdrop-filter:blur(17px) !important; }
/* The dashboard iframe retains its own identical wallpaper and styling. */