:root{color-scheme:light;--portal-bg:#edf3ef;--portal-surface:#fff;--portal-ink:#203b31;--portal-muted:#74867d;--portal-line:#dfe8e2;--portal-green:#236548;--portal-soft:#edf4ee}html[data-theme=dark]{color-scheme:dark;--portal-bg:#101a16;--portal-surface:#19251f;--portal-ink:#e2ece5;--portal-muted:#adc0b2;--portal-line:#3b5143;--portal-green:#9bcda9;--portal-soft:#273e2e}.portal-topbar{display:flex;align-items:center;gap:28px;min-height:64px;padding:10px 24px;border-bottom:1px solid var(--portal-line);background:var(--portal-surface);color:var(--portal-ink);font:13px Inter,Arial,Helvetica,sans-serif}.portal-logo{display:flex;align-items:center;flex-shrink:0}.portal-logo img{display:block;width:132px;height:44px;object-fit:contain}.portal-links{display:flex;align-items:center;gap:7px;flex:1}.portal-links a{padding:12px 14px;display:inline-flex;align-items:center;gap:8px;border-radius:7px;color:var(--portal-muted);text-decoration:none;white-space:nowrap}.portal-links a[aria-current=page],.portal-links a:hover{background:var(--portal-soft);color:var(--portal-green)}.portal-links a[aria-current=page]{font-weight:600}.portal-theme{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid var(--portal-line);border-radius:7px;padding:8px 11px;background:var(--portal-surface);color:var(--portal-muted);cursor:pointer;font:inherit}.portal-visitor{font-size:11px;color:var(--portal-muted);white-space:nowrap}html[data-theme=dark] .portal-logo img{filter:brightness(0) invert(1);opacity:.9}.portal-topbar :focus-visible{outline:3px solid #75a88c;outline-offset:3px}@media(max-width:720px){.portal-topbar{padding:10px 14px;gap:12px;flex-wrap:wrap}.portal-logo img{width:110px;height:37px}.portal-links{order:3;flex-basis:100%;overflow:auto}.portal-links a{padding:10px 12px}.portal-visitor{margin-left:auto}.portal-theme{font-size:11px}}@media print{.portal-topbar{display:none}}
/* Stock adopts the same surfaces, spacing and typography as the production panel. */
.stock-surface{background:var(--portal-bg);color:var(--portal-ink);--background:var(--portal-bg);--foreground:var(--portal-ink);--card:var(--portal-surface);--primary:var(--portal-green);--muted:var(--portal-muted);--border:var(--portal-line);--font-body:Inter,Arial,Helvetica,sans-serif;--font-data:monospace}.stock-surface .chat-app{min-height:calc(100dvh - 65px)}.stock-surface .app-header{background:var(--portal-bg);height:76px;padding:15px 28px;gap:18px;border:0}.stock-surface .app-header .brand{display:none}.stock-surface .header-title{border:0;padding:0;font-size:20px;letter-spacing:-.4px;font-weight:650}.stock-surface .header-title span{color:var(--portal-muted);letter-spacing:.5px;font-size:10px}.stock-surface .chat-main{max-width:1200px}.stock-surface .welcome h1{font-size:38px;font-weight:600;letter-spacing:-1.2px}.stock-surface .welcome:before{display:none}.stock-surface .eyebrow{color:var(--portal-green)}.stock-surface .view-tabs{background:var(--portal-soft);border-color:var(--portal-line);padding:4px}.stock-surface .view-tabs button[aria-selected=true]{background:var(--portal-surface);color:var(--portal-green)}.stock-surface .catalog-search,.stock-surface .composer,.stock-surface .stock-table-scroll,.stock-surface .catalog-pages button{background:var(--portal-surface);border-color:var(--portal-line)}.stock-surface .stock-table th{background:var(--portal-soft);color:var(--portal-green)}.stock-surface .stock-table tbody tr:hover{background:var(--portal-soft)}.stock-surface .suggestions button:hover{background:var(--portal-soft)}.stock-surface .notice,.stock-surface .message.user{background:var(--portal-soft);border-color:var(--portal-line)}.stock-surface .refresh{background:var(--portal-surface)!important;color:var(--portal-ink);border-color:var(--portal-line)}.stock-surface .composer-dock{background:linear-gradient(0deg,var(--portal-bg) 85%,transparent)}.stock-surface .composer textarea{color:var(--portal-ink)}.stock-surface .view-tabs{max-width:100%;overflow:auto}.stock-surface .composer>button{background:var(--portal-green);color:var(--portal-surface)}@media(max-width:600px){.stock-surface .welcome h1{font-size:30px}.stock-surface .app-header{padding:16px 20px}.stock-surface .header-title{font-size:18px}}
.portal-logo img{background:#e4edd7;border-radius:6px}html[data-theme=dark] .portal-logo img{background:transparent;border-radius:0}.portal-theme .lucide-sun{display:none}html[data-theme=dark] .portal-theme .lucide-moon{display:none}html[data-theme=dark] .portal-theme .lucide-sun{display:inline}