/* TICS v130.0.0 — Global UI Authority
   Loaded last. This file is the single visual enforcement layer for authenticated workspaces. */

body.is-authenticated {
  --ui-panel: linear-gradient(155deg, rgba(9,25,44,.96), rgba(4,14,27,.98));
  --ui-panel-soft: rgba(7,20,34,.88);
  --ui-field: rgba(2,10,19,.84);
  --ui-border: rgba(240,197,111,.27);
  --ui-border-strong: rgba(240,197,111,.58);
  --ui-text: #f8f1df;
  --ui-muted: #aebdcc;
  --ui-radius: 18px;
  color-scheme: dark;
}

/* Every top-level workspace region occupies the full application grid. */
body.is-authenticated .content-grid > section,
body.is-authenticated .content-grid > article,
body.is-authenticated .content-grid > aside,
body.is-authenticated .content-grid > div:not(.modal):not(.toast) {
  min-width: 0;
}

/* Shared surface authority. */
body.is-authenticated .card,
body.is-authenticated .action-card,
body.is-authenticated .warehouse-workspace-hero,
body.is-authenticated .warehouse-control-bar,
body.is-authenticated .warehouse-kpi-ribbon,
body.is-authenticated .receiving-hero,
body.is-authenticated .receiving-queue,
body.is-authenticated .receiving-workspace,
body.is-authenticated .receiving-destination,
body.is-authenticated .rfq-workspace,
body.is-authenticated .intelligent-receiving-panel,
body.is-authenticated .knowledge-principles > div,
body.is-authenticated .cognitive-step {
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-panel) !important;
  color: var(--ui-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 38px rgba(0,0,0,.18) !important;
}

/* Typography authority. */
body.is-authenticated .content-grid h2,
body.is-authenticated .content-grid h3,
body.is-authenticated .content-grid strong,
body.is-authenticated .content-grid label {
  color: var(--ui-text);
}
body.is-authenticated .content-grid p,
body.is-authenticated .content-grid small,
body.is-authenticated .content-grid .muted {
  color: var(--ui-muted);
}
body.is-authenticated .content-grid .eyebrow,
body.is-authenticated .content-grid label > span {
  color: var(--gold-2) !important;
}

/* All authenticated form controls use one dark control system. */
body.is-authenticated .content-grid input:not([type="checkbox"]):not([type="radio"]),
body.is-authenticated .content-grid select,
body.is-authenticated .content-grid textarea {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--ui-border) !important;
  border-radius: 11px !important;
  background: var(--ui-field) !important;
  color: var(--ui-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  outline: none;
}
body.is-authenticated .content-grid textarea { min-height: 92px; resize: vertical; }
body.is-authenticated .content-grid input::placeholder,
body.is-authenticated .content-grid textarea::placeholder { color: rgba(210,220,231,.58) !important; opacity: 1; }
body.is-authenticated .content-grid input:focus,
body.is-authenticated .content-grid select:focus,
body.is-authenticated .content-grid textarea:focus {
  border-color: var(--ui-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(216,161,58,.12) !important;
}
body.is-authenticated .content-grid select { color-scheme: dark; }
body.is-authenticated .content-grid select option { color: #f8f1df; background: #071421; }
body.is-authenticated .content-grid input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
body.is-authenticated .content-grid input[type="number"]::-webkit-inner-spin-button,
body.is-authenticated .content-grid input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Shared button authority; no browser-white buttons can leak into a workspace. */
body.is-authenticated .content-grid button,
body.is-authenticated .content-grid .primary-btn,
body.is-authenticated .content-grid .ghost-btn,
body.is-authenticated .content-grid .tiny-btn,
body.is-authenticated .content-grid .primary-action {
  appearance: none;
  -webkit-appearance: none;
  min-height: 40px;
  padding: 10px 15px;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: 12px !important;
  background: rgba(9,26,43,.88) !important;
  color: var(--gold-2) !important;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body.is-authenticated .content-grid button:hover,
body.is-authenticated .content-grid .ghost-btn:hover,
body.is-authenticated .content-grid .tiny-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(240,197,111,.78) !important;
  background: rgba(17,43,67,.96) !important;
}
body.is-authenticated .content-grid .primary-btn,
body.is-authenticated .content-grid .primary-action,
body.is-authenticated .content-grid button[type="submit"] {
  color: #07111f !important;
  background: linear-gradient(180deg,#f5cf7d,#c78a25) !important;
  box-shadow: 0 10px 24px rgba(216,161,58,.16), inset 0 1px 0 rgba(255,255,255,.3) !important;
}
body.is-authenticated .content-grid button:disabled {
  opacity: .48;
  cursor: not-allowed;
  transform: none;
}

/* Workflow-step authority. */
body.is-authenticated .receiving-progress span {
  border: 1px solid var(--ui-border) !important;
  border-radius: 12px !important;
  background: rgba(8,20,33,.92) !important;
  color: #d9e1ea !important;
  box-shadow: none !important;
}
body.is-authenticated .receiving-progress span.active {
  border-color: var(--ui-border-strong) !important;
  background: linear-gradient(180deg,rgba(28,52,78,.98),rgba(13,31,49,.98)) !important;
  color: #fff !important;
}

/* Tables share one header, row and scrolling treatment. */
body.is-authenticated .content-grid .table-wrap,
body.is-authenticated .receiving-table-wrap {
  border: 1px solid var(--ui-border) !important;
  border-radius: 14px !important;
  background: rgba(2,10,19,.42) !important;
  overflow: auto;
}
body.is-authenticated .content-grid table { width: 100%; border-collapse: collapse; color: var(--ui-text); }
body.is-authenticated .content-grid thead { background: rgba(13,33,52,.98); }
body.is-authenticated .content-grid th {
  color: #f4e3b4 !important;
  font-size: .76rem;
  letter-spacing: .02em;
  border-bottom: 1px solid var(--ui-border) !important;
}
body.is-authenticated .content-grid td { border-bottom: 1px solid rgba(240,197,111,.10) !important; }
body.is-authenticated .content-grid tbody tr:hover { background: rgba(216,161,58,.055); }

/* Warehouse page reset to the same proportions and components as current workspaces. */
body.is-authenticated[data-route="warehouse-locations"] .warehouse-workspace-hero {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 22px !important;
}
body.is-authenticated[data-route="warehouse-locations"] .warehouse-workspace-hero h2 {
  font-size: clamp(1.75rem,3vw,2.55rem) !important;
  line-height: 1.08 !important;
  max-width: 850px;
}
body.is-authenticated[data-route="warehouse-locations"] .warehouse-quick-actions {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(150px,1fr)) !important;
  gap: 9px !important;
  width: min(390px,100%);
}
body.is-authenticated[data-route="warehouse-locations"] .warehouse-quick-actions button { width: 100%; }
body.is-authenticated[data-route="warehouse-locations"] .warehouse-control-bar {
  display: grid !important;
  grid-template-columns: minmax(180px,.8fr) minmax(300px,2fr) minmax(180px,.8fr) !important;
  gap: 12px !important;
  padding: 14px !important;
}
body.is-authenticated[data-route="warehouse-locations"] .warehouse-control-bar label {
  display: grid !important;
  gap: 6px !important;
}
body.is-authenticated[data-route="warehouse-locations"] .warehouse-kpi-ribbon {
  overflow: hidden;
  background: var(--ui-panel) !important;
}

/* Legacy light receiving elements are normalized globally. */
body.is-authenticated .receiving-queue-card,
body.is-authenticated .receiving-destination,
body.is-authenticated .receiving-summary {
  border-color: var(--ui-border) !important;
  background: var(--ui-panel-soft) !important;
  color: var(--ui-text) !important;
}
body.is-authenticated .receiving-queue-card small,
body.is-authenticated .receiving-summary span { color: var(--ui-muted) !important; }
body.is-authenticated .receiving-summary { box-shadow: 0 -10px 26px rgba(0,0,0,.22) !important; }

@media (max-width: 1050px) {
  body.is-authenticated[data-route="warehouse-locations"] .warehouse-workspace-hero { grid-template-columns: 1fr !important; }
  body.is-authenticated[data-route="warehouse-locations"] .warehouse-quick-actions { width: 100%; }
  body.is-authenticated[data-route="warehouse-locations"] .warehouse-control-bar { grid-template-columns: 1fr !important; }
}
@media (max-width: 680px) {
  body.is-authenticated[data-route="warehouse-locations"] .warehouse-quick-actions { grid-template-columns: 1fr !important; }
  body.is-authenticated .content-grid button { white-space: normal; }
}


/* v130.0.0 — Full-width workspace section enforcement.
   Composite sections rendered directly inside the 12-column content grid must own the full row. */
body.is-authenticated .content-grid > .knowledge-metrics,
body.is-authenticated .content-grid > .fulfillment-metrics {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.is-authenticated[data-route="fulfillment-planning"] .knowledge-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}
body.is-authenticated[data-route="fulfillment-planning"] .knowledge-metrics > .card {
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 132px;
  overflow: hidden !important;
}
body.is-authenticated[data-route="fulfillment-planning"] .knowledge-metrics > .card strong,
body.is-authenticated[data-route="fulfillment-planning"] .knowledge-metrics > .card small {
  overflow-wrap: anywhere;
}
body.is-authenticated[data-route="fulfillment-planning"] .content-grid > .wide-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
}
@media (max-width: 1050px) {
  body.is-authenticated[data-route="fulfillment-planning"] .knowledge-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  body.is-authenticated[data-route="fulfillment-planning"] .knowledge-metrics {
    grid-template-columns: 1fr !important;
  }
}

/* v130.0.0 — Global continuous-scroll authority.
   The workspace top pane is deliberately NOT sticky or fixed. It scrolls
   naturally with the active workspace. The sidebar remains independently
   available while all main-pane content uses one continuous scroll surface. */
body.is-authenticated .workspace {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-behavior: smooth;
}

body.is-authenticated .topbar,
body.is-authenticated[data-route] .topbar,
body.is-authenticated[data-route="dashboard"] .topbar {
  position: relative !important;
  top: auto !important;
  inset: auto !important;
  z-index: 2 !important;
}

/* Prevent route-specific styles from recreating a frozen workspace pane. */
body.is-authenticated main.workspace > .topbar {
  position: relative !important;
  top: auto !important;
  transform: none !important;
}

/* Keep ordinary workspace sections in document flow. */
body.is-authenticated .content-grid,
body.is-authenticated .content-grid > section,
body.is-authenticated .content-grid > article {
  position: relative;
}

/* v130.0.0 — Login typography and placement authority */
@media (min-width: 981px) {
  .true-login-card.product-login-card {
    grid-template-columns: minmax(280px, .9fr) minmax(390px, 1.1fr) !important;
    grid-template-areas:
      "logo heading"
      "logo form"
      "logo secure"
      "logo note"
      "legal legal" !important;
    column-gap: clamp(34px, 4.5vw, 64px) !important;
    row-gap: 13px !important;
    padding: 54px clamp(44px, 5vw, 70px) 34px !important;
  }

  .true-login-card.product-login-card .true-login-logo-frame {
    width: clamp(250px, 25vw, 335px) !important;
    align-self: center !important;
  }

  .true-login-card.product-login-card .true-login-heading {
    align-self: end !important;
    padding-top: 8px !important;
  }

  .true-login-card.product-login-card .true-login-heading h1 {
    max-width: 460px !important;
    font-size: clamp(2.35rem, 3.35vw, 3.35rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.018em !important;
    margin: 0 0 10px !important;
    text-wrap: balance !important;
  }

  .true-login-card.product-login-card .true-login-heading p {
    max-width: 500px !important;
    font-size: clamp(.9rem, 1vw, 1rem) !important;
    line-height: 1.45 !important;
  }

  .true-login-card.product-login-card .true-login-form,
  .true-login-card.product-login-card .true-secure-note,
  .true-login-card.product-login-card .true-hold-note {
    max-width: 500px !important;
  }

  .true-login-card.product-login-card .true-secure-note {
    font-size: .86rem !important;
  }

  .true-login-card.product-login-card .true-hold-note {
    font-size: .75rem !important;
    padding: 10px 14px !important;
  }

  .true-login-card.product-login-card .true-login-legal-notice {
    grid-area: legal !important;
    width: min(760px, 100%) !important;
    max-width: 760px !important;
    margin: 4px auto 0 !important;
    padding: 10px 20px 0 !important;
    text-align: center !important;
    justify-self: center !important;
    font-size: .66rem !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 980px) {
  .true-login-card.product-login-card .true-login-heading h1 {
    font-size: clamp(1.85rem, 4.4svh, 2.6rem) !important;
    line-height: 1.04 !important;
    text-wrap: balance !important;
  }

  .true-login-card.product-login-card .true-login-heading p {
    font-size: clamp(.84rem, 1.55svh, .96rem) !important;
    line-height: 1.42 !important;
  }

  .true-login-card.product-login-card .true-login-legal-notice {
    width: min(520px, 100%) !important;
    margin: 6px auto 0 !important;
    text-align: center !important;
  }
}


/* v130.0.0 — Login hero alignment authority */
@media (min-width: 981px) {
  .true-login-card.product-login-card .true-login-heading {
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-top: 0 !important;
    transform: translateY(6px) !important;
  }

  .true-login-card.product-login-card .true-login-heading h1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 0 12px !important;
    font-size: clamp(2.15rem, 3vw, 3.05rem) !important;
    line-height: .98 !important;
    letter-spacing: -.025em !important;
    text-align: left !important;
    text-wrap: nowrap !important;
  }

  .true-login-card.product-login-card .true-login-heading h1 span {
    display: block !important;
    white-space: nowrap !important;
  }

  .true-login-card.product-login-card .true-login-heading h1 span:last-child {
    margin-top: 2px !important;
  }

  .true-login-card.product-login-card .true-login-heading p {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 !important;
    text-align: left !important;
  }
}

@media (max-width: 980px) {
  .true-login-card.product-login-card .true-login-heading h1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    font-size: clamp(1.9rem, 4.5svh, 2.55rem) !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  .true-login-card.product-login-card .true-login-heading h1 span {
    display: block !important;
    white-space: nowrap !important;
  }
}

/* v130.0.0 — Definitive login hero realignment */
@media (min-width: 981px) {
  .true-login-card.product-login-card {
    grid-template-columns: minmax(300px, 1fr) minmax(420px, 1fr) !important;
    column-gap: clamp(52px, 6vw, 86px) !important;
  }

  .true-login-card.product-login-card .true-login-heading {
    align-self: end !important;
    transform: none !important;
    padding: 0 0 2px 0 !important;
  }

  .true-login-card.product-login-card .true-login-heading h1 {
    display: block !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 0 12px 0 !important;
    font-size: clamp(2rem, 2.45vw, 2.65rem) !important;
    line-height: 1.03 !important;
    letter-spacing: -.02em !important;
    white-space: normal !important;
  }

  .true-login-card.product-login-card .true-login-heading h1 span {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  .true-login-card.product-login-card .true-login-heading p,
  .true-login-card.product-login-card .true-login-form,
  .true-login-card.product-login-card .true-secure-note,
  .true-login-card.product-login-card .true-hold-note {
    width: 100% !important;
    max-width: 430px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .true-login-card.product-login-card .true-login-heading p {
    font-size: .92rem !important;
    line-height: 1.42 !important;
  }
}


/* v130.0.0 — Single-line login headline authority */
@media (min-width: 981px) {
  .true-login-card.product-login-card .true-login-heading h1 {
    display: block !important;
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    font-size: clamp(1.72rem, 2.05vw, 2.28rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.018em !important;
    margin: 0 0 12px 0 !important;
  }
}

@media (max-width: 980px) {
  .true-login-card.product-login-card .true-login-heading h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    font-size: clamp(1.35rem, 5vw, 2rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
  }
}

/* v130.0.0 — Non-negotiable single-line login title */
.true-login-card.product-login-card .true-login-heading h1.single-line-login-title {
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  text-wrap: nowrap !important;
  font-size: clamp(1.55rem, 1.82vw, 2rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
  margin: 0 0 12px 0 !important;
}

@media (max-width: 980px) {
  .true-login-card.product-login-card .true-login-heading h1.single-line-login-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(1.05rem, 4.4vw, 1.8rem) !important;
    text-align: center !important;
  }
}

/* v130.0.0 Cycle Count & Variance Control */
.cycle-count-hero,
.cycle-count-metrics,
.cycle-count-layout { grid-column: 1 / -1 !important; min-width: 0; }
.cycle-count-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,320px); gap:24px; align-items:center; padding:24px; border:1px solid var(--line,rgba(211,167,82,.28)); border-radius:16px; background:linear-gradient(135deg,rgba(15,28,42,.96),rgba(7,18,30,.92)); }
.cycle-count-hero h2 { margin:4px 0 8px; max-width:900px; font-size:clamp(1.7rem,2.4vw,2.65rem); line-height:1.08; }
.cycle-count-hero p { margin:0; max-width:920px; }
.cycle-count-guardrail,.cycle-count-warning { display:flex; flex-direction:column; gap:6px; padding:16px; border:1px solid rgba(211,167,82,.28); border-radius:12px; background:rgba(3,12,22,.5); }
.cycle-count-guardrail strong,.cycle-count-warning strong { color:var(--gold,#e9bd67); }
.cycle-count-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line,rgba(211,167,82,.24)); border-radius:14px; overflow:hidden; }
.cycle-count-metrics>div { padding:16px 18px; display:flex; flex-direction:column; gap:4px; border-right:1px solid var(--line,rgba(211,167,82,.18)); background:rgba(9,21,34,.9); }
.cycle-count-metrics>div:last-child { border-right:0; }
.cycle-count-metrics span,.cycle-count-metrics small { color:var(--muted,#9aa9b9); }
.cycle-count-metrics strong { font-size:1.45rem; color:var(--gold,#e9bd67); }
.cycle-count-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,.8fr); gap:16px; align-items:start; }
.cycle-count-entry-card,.cycle-count-control-card { min-width:0; }
.cycle-count-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.cycle-count-form .form-field-wide,.cycle-count-form .cycle-count-quantity-grid,.cycle-count-form .cycle-count-review,.cycle-count-form .primary-action,.cycle-count-form .form-result { grid-column:1/-1; }
.cycle-count-quantity-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cycle-count-review { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:14px 16px; border:1px solid rgba(211,167,82,.22); border-radius:10px; background:rgba(4,14,24,.58); }
.cycle-count-review span { color:var(--muted,#9aa9b9); text-align:right; }
@media (max-width:1050px){.cycle-count-hero,.cycle-count-layout{grid-template-columns:1fr}.cycle-count-metrics{grid-template-columns:repeat(2,1fr)}.cycle-count-metrics>div:nth-child(2){border-right:0}}
@media (max-width:700px){.cycle-count-metrics,.cycle-count-quantity-grid,.cycle-count-form{grid-template-columns:1fr}.cycle-count-metrics>div{border-right:0;border-bottom:1px solid var(--line,rgba(211,167,82,.18))}.cycle-count-review{align-items:flex-start;flex-direction:column}.cycle-count-review span{text-align:left}}


/* v131.0.0 Stock Reservations & Allocation Control */
.reservation-layout{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;align-items:start}
.stock-reservation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stock-reservation-form .form-field-wide{grid-column:1/-1}
.stock-reservation-form .primary-action,.stock-reservation-form .form-result{grid-column:1/-1}
@media(max-width:900px){.reservation-layout,.stock-reservation-form{grid-template-columns:1fr}}

/* v136.0.0 — Sidebar Visibility & Navigation Contrast Authority */
body.is-authenticated .sidebar {
  background:
    radial-gradient(circle at 18% 8%, rgba(232,184,88,.11), transparent 27%),
    linear-gradient(180deg, rgba(8,22,36,.98), rgba(3,13,24,.99)) !important;
  border-right-color: rgba(239,194,105,.34) !important;
  box-shadow: 14px 0 34px rgba(0,0,0,.26), inset -1px 0 rgba(255,255,255,.025) !important;
}
body.is-authenticated .side-brand {
  padding: 4px 4px 16px !important;
  border-bottom: 1px solid rgba(239,194,105,.22) !important;
}
body.is-authenticated .side-brand strong {
  color: #fff8e8 !important;
  text-shadow: 0 0 18px rgba(232,184,88,.18) !important;
}
body.is-authenticated .side-brand span {
  color: #c9d5df !important;
}
body.is-authenticated .nav-list {
  gap: 10px !important;
}
body.is-authenticated .nav-group {
  border-color: rgba(239,194,105,.20) !important;
  background: rgba(12,29,45,.78) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
}
body.is-authenticated .nav-group summary,
body.is-authenticated .nav-group-title,
body.is-authenticated .nav-group-toggle {
  color: #eef5fb !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .075em !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.45) !important;
}
body.is-authenticated .nav-group summary::before,
body.is-authenticated .nav-group-toggle::before {
  color: #f1c66d !important;
  filter: drop-shadow(0 0 5px rgba(241,198,109,.25)) !important;
}
body.is-authenticated .nav-group summary small,
body.is-authenticated .nav-group-toggle strong {
  color: #17202a !important;
  background: linear-gradient(180deg,#f6d98f,#c99132) !important;
  border-color: rgba(255,235,184,.68) !important;
  font-weight: 950 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.24) !important;
}
body.is-authenticated .nav-group summary:hover,
body.is-authenticated .nav-group[open] summary {
  background: rgba(235,184,83,.12) !important;
  color: #fff9e9 !important;
}
body.is-authenticated .nav-group-items {
  gap: 5px !important;
  padding: 2px 7px 10px !important;
}
body.is-authenticated .nav-item {
  min-height: 39px !important;
  color: #cbd7e1 !important;
  border-color: rgba(255,255,255,.025) !important;
  background: rgba(255,255,255,.018) !important;
  font-weight: 820 !important;
  opacity: 1 !important;
  transition: background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease !important;
}
body.is-authenticated .nav-item::before {
  background: #b99855 !important;
  box-shadow: 0 0 7px rgba(229,183,87,.30) !important;
  opacity: .82 !important;
}
body.is-authenticated .nav-item:hover {
  color: #fff8e7 !important;
  border-color: rgba(239,194,105,.38) !important;
  background: linear-gradient(90deg,rgba(232,184,88,.17),rgba(232,184,88,.055)) !important;
  box-shadow: inset 3px 0 #d8a13a, 0 6px 15px rgba(0,0,0,.16) !important;
  transform: translateX(2px) !important;
}
body.is-authenticated .nav-item.active {
  color: #fffaf0 !important;
  border-color: rgba(255,213,126,.72) !important;
  background: linear-gradient(100deg,rgba(223,169,66,.27),rgba(33,62,82,.52)) !important;
  box-shadow: inset 4px 0 #f0c56e, 0 0 0 1px rgba(255,217,139,.08), 0 8px 20px rgba(0,0,0,.22) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.45) !important;
}
body.is-authenticated .nav-item.active::before {
  background: #baff8a !important;
  box-shadow: 0 0 9px rgba(186,255,138,.66) !important;
  opacity: 1 !important;
}
body.is-authenticated .side-status {
  border-color: rgba(239,194,105,.38) !important;
  background: linear-gradient(145deg,rgba(25,43,58,.94),rgba(8,21,34,.96)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 8px 18px rgba(0,0,0,.18) !important;
}
body.is-authenticated .side-status strong {
  color: #f5c96f !important;
}
body.is-authenticated .side-status span {
  color: #d1dce5 !important;
}
body.is-authenticated .sidebar > #logoutBtn,
body.is-authenticated .sidebar .ghost-btn {
  color: #fff3db !important;
  border-color: rgba(239,194,105,.46) !important;
  background: rgba(223,169,66,.09) !important;
}
body.is-authenticated .sidebar > #logoutBtn:hover,
body.is-authenticated .sidebar .ghost-btn:hover {
  color: #101923 !important;
  background: linear-gradient(180deg,#f6d98f,#c99132) !important;
  border-color: #f6d98f !important;
}


/* v136.0.0 — Sidebar Navigation & Gold Control Authority */
body.is-authenticated .app-shell {
  grid-template-columns: 330px minmax(0, 1fr) !important;
}
body.is-authenticated .sidebar {
  padding: 20px 18px 18px !important;
  gap: 16px !important;
  background:
    radial-gradient(circle at 22% 4%, rgba(245,202,113,.19), transparent 25%),
    linear-gradient(180deg,#0a1d2f 0%,#061523 52%,#04101b 100%) !important;
  border-right: 1px solid rgba(245,202,113,.52) !important;
  box-shadow: 18px 0 42px rgba(0,0,0,.32), inset -1px 0 rgba(255,232,177,.07) !important;
}
body.is-authenticated .side-brand {
  min-height: 96px !important;
  padding: 4px 5px 17px !important;
  gap: 14px !important;
  border-bottom: 1px solid rgba(245,202,113,.34) !important;
}
body.is-authenticated .side-brand .brand-logo-wrap {
  width: 76px !important;
  height: 76px !important;
  flex: 0 0 76px !important;
  background: rgba(4,15,25,.68) !important;
  border: 1px solid rgba(245,202,113,.35) !important;
  box-shadow: 0 0 24px rgba(221,166,60,.12) !important;
}
body.is-authenticated .side-brand strong {
  color: #ffffff !important;
  font-size: 1.22rem !important;
  letter-spacing: .12em !important;
}
body.is-authenticated .side-brand span {
  color: #e2ebf2 !important;
  font-size: .76rem !important;
  line-height: 1.25 !important;
}
body.is-authenticated .nav-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 2px 0 8px !important;
}
body.is-authenticated .nav-group {
  border: 1px solid rgba(245,202,113,.28) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg,rgba(24,48,66,.93),rgba(12,31,47,.94)) !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 6px 16px rgba(0,0,0,.14) !important;
}
body.is-authenticated .nav-group summary {
  min-height: 46px !important;
  padding: 11px 12px !important;
  color: #fff !important;
  background: linear-gradient(90deg,rgba(232,178,72,.14),rgba(255,255,255,.015)) !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  letter-spacing: .105em !important;
}
body.is-authenticated .nav-group summary::before {
  color: #ffd77f !important;
  font-size: .83rem !important;
  opacity: 1 !important;
}
body.is-authenticated .nav-group summary small {
  min-width: 28px !important;
  height: 22px !important;
  padding: 0 7px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #111820 !important;
  background: linear-gradient(180deg,#ffe29b,#d79b31) !important;
  border: 1px solid rgba(255,239,195,.86) !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}
body.is-authenticated .nav-group[open] summary {
  color: #fff8e6 !important;
  background: linear-gradient(90deg,rgba(232,178,72,.27),rgba(29,58,78,.7)) !important;
  border-bottom: 1px solid rgba(245,202,113,.22) !important;
}
body.is-authenticated .nav-group-items {
  display: grid !important;
  gap: 5px !important;
  padding: 8px !important;
  background: rgba(2,14,24,.38) !important;
}
body.is-authenticated .nav-item {
  min-height: 42px !important;
  padding: 10px 12px 10px 18px !important;
  color: #edf5fb !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.04) !important;
  border-radius: 9px !important;
  font-size: .84rem !important;
  font-weight: 820 !important;
  letter-spacing: .005em !important;
}
body.is-authenticated .nav-item::before {
  width: 7px !important;
  height: 7px !important;
  left: 7px !important;
  background: #e6b85a !important;
  opacity: .95 !important;
  box-shadow: 0 0 8px rgba(230,184,90,.42) !important;
}
body.is-authenticated .nav-item:hover {
  color: #fff !important;
  background: linear-gradient(90deg,rgba(237,186,80,.22),rgba(34,68,89,.58)) !important;
  border-color: rgba(247,207,126,.55) !important;
  box-shadow: inset 3px 0 #efbd58, 0 7px 15px rgba(0,0,0,.16) !important;
}
body.is-authenticated .nav-item.active {
  color: #101820 !important;
  background: linear-gradient(180deg,#ffe19a,#d49a31) !important;
  border-color: #ffe6ad !important;
  box-shadow: 0 8px 20px rgba(207,144,38,.25), inset 0 1px rgba(255,255,255,.5) !important;
  text-shadow: none !important;
}
body.is-authenticated .nav-item.active::before {
  background: #14202a !important;
  box-shadow: none !important;
}
body.is-authenticated .side-status {
  padding: 12px 13px !important;
  border-color: rgba(245,202,113,.44) !important;
  background: linear-gradient(145deg,rgba(29,52,68,.98),rgba(9,25,39,.98)) !important;
}
body.is-authenticated .side-status strong { color: #ffd77f !important; }
body.is-authenticated .side-status span { color: #eef5fa !important; }
body.is-authenticated .sidebar > #logoutBtn {
  min-height: 42px !important;
  color: #fff7e5 !important;
  border-color: rgba(245,202,113,.58) !important;
  background: rgba(223,169,66,.13) !important;
  font-weight: 900 !important;
}

/* Gold controls use one text authority everywhere. */
body.is-authenticated .primary-btn,
body.is-authenticated .primary-action,
body.is-authenticated button[type="submit"],
body.is-authenticated .cta-btn,
body.is-authenticated .gold-btn,
body.is-authenticated .accent-btn,
body.is-authenticated .product-hero-actions .primary-action,
body.is-authenticated .phase1-action-row .primary-btn,
body.is-authenticated .receiving-post-btn {
  color: #101318 !important;
  -webkit-text-fill-color: #101318 !important;
  text-shadow: none !important;
}
body.is-authenticated .primary-btn *,
body.is-authenticated .primary-action *,
body.is-authenticated button[type="submit"] *,
body.is-authenticated .cta-btn *,
body.is-authenticated .gold-btn *,
body.is-authenticated .accent-btn * {
  color: #101318 !important;
  fill: #101318 !important;
  stroke: #101318 !important;
}
@media (max-width:1180px) {
  body.is-authenticated .app-shell { grid-template-columns: 292px minmax(0,1fr) !important; }
}
@media (max-width:760px) {
  body.is-authenticated .app-shell { display:block !important; }
  body.is-authenticated .sidebar { width:100% !important; }
}


/* v141.0.0 — Persistent Sidebar Navigation Authority
   Sidebar sections remain expanded and visible on every route. */
body.is-authenticated .nav-list {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 0 !important;
  scrollbar-gutter: stable !important;
}
body.is-authenticated .nav-group {
  display: block !important;
  flex: 0 0 auto !important;
}
body.is-authenticated .nav-group > summary {
  cursor: default !important;
  list-style: none !important;
  pointer-events: none !important;
}
body.is-authenticated .nav-group > summary::-webkit-details-marker { display:none !important; }
body.is-authenticated .nav-group > .nav-group-items {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
}
body.is-authenticated .nav-group:not([open]) > .nav-group-items {
  display: grid !important;
}
body.is-authenticated .nav-item {
  color: #f4f8fb !important;
}
body.is-authenticated .nav-item:not(.active) {
  background: linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.018)) !important;
  border-color: rgba(245,202,113,.11) !important;
}
body.is-authenticated .nav-item:not(.active):hover {
  color: #ffffff !important;
  border-color: rgba(247,207,126,.62) !important;
}


/* v141.0.0 — Collapsible Sidebar & Gold Text Authority */
body.is-authenticated .nav-group > summary {
  cursor: pointer !important;
  pointer-events: auto !important;
  list-style: none !important;
}
body.is-authenticated .nav-group:not([open]) .nav-group-items { display:none !important; }
body.is-authenticated .nav-group[open] .nav-group-items { display:grid !important; }
body.is-authenticated .nav-group summary,
body.is-authenticated .nav-group summary span { color:#fff8e8 !important; }

/* Every gold/amber filled control uses black copy, icons, and arrows. */
body.is-authenticated :is(.primary-btn,.primary-action,.cta-btn,.gold-btn,.accent-btn,.receiving-post-btn,button[type="submit"],.nav-item.active),
body.is-authenticated :is(.primary-btn,.primary-action,.cta-btn,.gold-btn,.accent-btn,.receiving-post-btn,button[type="submit"],.nav-item.active) *,
body.is-authenticated button[class*="primary"],
body.is-authenticated button[class*="primary"] *,
body.is-authenticated a[class*="primary"],
body.is-authenticated a[class*="primary"] * {
  color:#101318 !important;
  -webkit-text-fill-color:#101318 !important;
  fill:#101318 !important;
  stroke:#101318 !important;
  text-shadow:none !important;
}
/* v141.0.0 — Static UI & Sidebar Accordion Authority Authority
   Clean collapsed navigation: readable width, unclipped badges, and uniform black
   text on every gold-filled control. */
body.is-authenticated .app-shell {
  grid-template-columns: 250px minmax(0, 1fr) !important;
}
body.is-authenticated .sidebar {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  padding: 18px 14px 16px !important;
  gap: 14px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 4%, rgba(232,184,88,.14), transparent 27%),
    linear-gradient(180deg,#091d30 0%,#061523 55%,#04101a 100%) !important;
  border-right: 1px solid rgba(238,190,96,.42) !important;
}
body.is-authenticated .side-brand {
  min-height: 84px !important;
  padding: 2px 3px 14px !important;
  gap: 11px !important;
}
body.is-authenticated .side-brand .brand-logo-wrap {
  width: 62px !important;
  height: 62px !important;
  flex-basis: 62px !important;
}
body.is-authenticated .side-brand strong {
  font-size: 1.05rem !important;
  color: #fff !important;
}
body.is-authenticated .side-brand span {
  font-size: .70rem !important;
  color: #dce7ef !important;
}
body.is-authenticated .nav-list {
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:1px 1px 8px !important;
  scrollbar-gutter:stable !important;
}
body.is-authenticated .nav-group {
  display:block !important;
  flex:0 0 auto !important;
  width:100% !important;
  min-width:0 !important;
  border:1px solid rgba(246,207,127,.55) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#0b2032 !important;
  box-shadow:0 6px 16px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.04) !important;
}
body.is-authenticated .nav-group > summary {
  display:grid !important;
  grid-template-columns:14px minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  padding:9px 10px !important;
  cursor:pointer !important;
  list-style:none !important;
  color:#10151a !important;
  -webkit-text-fill-color:#10151a !important;
  background:linear-gradient(180deg,#f4d185 0%,#c99335 100%) !important;
  border:0 !important;
  font-size:.72rem !important;
  font-weight:950 !important;
  letter-spacing:.09em !important;
  text-shadow:none !important;
}
body.is-authenticated .nav-group > summary::-webkit-details-marker { display:none !important; }
body.is-authenticated .nav-group > summary::before {
  content:'›' !important;
  display:block !important;
  color:#10151a !important;
  font-size:1rem !important;
  line-height:1 !important;
  transform:none !important;
}
body.is-authenticated .nav-group[open] > summary::before { transform:rotate(90deg) !important; }
body.is-authenticated .nav-group > summary span {
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#10151a !important;
  -webkit-text-fill-color:#10151a !important;
}
body.is-authenticated .nav-group > summary small {
  justify-self:end !important;
  min-width:25px !important;
  height:20px !important;
  padding:0 6px !important;
  display:inline-grid !important;
  place-items:center !important;
  color:#f8d98e !important;
  -webkit-text-fill-color:#f8d98e !important;
  background:#101820 !important;
  border:1px solid rgba(16,24,32,.85) !important;
  border-radius:999px !important;
  font-size:.66rem !important;
  font-weight:950 !important;
  box-shadow:none !important;
}
body.is-authenticated .nav-group:not([open]) > .nav-group-items { display:none !important; }
body.is-authenticated .nav-group[open] > .nav-group-items {
  display:grid !important;
  gap:5px !important;
  padding:7px !important;
  background:rgba(2,13,23,.72) !important;
}
body.is-authenticated .nav-item {
  width:100% !important;
  min-width:0 !important;
  min-height:38px !important;
  padding:9px 9px 9px 18px !important;
  color:#eef5fa !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(244,202,117,.11) !important;
  border-radius:8px !important;
  font-size:.78rem !important;
  font-weight:780 !important;
  text-align:left !important;
}
body.is-authenticated .nav-item span {
  display:block !important;
  overflow-wrap:anywhere !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
body.is-authenticated .nav-item:hover {
  color:#fff !important;
  background:linear-gradient(90deg,rgba(232,181,75,.20),rgba(32,64,84,.55)) !important;
  border-color:rgba(246,207,127,.48) !important;
}
body.is-authenticated .nav-item.active {
  color:#101318 !important;
  -webkit-text-fill-color:#101318 !important;
  background:linear-gradient(180deg,#f7d990,#cf9632) !important;
  border-color:#f8dea0 !important;
  text-shadow:none !important;
}
body.is-authenticated .side-status,
body.is-authenticated .sidebar > #logoutBtn { width:100% !important; }

/* Uniform control rule: gold-filled bubbles/buttons always use black text and icons. */
body.is-authenticated :is(
  .primary-btn,.primary-action,.cta-btn,.gold-btn,.accent-btn,.receiving-post-btn,
  button[type="submit"],.nav-item.active,.product-env-strip strong
),
body.is-authenticated :is(
  .primary-btn,.primary-action,.cta-btn,.gold-btn,.accent-btn,.receiving-post-btn,
  button[type="submit"],.nav-item.active,.product-env-strip strong
) * {
  color:#101318 !important;
  -webkit-text-fill-color:#101318 !important;
  fill:#101318 !important;
  stroke:#101318 !important;
  text-shadow:none !important;
}
@media (max-width:980px) {
  body.is-authenticated .app-shell { grid-template-columns:220px minmax(0,1fr) !important; }
  body.is-authenticated .sidebar { width:220px !important; min-width:220px !important; max-width:220px !important; }
}
@media (max-width:760px) {
  body.is-authenticated .app-shell { display:block !important; }
  body.is-authenticated .sidebar { width:100% !important; min-width:0 !important; max-width:none !important; }
}

/* v141.0.0 — Final Static UI & Sidebar Accordion Authority
   This block is intentionally last. It removes animated/video-like effects and
   defines one stable sidebar behavior without inheriting prior milestone drift. */
html, body, body::before, body::after,
body *, body *::before, body *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
#particleField, video, .video-background, .background-video,
[class*="particle"], [class*="ambient-motion"], [class*="animated-background"] {
  display: none !important;
  visibility: hidden !important;
}
body::before, body::after,
.true-login-shell::before, .true-login-shell::after,
.glass-card::before, .glass-card::after {
  animation: none !important;
}

body.is-authenticated .app-shell {
  grid-template-columns: 224px minmax(0, 1fr) !important;
}
body.is-authenticated .sidebar {
  width: 224px !important;
  min-width: 224px !important;
  max-width: 224px !important;
  padding: 16px 12px 14px !important;
  gap: 12px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg,#0a1b2b 0%,#071522 55%,#05101a 100%) !important;
  border-right: 1px solid rgba(226,178,78,.48) !important;
  box-shadow: 10px 0 28px rgba(0,0,0,.22) !important;
}
body.is-authenticated .side-brand {
  min-height: 78px !important;
  padding: 0 2px 12px !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(226,178,78,.22) !important;
}
body.is-authenticated .side-brand .brand-logo-wrap {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
}
body.is-authenticated .side-brand strong { color:#fff !important; font-size:1rem !important; }
body.is-authenticated .side-brand span { color:#dce7ef !important; font-size:.68rem !important; }
body.is-authenticated .nav-list {
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:1px 2px 8px 1px !important;
  scrollbar-gutter:stable !important;
}
body.is-authenticated .nav-group {
  width:100% !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  border:1px solid rgba(229,183,88,.52) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#0a1c2b !important;
  box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
}
body.is-authenticated .nav-group > summary {
  display:grid !important;
  grid-template-columns:12px minmax(0,1fr) 28px !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  padding:9px 9px !important;
  list-style:none !important;
  cursor:pointer !important;
  border:0 !important;
  background:linear-gradient(180deg,#f2ce7d 0%,#c89131 100%) !important;
  color:#11151a !important;
  -webkit-text-fill-color:#11151a !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-shadow:none !important;
}
body.is-authenticated .nav-group > summary::-webkit-details-marker { display:none !important; }
body.is-authenticated .nav-group > summary::before {
  content:'›' !important;
  display:block !important;
  color:#11151a !important;
  font-size:1rem !important;
  line-height:1 !important;
  transform:none !important;
}
body.is-authenticated .nav-group[open] > summary::before { transform:rotate(90deg) !important; }
body.is-authenticated .nav-group > summary span {
  color:#11151a !important;
  -webkit-text-fill-color:#11151a !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.is-authenticated .nav-group > summary small {
  justify-self:end !important;
  width:26px !important;
  min-width:26px !important;
  height:20px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid rgba(17,21,26,.78) !important;
  background:#111820 !important;
  color:#f4d58f !important;
  -webkit-text-fill-color:#f4d58f !important;
  font-size:.64rem !important;
  font-weight:900 !important;
  overflow:hidden !important;
}
body.is-authenticated .nav-group:not([open]) > .nav-group-items { display:none !important; }
body.is-authenticated .nav-group[open] > .nav-group-items {
  display:grid !important;
  gap:5px !important;
  padding:7px !important;
  background:#06131f !important;
}
body.is-authenticated .nav-item {
  width:100% !important;
  min-width:0 !important;
  min-height:37px !important;
  padding:8px 9px 8px 17px !important;
  border:1px solid rgba(226,178,78,.16) !important;
  border-radius:8px !important;
  background:#0b2132 !important;
  color:#f2f6f9 !important;
  -webkit-text-fill-color:#f2f6f9 !important;
  font-size:.76rem !important;
  font-weight:750 !important;
  text-align:left !important;
}
body.is-authenticated .nav-item span { color:inherit !important; -webkit-text-fill-color:inherit !important; }
body.is-authenticated .nav-item:hover {
  background:#123148 !important;
  color:#fff !important;
  border-color:rgba(241,201,120,.55) !important;
}
body.is-authenticated .nav-item.active,
body.is-authenticated .nav-item.active * {
  background:linear-gradient(180deg,#f3d17f 0%,#cb9536 100%) !important;
  color:#11151a !important;
  -webkit-text-fill-color:#11151a !important;
  border-color:#f5d78f !important;
  text-shadow:none !important;
}
body.is-authenticated .side-status,
body.is-authenticated .sidebar > #logoutBtn { width:100% !important; }

/* Every gold-filled control uses the same black text/icon authority. */
body.is-authenticated :is(
  .primary-btn,.primary-action,.cta-btn,.gold-btn,.accent-btn,.receiving-post-btn,
  button[type="submit"],button[class*="primary"],button[class*="gold"],
  .product-env-strip strong,.nav-item.active
),
body.is-authenticated :is(
  .primary-btn,.primary-action,.cta-btn,.gold-btn,.accent-btn,.receiving-post-btn,
  button[type="submit"],button[class*="primary"],button[class*="gold"],
  .product-env-strip strong,.nav-item.active
) * {
  color:#11151a !important;
  -webkit-text-fill-color:#11151a !important;
  fill:#11151a !important;
  stroke:#11151a !important;
  text-shadow:none !important;
}
@media (max-width:980px) {
  body.is-authenticated .app-shell { grid-template-columns:210px minmax(0,1fr) !important; }
  body.is-authenticated .sidebar { width:210px !important; min-width:210px !important; max-width:210px !important; }
}
@media (max-width:760px) {
  body.is-authenticated .app-shell { display:block !important; }
  body.is-authenticated .sidebar { width:100% !important; min-width:0 !important; max-width:none !important; }
}


/* v142.0.0 — Widened Sidebar Navigation Authority
   Final width authority: sidebar tabs, full labels, and count badges must fit without cropping. */
body.is-authenticated .app-shell {
  grid-template-columns: 286px minmax(0, 1fr) !important;
}
body.is-authenticated .sidebar {
  width: 286px !important;
  min-width: 286px !important;
  max-width: 286px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  overflow-x: hidden !important;
}
body.is-authenticated .nav-group > summary {
  grid-template-columns: 14px minmax(0,1fr) 32px !important;
  gap: 10px !important;
  padding: 10px 12px !important;
}
body.is-authenticated .nav-group > summary span {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: .76rem !important;
  letter-spacing: .075em !important;
}
body.is-authenticated .nav-group > summary small {
  width: 30px !important;
  min-width: 30px !important;
  height: 22px !important;
}
body.is-authenticated .nav-item {
  padding-left: 18px !important;
  padding-right: 12px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
}
@media (max-width: 1100px) and (min-width: 761px) {
  body.is-authenticated .app-shell { grid-template-columns: 264px minmax(0,1fr) !important; }
  body.is-authenticated .sidebar { width:264px !important; min-width:264px !important; max-width:264px !important; }
}
@media (max-width: 760px) {
  body.is-authenticated .app-shell { display:block !important; }
  body.is-authenticated .sidebar { width:100% !important; min-width:0 !important; max-width:none !important; }
}

/* v143.0.0 — Workspace Header Boundary Authority
   The top application bar must remain entirely inside the main workspace and
   never overlap or cover the widened sidebar. */
body.is-authenticated .workspace,
body.is-authenticated[data-route="dashboard"] .workspace,
body.is-authenticated[data-route="operational-preview"] .workspace {
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.is-authenticated .topbar,
body.is-authenticated[data-route] .topbar,
body.is-authenticated[data-route="dashboard"] .topbar,
body.is-authenticated[data-route="operational-preview"] .topbar,
body.is-authenticated main.workspace > .topbar {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}


/* v144.0.0 — Persistent Sidebar Section Authority
   The selected topic keeps its parent group open. Main group bars retain the
   same bright gold appearance in closed, open, hover, focus, and active states. */
body.is-authenticated .nav-group,
body.is-authenticated .nav-group[open] {
  background:#0a1c2b !important;
  border-color:rgba(229,183,88,.52) !important;
}
body.is-authenticated .nav-group > summary,
body.is-authenticated .nav-group[open] > summary,
body.is-authenticated .nav-group > summary:hover,
body.is-authenticated .nav-group > summary:focus,
body.is-authenticated .nav-group > summary:focus-visible {
  background:linear-gradient(180deg,#f2ce7d 0%,#c89131 100%) !important;
  color:#11151a !important;
  -webkit-text-fill-color:#11151a !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:none !important;
}
body.is-authenticated .nav-group > summary span,
body.is-authenticated .nav-group[open] > summary span,
body.is-authenticated .nav-group > summary:hover span,
body.is-authenticated .nav-group > summary:focus span,
body.is-authenticated .nav-group > summary::before,
body.is-authenticated .nav-group[open] > summary::before {
  color:#11151a !important;
  -webkit-text-fill-color:#11151a !important;
  opacity:1 !important;
}
body.is-authenticated .nav-group[open] > .nav-group-items {
  background:#06131f !important;
}


/* v146.0.0 — Workspace Header Inset and Cache Authority
   Keep the top application header inside the workspace content boundary. */
body.is-authenticated .app-shell {
  grid-template-columns: 286px minmax(0, 1fr) !important;
}
body.is-authenticated .sidebar {
  grid-column: 1 !important;
  width: 286px !important;
  min-width: 286px !important;
  max-width: 286px !important;
  box-sizing: border-box !important;
  z-index: 30 !important;
}
body.is-authenticated main.workspace,
body.is-authenticated[data-route] main.workspace {
  grid-column: 2 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 14px 14px 22px !important;
  overflow-x: hidden !important;
}
body.is-authenticated main.workspace > .topbar,
body.is-authenticated[data-route] main.workspace > .topbar,
body.is-authenticated[data-route="dashboard"] main.workspace > .topbar,
body.is-authenticated[data-route="operational-preview"] main.workspace > .topbar {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 18px 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
  border-radius: 18px !important;
  border: 1px solid rgba(240,197,111,.26) !important;
  overflow: hidden !important;
}
@media (max-width: 1100px) and (min-width: 761px) {
  body.is-authenticated .app-shell { grid-template-columns:264px minmax(0,1fr) !important; }
  body.is-authenticated .sidebar { width:264px !important; min-width:264px !important; max-width:264px !important; }
}
@media (max-width: 760px) {
  body.is-authenticated .app-shell { display:block !important; }
  body.is-authenticated .sidebar { width:100% !important; min-width:0 !important; max-width:none !important; }
  body.is-authenticated main.workspace { padding:12px !important; }
}