/* OOTB · Stil B „Navy Workspace“ – gemeinsame Gestaltungsgrundlage aller Apps.
   Identische Kopie in studio/static, orders/src, reports/dist und exchange/static.
   Nur Tokens, lokale Schrift und wenige neutrale Bausteine – keine App-Logik. */

/* Inter (SIL Open Font License 1.1, siehe fonts/Inter-LICENSE.txt) – lokal, keine externe Ladung. */
@font-face {
  font-family: 'OOTB Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/inter-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'OOTB Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/inter-latin-wght-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --ootb-font: 'OOTB Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ootb-mono: 'Cascadia Code', Consolas, 'SFMono-Regular', Menlo, monospace;

  /* Navy-Rahmen (Seitenleiste) */
  --ootb-navy-900: #0f2c44;
  --ootb-navy-800: #173d5a;
  --ootb-navy-700: #1e4a6b;
  --ootb-navy-hover: #18405f;
  --ootb-navy-line: #23476a;
  --ootb-navy-edge: #2a5577;
  --ootb-side-text: #d3e0ea;
  --ootb-side-icon: #9fbad0;
  --ootb-side-label: #8fabbf;

  /* Marke */
  --ootb-yellow: #ffdd00;
  --ootb-yellow-edge: #e8c800;
  --ootb-yellow-ring: #f2cf00;
  --ootb-yellow-soft: #fff8cc;
  --ootb-logo-blue: #0089ce;
  --ootb-plate: rgba(255, 255, 255, 0.92);

  /* Flächen und Linien */
  --ootb-canvas: #f3f5f8;
  --ootb-surface: #ffffff;
  --ootb-surface-2: #f6f8fa;
  --ootb-line: #e1e7ed;
  --ootb-line-soft: #edf1f4;
  --ootb-input: #dbe3ea;
  --ootb-fill: #f3f6f9;
  --ootb-fill-2: #eef2f6;

  /* Text */
  --ootb-ink: #17354c;
  --ootb-muted: #50677a;
  --ootb-label: #5a6f81;
  --ootb-faint: #7b90a1;
  --ootb-field-label: #42647e;

  /* Aktion */
  --ootb-primary: #006ba6;
  --ootb-primary-hover: #005484;
  --ootb-primary-tint: #e8f1f8;
  --ootb-primary-tint-text: #0a5a8a;
  --ootb-primary-edge: #b9cfe0;

  /* Status */
  --ootb-ok: #13a06f;
  --ootb-ok-bg: #e3f4ec;
  --ootb-ok-text: #0f6247;
  --ootb-ok-ink: #137454;
  --ootb-warn: #e0a21b;
  --ootb-warn-bg: #fff6dd;
  --ootb-warn-text: #7a4f0c;
  --ootb-bad: #d0473f;
  --ootb-bad-bg: #fbe9e8;
  --ootb-bad-text: #a33a36;
  --ootb-bad-edge: #e7c3c1;

  /* Produktkennzeichen */
  --ootb-flag-new: #0f7a5c;
  --ootb-flag-sale: #c0392b;
  --ootb-flag-exclusive: #6a3fb5;
  --ootb-flag-trending: #0b6e80;

  /* Maße */
  --ootb-side-w: 248px;
  --ootb-top-h: 64px;
  --ootb-touch: 44px;
  --ootb-r-s: 8px;
  --ootb-r: 10px;
  --ootb-r-card: 12px;
  --ootb-r-dialog: 16px;
  --ootb-shadow-pop: 0 24px 60px -20px rgba(15, 44, 69, 0.45);
  --ootb-shadow-chip: 0 2px 6px rgba(15, 44, 68, 0.18);
  --ootb-backdrop: rgba(15, 44, 69, 0.45);
  --ootb-focus: 0 0 0 3px rgba(0, 107, 166, 0.25);
}

/* Logo-Fläche oben in der Navy-Seitenleiste: Originallogo auf halbtransparentem Weiß. */
.ootb-logo-plate {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--ootb-plate);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
}
.ootb-logo-plate img {
  display: block;
  width: 100%;
  max-width: 172px;
  height: auto;
}
.ootb-logo-plate.compact {
  width: 44px;
  height: 44px;
  padding: 0;
  justify-content: center;
  border-radius: 10px;
}
.ootb-logo-plate.compact img {
  width: 30px;
  height: 30px;
}
.ootb-app-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ootb-side-label);
}

/* Slim, quiet scrollbars; keep scrolling accessible instead of hiding it. */
*{scrollbar-width:thin;scrollbar-color:#a5b5c1 transparent}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#a5b5c1;border-radius:8px}::-webkit-scrollbar-button{display:none;width:0;height:0}
.side,.side *,.sidebar,.sidebar *{scrollbar-color:#506e82 transparent}
.side ::-webkit-scrollbar-thumb,.sidebar ::-webkit-scrollbar-thumb{background:#506e82}