/* Global design system — single source of truth for tools.oalfawzan.sa */
:root{--ds-bg:#090b10;--ds-surface:#11151d;--ds-surface-2:#171d27;--ds-surface-3:#202734;--ds-text:#f5f7fb;--ds-muted:#9aa4b5;--ds-border:rgba(255,255,255,.11);--ds-border-strong:rgba(255,255,255,.18);--ds-primary:#55a3ff;--ds-primary-hover:#82bbff;--ds-primary-soft:rgba(85,163,255,.12);--ds-success:#20d4a2;--ds-warning:#f5c451;--ds-danger:#ff7777;--ds-radius-sm:8px;--ds-radius-md:13px;--ds-radius-lg:20px;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.22);--ds-shadow-md:0 18px 50px rgba(0,0,0,.25);--ds-ease:cubic-bezier(.2,.75,.25,1)}
:root[data-theme="light"]{--ds-bg:#f4f6fa;--ds-surface:#fff;--ds-surface-2:#eef2f7;--ds-surface-3:#e3e8f0;--ds-text:#111827;--ds-muted:#667085;--ds-border:rgba(16,24,40,.12);--ds-border-strong:rgba(16,24,40,.20);--ds-primary:#075fc7;--ds-primary-hover:#004da8;--ds-primary-soft:rgba(7,95,199,.08);--ds-success:#087f5b;--ds-warning:#9a6700;--ds-danger:#c43232;--ds-shadow-md:0 18px 50px rgba(15,23,42,.10)}
html{color-scheme:dark;scroll-behavior:smooth;background:var(--ds-bg)}html[data-theme="light"]{color-scheme:light}body{background:var(--ds-bg)!important;color:var(--ds-text)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:'IBM Plex Sans','IBM Plex Sans Arabic',system-ui,sans-serif!important}html[lang="ar"] body{font-family:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,sans-serif!important}button,input,select,textarea{font:inherit}button,[role="button"],input,select{min-height:44px}button,[role="button"],a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}a,button,input,select,textarea,[tabindex]:not([tabindex="-1"]){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-primary) 38%,transparent)!important;outline:2px solid transparent}input,select,textarea{accent-color:var(--ds-primary);border-color:var(--ds-border);transition:border-color .2s var(--ds-ease),box-shadow .2s var(--ds-ease),background-color .2s var(--ds-ease)}
/* Universal aliases let legacy page CSS inherit the same palette. */
body{--bg:var(--ds-bg);--surface:var(--ds-surface);--surface2:var(--ds-surface-2);--surface-soft:var(--ds-surface-2);--surface-light:var(--ds-surface-2);--field:var(--ds-surface);--field-bg:var(--ds-surface-2);--border:var(--ds-border);--border2:var(--ds-border-strong);--text:var(--ds-text);--muted:var(--ds-muted);--muted2:var(--ds-muted);--text-muted:var(--ds-muted);--primary:var(--ds-primary);--accent:var(--ds-primary);--green:var(--ds-success);--current:var(--ds-success);--new:var(--ds-primary);--success:var(--ds-success);--danger:var(--ds-danger);--warning:var(--ds-warning)}
/* Standard site chrome */
.site-header,.tool-site-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:64px!important;padding-block:10px!important;border-bottom:1px solid var(--ds-border)!important;background:transparent!important}.site-header::after,.tool-site-header::after{display:none!important}.brand{display:inline-flex!important;align-items:center!important;gap:9px!important;color:var(--ds-text)!important;text-decoration:none!important;min-width:0}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ds-primary-soft);border:1px solid color-mix(in srgb,var(--ds-primary) 25%,var(--ds-border));color:var(--ds-primary);font-size:.7rem;font-weight:800;letter-spacing:.04em;flex:0 0 auto}.brand-text{font-size:.86rem;color:var(--ds-muted);white-space:nowrap}.brand-text strong{color:var(--ds-text)}.header-actions,.platform-header-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}.icon-btn,.platform-control,.lang-btn,.theme-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border:1px solid var(--ds-border)!important;border-radius:11px!important;background:var(--ds-surface)!important;color:var(--ds-text)!important;font-size:.78rem!important;font-weight:700!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important}.icon-btn:hover,.platform-control:hover,.lang-btn:hover,.theme-btn:hover{border-color:var(--ds-border-strong)!important;background:var(--ds-surface-2)!important}.link-btn{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--ds-border);border-radius:11px;background:var(--ds-surface);color:var(--ds-muted);text-decoration:none;font-size:.78rem;font-weight:600}.link-btn:hover{color:var(--ds-text);background:var(--ds-surface-2);border-color:var(--ds-border-strong)}
/* Shared surfaces and controls */
.card,.panel,.tool-card,.stat,.result-card,.calculator-card,.summary-card,.metric-card,.overall-card,.factors-card,.audit-card,.breakdown-card,.ai-card{border-color:var(--ds-border)!important;background-color:var(--ds-surface)!important;box-shadow:var(--ds-shadow-sm);color:var(--ds-text)}input,select,textarea{color:var(--ds-text)!important;background-color:var(--ds-surface-2)!important;border-color:var(--ds-border)!important}input::placeholder,textarea::placeholder{color:var(--ds-muted)!important}.btn,.export-btn,.secondary,button.secondary{border-color:var(--ds-border)!important;color:var(--ds-text)!important;background:var(--ds-surface)!important}.btn.primary,button.primary,.calc-btn{background:var(--ds-primary)!important;color:#fff!important;border-color:var(--ds-primary)!important}.skip-link{position:fixed;inset-inline-start:12px;top:10px;z-index:99999;transform:translateY(-180%);padding:10px 14px;border-radius:8px;color:#fff;background:var(--ds-primary);text-decoration:none;font-weight:700}.skip-link:focus{transform:translateY(0)}.platform-toast-region{position:fixed;inset-inline-end:16px;bottom:16px;z-index:9999;display:grid;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.platform-toast{background:var(--ds-surface);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:13px;box-shadow:var(--ds-shadow-md);padding:12px 14px}.platform-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}img,canvas,svg{max-width:100%}[hidden]{display:none!important}::selection{background:color-mix(in srgb,var(--ds-primary) 32%,transparent)}
/* Tool-specific layout refinements, without redefining theme colors. */
.editors{gap:16px!important}.editors textarea{border-radius:16px!important;line-height:1.72!important;padding:16px!important}.main-layout{grid-template-columns:minmax(300px,.78fr) minmax(0,1.55fr)!important;gap:18px!important;align-items:start}.summary-cards{gap:12px!important}.company-names{gap:12px!important}.main-grid{gap:14px!important}.amount-input,.factor-weight-input{background:var(--ds-surface-2)!important;border-color:var(--ds-border)!important}.chart-wrap{border-radius:18px!important;border-color:var(--ds-border)!important;background:var(--ds-surface)!important}.grid .panel{border-radius:18px!important}.qr-box{border-radius:20px!important;background:#fff!important}
@media(max-width:720px){.site-header,.tool-site-header{min-height:56px!important;padding-block:6px!important}.brand-text{display:none}.header-actions .link-btn{display:none}.icon-btn,.platform-control,.lang-btn,.theme-btn{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}.main-layout{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}