/* Design tokens. Generated by dotnet/tools/extract-css.py - do not hand-edit.
 * One theme: Industry on White, for every account (phase 214). The dark blocks the v5
 * bundle declares are dropped by RETIRED_THEME_SELECTORS.
 * Sources: the v5 bundle, design/product-tokens.html, design/redesign-tokens.html. */

@font-face {
  font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/7a686e7631/barlow-400.woff2") format("woff2");
}

@font-face {
  font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/80e7dc5605/barlow-500.woff2") format("woff2");
}

@font-face {
  font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/488b580981/barlow-600.woff2") format("woff2");
}

@font-face {
  font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/98aa8b5c25/barlow-700.woff2") format("woff2");
}

@font-face {
  font-family: "Barlow Condensed"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/0e2a408159/barlow-condensed-400.woff2") format("woff2");
}

@font-face {
  font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/5bc49d41f3/barlow-condensed-600.woff2") format("woff2");
}

:root, .accent-scope {
  --accent-base: #0ca678;              

  --accent-0: color-mix(in srgb, var(--accent-base)  8%, #ffffff);
  --accent-1: color-mix(in srgb, var(--accent-base) 16%, #ffffff);
  --accent-2: color-mix(in srgb, var(--accent-base) 30%, #ffffff);
  --accent-3: color-mix(in srgb, var(--accent-base) 50%, #ffffff);
  --accent-4: color-mix(in srgb, var(--accent-base) 72%, #ffffff);
  --accent-5: color-mix(in srgb, var(--accent-base) 88%, #ffffff);
  --accent-6: var(--accent-base);
  --accent-7: color-mix(in srgb, var(--accent-base) 88%, #000000);
  --accent-8: color-mix(in srgb, var(--accent-base) 74%, #000000);
  --accent-9: color-mix(in srgb, var(--accent-base) 60%, #000000);

  
  --accent-wash:   var(--accent-0);
  --accent-tint:   var(--accent-1);
  --accent-border: var(--accent-2);
  --accent-hairline: var(--accent-3);
  --accent-fill:   var(--accent-6);
  --accent-hover:  var(--accent-7);
  --accent-active: var(--accent-8);
  
  --accent-action:        var(--accent-8);
  --accent-action-hover:  var(--accent-9);
  --accent-action-active: var(--accent-9);
  --accent-on-fill: #ffffff;
  
  --accent-text:   var(--accent-8);
  
  --accent-text-on-tint: var(--accent-9);
}

:root {
  --fs-micro: 10px;   --lh-micro: 1;    --tr-micro: .05em;
  --fs-xs:    11px;   --lh-xs:    1;    --tr-xs:    .04em;
  --fs-sm:    12px;   --lh-sm:    1.5;  --tr-sm:    0;
  --fs-md:    13px;   --lh-md:    1.55; --tr-md:    0;
  --fs-lg:    15px;   --lh-lg:    1.4;  --tr-lg:    -.008em;
  --fs-xl:    20px;   --lh-xl:    1.2;  --tr-xl:    -.012em;
  --fs-2xl:   24px;   --lh-2xl:   1.15; --tr-2xl:   -.018em;

  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --lh-flat: 1;
}

:root {
  --sp-1: 4px; --sp-2: 6px; --sp-3: 8px; --sp-4: 12px; --sp-5: 16px; --sp-6: 24px;

  --pad-card: var(--sp-5);
  --pad-card-tight: 12px 16px;
  --pad-row: 12px 16px;
  --pad-screen: 20px 24px 40px;

  --r-xs: 3px;  
  --r-sm: 5px;  
  --r-md: 6px;  
  --r-lg: 8px;  
  --r-xl: 12px; 
  --r-full: 999px;

  
  --shell-h: 100dvh;
  --shell-preview-h: 820px;
  --h-header: 52px;
  --w-rail: 56px;
  --w-pane: 204px;
  --w-content-max: 1280px;
  --w-min-supported: 1024px;

  --drawer-md: 480px; --drawer-lg: 640px; --drawer-xl: 820px;
  --modal-sm: 460px; --modal-md: 520px; --modal-lg: 620px; --modal-xl: 640px;

  --dur-fast: 120ms; --dur-base: 180ms;
  --pad-panel: 36px 24px; --measure-lede: 88ch;
  --col-status: 114px; --col-actions: 132px; --col-channel: 118px; --col-cap: 72px;
  --col-count: 96px; --col-flag: 104px; --col-mini: 64px; --col-when: 132px;
  --ease: cubic-bezier(.2, 0, .2, 1);
}

:root, [data-theme="light"] {
  --canvas:          #F6F8FA;
  --surface:         #FFFFFF;
  --surface-sunken:  #F8FAFC;
  --surface-raised:  #FFFFFF;
  --surface-inverse: #0A2540;

  --hairline:        #E3E8EE;
  --hairline-soft:   #EDF0F4;
  --hairline-strong: #CBD3DE;

  --ink:        #0A2540;
  --ink-body:   #425466;
  --ink-quiet:  #646E81;   
  --ink-faint:  #8792A2;   
  --ink-on-inverse: #C8D3E2;

  --disabled-fill:   #F1F4F8;
  --disabled-ink:    #98A2B3;
  --disabled-border: #E3E8EE;

  --focus:      #0A2540;   
  --focus-halo: #FFFFFF;

  --success-ink: #1B6B41; --success-bg: #E3F2EA; --success-border: #BFE3CF; --success-solid: #2BA36F;
  --warning-ink: #8A5510; --warning-bg: #FCF0E1; --warning-border: #F0DFB8; --warning-solid: #D9A227;
  --danger-ink:  #B02631; --danger-bg:  #FDECEE; --danger-border:  #F6C9CE; --danger-solid:  #C6303B;
  --info-ink:    #1B58B8; --info-bg:    #EAF1FD; --info-border:    #CFE0FB; --info-solid:    #1D62C9;
  --neutral-ink: #425466; --neutral-bg: #EFF2F6; --neutral-border: #E3E8EE; --neutral-solid: #8792A2;

  --chart-1: var(--accent-6);
  --chart-2: #0E8CA8;
  --chart-3: #64748B;
  --chart-grid: #EDF0F4;
  --chart-area-opacity: .13;

  --shadow-card:    0 1px 2px rgba(10,37,64,.05);
  --shadow-raised:  0 4px 14px rgba(10,37,64,.12);
  --shadow-overlay: 0 8px 24px rgba(10,37,64,.24);
  --shadow-modal:   0 24px 60px rgba(10,37,64,.28);
  --scrim: rgba(10,37,64,.38);
}

:root,[data-theme="light"] {
  --canvas:#F6F8FA;--surface:#FFF;--surface-sunken:#F8FAFC;--surface-raised:#FFF;--surface-inverse:#0A2540;
  --hairline:#E3E8EE;--hairline-soft:#EDF0F4;--hairline-strong:#CBD3DE;
  --ink:#0A2540;--ink-body:#425466;--ink-quiet:#646E81;--ink-faint:#8792A2;--ink-on-inverse:#C8D3E2;
  --disabled-fill:#F1F4F8;--disabled-ink:#98A2B3;--disabled-border:#E3E8EE;
  --focus:#0A2540;--focus-halo:#FFF;
  --success-ink:#1B6B41;--success-bg:#E3F2EA;--success-border:#BFE3CF;--success-solid:#2BA36F;
  --warning-ink:#8A5510;--warning-bg:#FCF0E1;--warning-border:#F0DFB8;--warning-solid:#D9A227;
  --danger-ink:#B02631;--danger-bg:#FDECEE;--danger-border:#F6C9CE;--danger-solid:#C6303B;
  --info-ink:#1B58B8;--info-bg:#EAF1FD;--info-border:#CFE0FB;--info-solid:#1D62C9;
  --neutral-ink:#425466;--neutral-bg:#EFF2F6;--neutral-border:#E3E8EE;--neutral-solid:#8792A2;
  --chart-1:var(--accent-6);--chart-2:#0E8CA8;--chart-3:#64748B;--chart-grid:#EDF0F4;--chart-area-opacity:.13;
  --shadow-card:0 1px 2px rgba(10,37,64,.05);--shadow-raised:0 4px 14px rgba(10,37,64,.12);
  --shadow-overlay:0 8px 24px rgba(10,37,64,.24);--shadow-modal:0 24px 60px rgba(10,37,64,.28);
  --scrim:rgba(10,37,64,.38);
}

:root, [data-theme="light"] {
  --caret-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath d='M0 0h12L6 6z' fill='%23425466'/%3E%3C/svg%3E");
}

:root {
  --color-bg:          #ffffff;   
  --color-text:        #0a2540;   
  --color-divider:     #e3e8ee;   

  
  --color-accent:      #0b8fd3;
  --color-accent-100:  #e8f6fe;   
  --color-accent-700:  #0a6fa6;   
  --color-accent-800:  #0b4f76;   

  
  --color-ink-muted:   #4f566b;   
  --color-ink-sub:     #697386;
}

:root {
  --font-heading: "Barlow Condensed", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading-weight: 600;
  --font-heading-tracking: .02em;   
  --font-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body-size: 15px;
  --font-body-leading: 1.6;

  
  --font-sans: var(--font-body);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

:root {
  --rail-w: 212px;              
  --rail-w-collapsed: 64px;     
  --viewport-min: 1280px;       
  --content-max: 1560px;        
  --grid-row-min: 58px;         
  --panel-w-detail: 680px;      
  --panel-w-visitor-min: 820px; 
  --panel-w-visitor-max: 1000px;
}

:root {
  --focus: var(--color-accent-700);
}

:root {
  --w-rail:        var(--rail-w-collapsed);  
  --w-rail-open:   var(--rail-w);            
  --w-content-max: var(--content-max);
}

:root {
  --accent-base: #0b8fd3;
  --accent-0: #f3fafe;  --accent-1: #e8f6fe;  --accent-2: #c9eafd;  --accent-3: #9ddafb;
  --accent-4: #62c3f4;  --accent-5: #22a9ea;  --accent-6: #0b8fd3;  --accent-7: #0a6fa6;
  --accent-8: #0b4f76;  --accent-9: #0d3450;
  --accent-wash: #f3fafe;  --accent-tint: #e8f6fe;  --accent-border: #c9eafd;  --accent-hairline: #9ddafb;
  
  --accent-fill: #0b8fd3;  --accent-hover: #0a6fa6;  --accent-active: #0b4f76;
  --accent-action: #0a6fa6;  --accent-action-hover: #0b4f76;  --accent-action-active: #0b4f76;
  --accent-on-fill: #ffffff;
  --accent-text: #0a6fa6;  --accent-text-on-tint: #0b4f76;

  
  --canvas: #ffffff;  --surface: #ffffff;  --surface-sunken: #f6f9fc;  --surface-raised: #ffffff;
  --surface-inverse: #0a2540;
  --hairline: #e3e8ee;  --hairline-soft: #edf0f4;  --hairline-strong: #cbd5e1;
  --ink: #0a2540;  --ink-body: #3c4257;  --ink-quiet: #697386;  --ink-faint: #8792a2;
  --neutral-ink: #4f566b;  --neutral-bg: #f6f9fc;  --neutral-border: #e3e8ee;  --neutral-solid: #8792a2;
  --chart-1: #0b8fd3;  --chart-grid: #e3e8ee;  --chart-area-opacity: .12;

  
  --r-xs: 0;  --r-sm: 0;  --r-md: 0;  --r-lg: 0;  --r-xl: 0;

  
  --shadow-card: none;
  --shadow-modal: 0 12px 40px rgba(10,37,64,.16);

  
  --tr-micro: .08em;  --tr-xs: .08em;
  
  --caret-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpath d='M1 1.4 4.5 4.6 8 1.4' fill='none' stroke='%238792a2' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}