/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/(strict)/strict-globals.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/* Executive Glass Prism — canonical tokens (design-inputs/stitch/sales-global/
 * executive_glass_prism/DESIGN.md). Estate-level defaults only; each artboard
 * additionally loads its own compiled per-screen Tailwind CSS. */
:root {
  --surface-base: #0B0F19;
  --surface: #0f131d;
  --surface-container-lowest: #0a0e18;
  --surface-container-low: #171b26;
  --surface-container: #1c1f2a;
  --surface-container-high: #262a35;
  --surface-container-highest: #313540;
  --on-surface: #dfe2f1;
  --on-surface-variant: #c2c6d6;
  --outline: #8c909f;
  --outline-variant: #424754;
  --primary: #adc6ff;
  --on-primary: #002e6a;
  --primary-container: #4d8eff;
  --secondary: #c0c1ff;
  --tertiary: #4edea3;
  --error: #ffb4ab;
  --error-container: #93000a;
  --surface-glass-subtle: rgba(255, 255, 255, 0.03);
  --surface-glass-default: rgba(255, 255, 255, 0.05);
  --surface-glass-elevated: rgba(255, 255, 255, 0.08);
  --surface-glass-highlight: rgba(255, 255, 255, 0.12);
  --border-glass-hairline: rgba(255, 255, 255, 0.08);
  --border-glass-default: rgba(255, 255, 255, 0.12);
  --status-positive: #10B981;
  --font-family-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-mono: 'IBM Plex Mono', monospace;
}

body {
  background: #0f131d;
  color: #dfe2f1;
}

/* Tailwind preflight is disabled for artboard fidelity — apply its box-sizing reset explicitly */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--border-glass-hairline);
}
/* Agent-1 2026-10-25, finance cosmetics: decorative glow discs stay inside the card
   that clips them, and wide data tables keep every column inside the viewport. */
main th, main td{white-space:normal!important;overflow-wrap:anywhere!important;min-width:0!important}
main :is(td, th) .w-max{width:auto!important}
/* Agent-1 2026-10-25, finance cosmetics: the material icon glyph is a fixed-size mark.
   Without this it can be squeezed to zero width inside a flex row and the glyph is
   cut off. The retained department apps already carry this rule. */
.material-symbols-outlined{flex-shrink:0}
main [class*="overflow-hidden"] .absolute[class*="-right-"]{right:0}

/* Agent-1 2026-10-25, finance cosmetics: the retained shell had no narrow-viewport
   treatment, so the fixed 288px rail and the 288px content offset left a 14px
   content column on a 390px screen. The shell reflows instead. */
@media(max-width:1024px){
  [data-strict-screen] > aside{position:static;width:100%;height:auto;max-height:none;overflow:visible}
  [data-strict-screen] > aside > div{height:auto!important}
  [data-strict-screen] > aside [class*="h-screen"]{height:auto!important}
  [data-strict-screen] > div[class*="pl-72"]{padding-left:0!important}
  [data-strict-screen] header.fixed{position:static;left:auto;right:auto;width:100%;height:auto;min-height:64px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:12px}
  [data-strict-screen] main{padding-left:16px!important;padding-right:16px!important;padding-top:16px!important;overflow-x:clip}
  [data-strict-screen] main *{min-width:0!important}
  [data-strict-screen] main .grid{grid-template-columns:minmax(0,1fr)!important}
  [data-strict-screen] main .grid > *{grid-column:auto!important;grid-row:auto!important}
  [data-strict-screen] main :is(.flex.items-center,.flex.items-start,.flex.justify-between){flex-wrap:wrap}
  [data-strict-screen] header :is(.flex.items-center,.flex.items-start,.flex.justify-between){flex-wrap:wrap}
  /* the header bar keeps a fixed-width row, which pushed the page 61px past the right
     edge of a 390px screen; the row shrinks and wraps on a narrow screen */
  [data-strict-screen] header :is(.flex-shrink-0){flex-shrink:1!important;min-width:0!important}
  [data-strict-screen] main .whitespace-nowrap{white-space:normal!important}
  [data-strict-screen] .overflow-x-auto{overflow-x:auto}
  /* the wide ledger tables are laid out to the viewport width on a narrow screen, so
     that no column is painted past the right edge of the screen */
  [data-strict-screen] main table{table-layout:fixed;width:100%;min-width:0}
  /* the artboard gives some columns an explicit width (w-44, w-52, ...); in a fixed
     table layout those widths would widen the table past the screen, so on a narrow
     screen the columns share the width equally */
  [data-strict-screen] main :is(th,td){width:auto!important}
  [data-strict-screen] main :is(td,th,span,div){overflow-wrap:anywhere}
  [data-strict-screen] main :is(td,th){word-break:normal}
  [data-strict-screen] main .w-max{width:auto!important}
  [data-strict-screen] main :is(td,th) > *{max-width:100%}
  /* an icon button in a narrow column keeps its own size and wraps onto the next line
     instead of being squeezed until the glyph is cut off */
  [data-strict-screen] main :is(td,th) button{flex-shrink:0}
  /* the artboard gives every table cell a 16px horizontal padding; on a narrow screen
     that padding took 32px out of a 40px column, so the cell content had 8px left and
     the icon rows were cut off */
  [data-strict-screen] main :is(td,th){padding-left:6px!important;padding-right:6px!important}
  /* a block inside a card must not keep a width larger than the card, or it paints
     past the right edge of the screen */
  [data-strict-screen] main :is(div,section,article,ul,ol){max-width:100%!important}
  /* a nowrap chip row inside a card kept its one-line width and painted past the right
     edge of the screen; the chips wrap at the narrow width instead */
  [data-strict-screen] main span{white-space:normal!important}
  /* a decorative glow disc that bleeds out of its card must not open a horizontal
     scrollbar on a narrow screen: it is pinned to the card edge and capped at the
     card width there */
  [data-strict-screen] main .absolute[class*="blur-"][class*="left-"]{left:auto!important;right:0!important;max-width:100%!important}
  /* the value chips inside a squeezed column wrap instead of being cut off */
  [data-strict-screen] main :is(td,th) *{white-space:normal!important}
  [data-strict-screen] main :is(td,th) :is(.inline-flex,.flex){flex-wrap:wrap}
}