:root{--color-accent-50: #ECFEFF;--color-accent-100: #CFFAFE;--color-accent-200: #A5F3FC;--color-accent-300: #8FF5FF;--color-accent-400: #22D3EE;--color-accent-500: #06B6D4;--color-accent-600: #0891B2;--color-accent-700: #0E7490;--color-accent-800: #155E75;--color-accent-900: #164E63;--color-accent-950: #083344;--color-neutral-0: #FFFFFF;--color-neutral-50: #FAFAFA;--color-neutral-100: #F4F4F3;--color-neutral-200: #E7E6E5;--color-neutral-300: #D4D3D1;--color-neutral-400: #A9A7A5;--color-neutral-500: #7C7A78;--color-neutral-600: #5C5A58;--color-neutral-700: #454341;--color-neutral-800: #2B2A29;--color-neutral-900: #1A1919;--color-neutral-950: #0E0E0E;--color-neutral-1000: #000000;--color-status-success-light: #126F35;--color-status-success-dark: #4EDF83;--color-status-success-surface-light: #C9E6D3;--color-status-success-surface-dark: #175C32;--color-status-warning-light: #9E4908;--color-status-warning-dark: #FBC12B;--color-status-warning-surface-light: #F2DDC2;--color-status-warning-surface-dark: #6C4E0E;--color-status-danger-light: #B01B1B;--color-status-danger-dark: #F98B8B;--color-status-danger-surface-light: #F2CBCB;--color-status-danger-surface-dark: #6C2525;--color-status-info-light: #1D4ED8;--color-status-info-dark: #7DB5FB;--color-status-info-surface-light: #C9D8F8;--color-status-info-surface-dark: #214370;--color-status-neutral-light: #5C5A58;--color-status-neutral-dark: #BEBCBB;--color-status-neutral-surface-light: #D9D8D7;--color-status-neutral-surface-dark: #4C4A49;--color-chart-categorical-light-0: #5489EE;--color-chart-categorical-light-1: #7E9438;--color-chart-categorical-light-2: #C76580;--color-chart-categorical-light-3: #275B27;--color-chart-categorical-light-4: #8C246E;--color-chart-categorical-dark-0: #D9D09B;--color-chart-categorical-dark-1: #73D7CE;--color-chart-categorical-dark-2: #E97D8F;--color-chart-categorical-dark-3: #9B9A3F;--color-chart-categorical-dark-4: #8E8CE9;--color-chart-sequential-0: #ECFEFF;--color-chart-sequential-1: #A5F3FC;--color-chart-sequential-2: #22D3EE;--color-chart-sequential-3: #0891B2;--color-chart-sequential-4: #155E75;--color-chart-sequential-5: #083344;--color-chart-diverging-0: #C2410C;--color-chart-diverging-1: #E8A87C;--color-chart-diverging-2: #F4F4F3;--color-chart-diverging-3: #7FA8CC;--color-chart-diverging-4: #1B4F9C;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: clamp(.75rem, .73rem + .1vw, .813rem);--text-sm: clamp(.875rem, .85rem + .12vw, .938rem);--text-base: clamp(1rem, .97rem + .15vw, 1.063rem);--text-lg: clamp(1.125rem, 1.08rem + .22vw, 1.25rem);--text-xl: clamp(1.313rem, 1.24rem + .36vw, 1.5rem);--text-2xl: clamp(1.563rem, 1.45rem + .56vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.7rem + .88vw, 2.375rem);--text-4xl: clamp(2.25rem, 1.98rem + 1.35vw, 3rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .02em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 2px 4px -1px rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-lg: 0 8px 16px -4px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .04);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--duration-fast: .12s;--duration-base: .18s;--duration-slow: .28s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, 0, 1);--bg-page: #FAFAFA;--bg-surface: #FFFFFF;--bg-surface-raised: #FFFFFF;--bg-surface-sunken: #F4F4F3;--bg-accent-subtle: #ECFEFF;--bg-accent-solid: #0E7490;--fg-default: #1A1919;--fg-muted: #454341;--fg-subtle: #5C5A58;--fg-on-accent: #FFFFFF;--fg-accent: #0E7490;--border-default: #E7E6E5;--border-strong: #D4D3D1;--border-control: #7C7A78;--border-accent: #0891B2;--focus-ring: #0891B2;--chart-grid: #E7E6E5;--chart-axis: #7C7A78}:root[data-theme=dark]{--bg-page: #0E0E0E;--bg-surface: #1A1919;--bg-surface-raised: #2B2A29;--bg-surface-sunken: #000000;--bg-accent-subtle: #083344;--bg-accent-solid: #22D3EE;--fg-default: #FAFAFA;--fg-muted: #D4D3D1;--fg-subtle: #A9A7A5;--fg-on-accent: #0E0E0E;--fg-accent: #8FF5FF;--border-default: #2B2A29;--border-strong: #454341;--border-control: #7C7A78;--border-accent: #06B6D4;--focus-ring: #22D3EE;--chart-grid: #2B2A29;--chart-axis: #A9A7A5}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page: #0E0E0E;--bg-surface: #1A1919;--bg-surface-raised: #2B2A29;--bg-surface-sunken: #000000;--bg-accent-subtle: #083344;--bg-accent-solid: #22D3EE;--fg-default: #FAFAFA;--fg-muted: #D4D3D1;--fg-subtle: #A9A7A5;--fg-on-accent: #0E0E0E;--fg-accent: #8FF5FF;--border-default: #2B2A29;--border-strong: #454341;--border-control: #7C7A78;--border-accent: #06B6D4;--focus-ring: #22D3EE;--chart-grid: #2B2A29;--chart-axis: #A9A7A5}}fg.*/border.*,so * status colour swaps on the identical rule a reader of that generated file * already recognises,rather than inventing a second one. * * Import this file alongside @oq/design-system/theme.css: * import "@oq/design-system/theme.css"; * import "@oq/design-system/fields.css"; * * Editing this file to add a literal colour defeats the reason it exists. * If a status needs a different treatment,change tokens/oq-tokens.json * and regenerate; never hand-edit a colour here. */ :root{--oq-status-success-fg: var(--color-status-success-light);--oq-status-success-bg: var(--color-status-success-surface-light);--oq-status-warning-fg: var(--color-status-warning-light);--oq-status-warning-bg: var(--color-status-warning-surface-light);--oq-status-danger-fg: var(--color-status-danger-light);--oq-status-danger-bg: var(--color-status-danger-surface-light);--oq-status-info-fg: var(--color-status-info-light);--oq-status-info-bg: var(--color-status-info-surface-light);--oq-status-neutral-fg: var(--color-status-neutral-light);--oq-status-neutral-bg: var(--color-status-neutral-surface-light)}:root[data-theme=dark]{--oq-status-success-fg: var(--color-status-success-dark);--oq-status-success-bg: var(--color-status-success-surface-dark);--oq-status-warning-fg: var(--color-status-warning-dark);--oq-status-warning-bg: var(--color-status-warning-surface-dark);--oq-status-danger-fg: var(--color-status-danger-dark);--oq-status-danger-bg: var(--color-status-danger-surface-dark);--oq-status-info-fg: var(--color-status-info-dark);--oq-status-info-bg: var(--color-status-info-surface-dark);--oq-status-neutral-fg: var(--color-status-neutral-dark);--oq-status-neutral-bg: var(--color-status-neutral-surface-dark)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--oq-status-success-fg: var(--color-status-success-dark);--oq-status-success-bg: var(--color-status-success-surface-dark);--oq-status-warning-fg: var(--color-status-warning-dark);--oq-status-warning-bg: var(--color-status-warning-surface-dark);--oq-status-danger-fg: var(--color-status-danger-dark);--oq-status-danger-bg: var(--color-status-danger-surface-dark);--oq-status-info-fg: var(--color-status-info-dark);--oq-status-info-bg: var(--color-status-info-surface-dark);--oq-status-neutral-fg: var(--color-status-neutral-dark);--oq-status-neutral-bg: var(--color-status-neutral-surface-dark)}}.oq-field-error-text{color:var(--oq-status-danger-fg)}.oq-field-error-border{border-color:var(--oq-status-danger-fg)!important}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background-color:var(--bg-page);color:var(--fg-default);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}a{color:var(--fg-accent)}button{font-family:inherit}.oq-app-shell{display:flex;min-height:100vh;flex-direction:column}.oq-app-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-default)}.oq-app-topbar-identity{display:flex;align-items:baseline;gap:.75rem}.oq-app-topbar-product-name{font-weight:600;font-size:1.125rem}.oq-app-topbar-switchers,.oq-app-topbar-account{display:flex;align-items:center;gap:.75rem}.oq-app-body{display:flex;flex:1}.oq-app-nav{width:15rem;flex-shrink:0;padding:1.5rem 1rem;border-right:1px solid var(--border-default);background-color:var(--bg-surface)}.oq-app-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.oq-app-nav-button{display:block;width:100%;text-align:left;padding:.5rem .75rem;border-radius:.375rem;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;font-size:.938rem}.oq-app-nav-button:hover{background-color:var(--bg-surface-sunken);color:var(--fg-default)}.oq-app-nav-button[aria-current=page]{background-color:var(--bg-accent-subtle);color:var(--fg-accent);font-weight:500}.oq-app-main{flex:1;padding:1.5rem 2rem;max-width:60rem}.oq-app-main h1{font-size:1.563rem;margin:0 0 .25rem}.oq-app-main-subtitle{color:var(--fg-subtle);margin:0 0 1.5rem}.oq-panel{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem}.oq-panel h2{font-size:1.125rem;margin:0 0 .75rem}.oq-table{width:100%;border-collapse:collapse}.oq-table th,.oq-table td{text-align:left;padding:.5rem;border-bottom:1px solid var(--border-default);font-size:.938rem}.oq-table th{color:var(--fg-subtle);font-weight:500}.oq-table-row-button{border:none;background:transparent;color:var(--fg-accent);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.oq-form-actions{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.oq-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;border:1px solid var(--border-strong);background-color:var(--bg-surface);color:var(--fg-default);font-size:.938rem;cursor:pointer}.oq-btn:hover{background-color:var(--bg-surface-sunken)}.oq-btn:disabled{opacity:.6;cursor:not-allowed}.oq-btn-primary{background-color:var(--bg-accent-solid);border-color:var(--bg-accent-solid);color:var(--fg-on-accent)}.oq-btn-primary:hover{background-color:var(--bg-accent-solid);filter:brightness(.95)}.oq-loading-state{padding:1rem 0;color:var(--fg-subtle)}.oq-detail-panel{margin-top:.75rem;padding:.75rem;border-radius:.375rem;background-color:var(--bg-surface-sunken);font-size:.938rem}.oq-signin-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2rem}.oq-signin-panel{max-width:28rem;width:100%;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:.5rem;padding:2rem;text-align:center}.oq-signin-panel h1{font-size:1.313rem;margin:0 0 .5rem}.oq-signin-panel p{color:var(--fg-muted);margin:0 0 1.25rem}.oq-shell-state{padding:1rem;border-radius:.5rem;border:1px solid var(--border-default);background-color:var(--bg-surface-sunken)}.oq-shell-state-error{border-color:var(--border-strong)}.oq-shell-state-message{margin:0;font-weight:500}.oq-shell-state-detail{margin-top:.5rem;color:var(--fg-subtle);font-size:.875rem}.oq-shell-state-detail pre{white-space:pre-wrap;word-break:break-word}.oq-shell-state-capability{display:inline-block;margin-top:.5rem;padding:.125rem .5rem;border-radius:.25rem;background-color:var(--bg-surface-raised);border:1px solid var(--border-default);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.813rem}.oq-detail-panel[data-testid=oq-dashboard-tiles]{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem}.oq-detail-panel[data-testid=oq-dashboard-tiles] strong{display:block;color:var(--fg-subtle);font-size:.813rem;font-weight:500}.oq-detail-panel[data-testid=oq-dashboard-tiles] p{margin:.125rem 0 0;font-size:1.25rem;font-weight:600}.oq-dashboard-attribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}