/* Agent portal style "Command Center 3D": Command Center with floating tiles. Loads after portal.css,
   portal-command.css and the float layer (portal-float.css); <html> carries pt-command pt-float pt-command3d.
   Only what differs from those two sheets is here; every rule is scoped to html.pt-command3d. */
html.pt-command3d {
  --bg: #e9eaf5;
  --fl-rgb: 30, 27, 75;
  --fl-edge: #c9cbe6;
  --fl-strength: 1.1;
}
.pt-command3d body {
  background: radial-gradient(1100px 620px at 65% -12%, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 0) 62%), var(--bg);
}

/* Small tiles a touch rounder than Command's crisp 6px cards */
.pt-command3d .p-lead, .pt-command3d .p-today-stat, .pt-command3d .p-price, .pt-command3d .p-plan { border-radius: 8px; }

/* Command's left accent on stat tiles (the float layer softens all borders) */
.pt-command3d .p-today-stat { border-left-color: var(--navy-2); }
.pt-command3d .p-today-stat.p-alert-stat { border-left-color: var(--live); }

/* Top bar on phones and tablets: a slab edge under it */
.pt-command3d .p-top { box-shadow: 0 2px 0 #120f33, 0 12px 22px -14px rgba(30, 27, 75, .55); }

/* Desktop sidebar: a raised slab standing above the page (shadows only; it is position:fixed and holds the
   fixed help menu, so it must never get a transform) */
@media (min-width: 1000px) {
  .pt-command3d body.p-in .p-top {
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .06), inset 0 1px 0 rgba(255, 255, 255, .08),
      1px 0 0 #120f33, 2px 0 0 #120f33, 3px 0 0 #120f33,
      8px 0 16px -6px rgba(30, 27, 75, .35), 26px 0 48px -22px rgba(30, 27, 75, .45);
  }
}