:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f4f4;--surface:#fff;--surface-subtle:#f3eeee;--text:#211719;--muted:#756468;--line:#e5d9dc;--brand:#9f1d2d;--brand-strong:#7f1723;--brand-soft:#fff1f3;--red:#b42318;--red-soft:#fff1ef;--green:#027a48;--green-soft:#edfdf5;--amber:#a15c07;--amber-soft:#fff7e8;--shadow:0 14px 38px #18221f14}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}html:has(body[data-theme=night]){background:#171111}body{min-height:100%;color:var(--text);background:linear-gradient(180deg, #fffffff5 0%, var(--bg) 100%), linear-gradient(90deg, #9f1d2d1a, transparent 38%, #027a480a);margin:0;font-family:Arial,Helvetica,sans-serif}body[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171111;--surface:#211819;--surface-subtle:#2b2021;--text:#f5eeee;--muted:#c0adaf;--line:#3b2a2d;--brand:#ff9aa5;--brand-strong:#ffc1c8;--brand-soft:#ff9aa521;--red:#ff8a7d;--red-soft:#ff8a7d21;--green:#6ee7a8;--green-soft:#6ee7a81f;--amber:#ffd38a;--amber-soft:#ffd38a1f;--shadow:0 18px 44px #00000052;background:linear-gradient(#211719 0%,#171111 100%)}body[data-theme=night]:before{content:"";z-index:-1;background:#171111;position:fixed;inset:0}button{font:inherit;letter-spacing:0}.page-shell{width:min(1440px,100% - 40px);margin:0 auto;padding:20px 0 36px}.topbar{border-bottom:2px solid color-mix(in srgb, var(--brand) 18%, var(--line));justify-content:space-between;align-items:center;gap:18px;min-height:88px;padding:0 0 18px;display:flex}.brand,.topbar-actions{align-items:center;gap:12px;display:flex}.brand,.brand>div:last-child{min-width:0}.brand-mark{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 98%, #fff), color-mix(in srgb, var(--brand-strong) 92%, #000)), var(--brand);color:#fff;border-radius:8px;flex:0 0 62px;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:0 14px 28px #9f1d2d33}.pharmacy-logo{isolation:isolate;background:radial-gradient(circle at 22% 18%,#aeffc933,#0000 30%),radial-gradient(circle at 70% 80%,#c9152847,#0000 31%),linear-gradient(145deg,#153d28 0%,#06150f 74%);border-color:#69ce8a8f;overflow:hidden;box-shadow:0 16px 30px #0e4a263d,inset 0 0 0 1px #ffffff1a,inset 0 -14px 28px #0000002e}.pharmacy-logo:before{content:"";z-index:-1;background:radial-gradient(circle at 35% 28%,#ffffff47,#0000 26%),linear-gradient(145deg,#ffffff38,#89b4951a);border:1px solid #d9ffe23d;border-radius:999px;position:absolute;inset:7px}.pharmacy-logo:after{content:"";pointer-events:none;background:radial-gradient(circle at 38% 30%,#fff3,#ffffff0a 68%);border:1px solid #e0ffe82e;border-radius:999px;width:36px;height:36px;position:absolute;top:7px;left:9px}.notify-brand-svg{z-index:1;width:100%;height:100%;position:relative;overflow:visible}.notify-molecule{fill:none;stroke:#7be7a39e;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px}.notify-molecule circle{fill:#f5cf63;stroke:#fff9d7c7;stroke-width:.8px}.notify-tincture{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 9px 12px #02170c61);transform:rotate(-5deg)translate(-1px,1px)}.notify-dropper{fill:#f4c45b;stroke:#fff4c1bd;stroke-width:1.2px}.notify-bottle{fill:#d7ffe12e;stroke:#e8ffedbd;stroke-width:1.6px}.notify-bottle-shine{fill:#ffffff29}.notify-cbd-label{fill:#f6fff9f2;stroke:#15653a5c;stroke-width:1px;filter:drop-shadow(0 2px 3px #082c173d)}.notify-cbd-text{fill:#125d38;letter-spacing:0;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:950}.notify-oil-drop{fill:#74df919e;stroke:#ebfff0d1;stroke-width:1.1px}.notify-alert-badge{fill:#c91528;stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 7px 10px #44040f75)}.notify-alert-cross{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:3.4px}.eyebrow,.section-kicker{color:var(--brand-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(28px,3vw,40px);line-height:1.04}h2{letter-spacing:0;margin-bottom:0;font-size:21px}h3{letter-spacing:0;margin-bottom:0;font-size:15px}.subtitle{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;font-weight:700;line-height:1.35}.theme-toggle,.system-state{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.theme-toggle{border-color:color-mix(in srgb, var(--brand) 18%, var(--line));cursor:pointer}.system-state.ok{color:var(--green);border-color:color-mix(in srgb, var(--green) 24%, var(--line));background:var(--green-soft)}.system-state.warn{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 26%, var(--line));background:var(--amber-soft)}.overview-band{border:1px solid var(--line);background:color-mix(in srgb, var(--brand) 16%, var(--line));box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:18px 0;display:grid;overflow:hidden}.metric-block{background:color-mix(in srgb, var(--surface) 96%, transparent);align-content:center;gap:4px;min-height:74px;padding:16px;display:grid}.metric-block span{color:var(--muted);font-size:12px;font-weight:800}.metric-block strong{font-size:28px;line-height:1}.metric-block.success span,.metric-block.success strong{color:var(--green)}.metric-block.danger span,.metric-block.danger strong{color:var(--red)}.workspace{grid-template-columns:250px minmax(0,1fr) 250px;align-items:start;gap:18px;display:grid}.section-nav,.operations-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 98%, transparent);box-shadow:var(--shadow);border-radius:8px;padding:15px;position:sticky;top:16px}.section-nav-title,.panel-heading,.refresh-note{align-items:center;gap:8px;display:flex}.section-nav-title,.panel-heading{color:var(--brand-strong);text-transform:uppercase;font-size:12px;font-weight:900}.section-nav nav{gap:7px;margin-top:12px;display:grid}.nav-item{width:100%;min-height:62px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;padding:0 10px;display:flex}.nav-item span{overflow-wrap:anywhere;text-align:left;gap:3px;min-width:0;display:grid}.nav-item b{font-size:13px;font-weight:900}.nav-item small{color:var(--muted);font-size:11px;font-weight:800;line-height:1.25}.nav-item strong{background:color-mix(in srgb, var(--brand) 7%, var(--surface-subtle));min-width:25px;height:22px;color:var(--muted);border-radius:999px;place-items:center;font-size:12px;display:grid}.nav-item.active{border-color:color-mix(in srgb, var(--brand) 42%, var(--line));background:color-mix(in srgb, var(--brand) 11%, var(--surface));color:var(--brand-strong)}.refresh-note{border-top:1px solid var(--line);color:var(--muted);margin-top:14px;padding-top:13px;font-size:12px;font-weight:800}.feed{min-width:0}.feed-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:66px;margin-bottom:10px;padding-bottom:10px;display:flex}.feed-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.date-picker-control{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.date-picker-control input{min-width:136px;height:26px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;font-size:12px}.date-picker-control input::-webkit-calendar-picker-indicator{cursor:pointer}.section-copy{color:var(--muted);margin:5px 0 0;font-size:13px;font-weight:700}.section-status{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.section-status.active{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb, var(--green) 24%, var(--line))}.notification-list{gap:8px;display:grid}.notification-row{border:1px solid var(--line);border-left:3px solid var(--brand);background:color-mix(in srgb, var(--surface) 97%, transparent);border-radius:8px;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:12px 13px;display:grid;box-shadow:0 10px 24px #18221f0f}.notification-row.status-success{border-left-color:var(--green)}.notification-row.status-failure{border-left-color:var(--red)}.notification-row.status-warning{border-left-color:var(--amber)}.status-icon{background:color-mix(in srgb, var(--brand) 12%, var(--surface-subtle));width:32px;height:32px;color:var(--brand-strong);border-radius:8px;place-items:center;display:grid}.status-success .status-icon{background:var(--green-soft);color:var(--green)}.status-failure .status-icon{background:var(--red-soft);color:var(--red)}.status-warning .status-icon{background:var(--amber-soft);color:var(--amber)}.notification-main{min-width:0}.notification-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.notification-meta{justify-items:end;gap:5px;display:grid}.notification-time,.status-chip{background:var(--surface-subtle);min-width:72px;color:var(--muted);text-align:center;white-space:normal;border-radius:8px;padding:4px 7px;font-size:12px;font-weight:900}.notification-time{gap:2px;min-width:124px;display:grid}.notification-time span{line-height:1.1}.notification-time small{color:var(--muted);font-size:11px;font-weight:800;line-height:1.2}.status-chip{min-width:76px;color:var(--brand-strong)}.chip-success{color:var(--green);background:var(--green-soft)}.chip-failure{color:var(--red);background:var(--red-soft)}.chip-warning,.chip-triggered{color:var(--amber);background:var(--amber-soft)}.notification-main p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.35}.detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(90px,.6fr) minmax(90px,.6fr);gap:8px;margin:10px 0 0;display:grid}.detail-grid.sync-grid{grid-template-columns:repeat(5,minmax(90px,1fr))}.detail-grid.order-grid{grid-template-columns:minmax(0,1.2fr) minmax(90px,.6fr) minmax(110px,.7fr)}.detail-grid.bot-check-grid{grid-template-columns:repeat(4,minmax(90px,1fr))}.detail-grid div{background:var(--surface-subtle);border-radius:8px;min-width:0;padding:7px 9px}dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}dd{color:var(--text);overflow-wrap:anywhere;margin:3px 0 0;font-size:12px;font-weight:800}.error-line{font-weight:800;color:var(--red)!important}.sync-log-panel{border:1px solid color-mix(in srgb, var(--green) 28%, var(--line));background:color-mix(in srgb, var(--green-soft) 54%, var(--surface));border-radius:8px;margin-top:10px;overflow:hidden}.sync-log-panel.danger{border-color:color-mix(in srgb, var(--red) 30%, var(--line));background:color-mix(in srgb, var(--red-soft) 54%, var(--surface))}.sync-log-panel summary{min-height:36px;color:var(--green);cursor:pointer;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;list-style:none;display:flex}.sync-log-panel.danger summary{color:var(--red)}.sync-log-panel summary::-webkit-details-marker{display:none}.sync-log-panel summary svg{transition:transform .14s}.sync-log-panel[open] summary svg{transform:rotate(180deg)}.order-toggle-stack{gap:8px;margin-top:10px;display:grid}.sync-log-content{border-top:1px solid color-mix(in srgb, var(--green) 18%, var(--line));background:color-mix(in srgb, var(--surface) 82%, transparent);gap:12px;max-height:440px;padding:11px;display:grid;overflow:auto}.sync-log-panel.danger .sync-log-content{border-top-color:color-mix(in srgb, var(--red) 20%, var(--line))}.sync-product-section{gap:8px;display:grid}.sync-product-section h4{color:var(--text);margin:0;font-size:14px;font-weight:900}.sync-product-list,.sync-invalid-list,.order-bot-list,.bot-check-list,.bot-check-snapshots{gap:8px;display:grid}.bot-check-snapshots{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-product-card,.sync-invalid-row,.order-bot-card{border:1px solid color-mix(in srgb, var(--green) 22%, var(--line));background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:8px;gap:10px;padding:10px;display:grid}.sync-log-panel.danger .sync-product-card,.sync-log-panel.danger .sync-invalid-row,.sync-log-panel.danger .order-bot-card{border-color:color-mix(in srgb, var(--red) 22%, var(--line))}.sync-product-card.new{border-color:color-mix(in srgb, var(--brand) 24%, var(--line))}.sync-product-head{justify-content:space-between;align-items:start;gap:12px;min-width:0;display:flex}.sync-product-head strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:13px;line-height:1.3}.sync-product-head span{color:color-mix(in srgb, var(--brand-strong) 86%, var(--text));white-space:nowrap;flex:none;font-size:12px;font-weight:900}.sync-change-list{gap:6px;display:grid}.sync-change-row{grid-template-columns:minmax(118px,.8fr) minmax(110px,1fr) 18px minmax(110px,1fr);align-items:center;gap:7px;min-width:0;display:grid}.sync-change-row>span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;font-weight:900}.sync-change-row svg{color:var(--muted);justify-self:center}.sync-change-row code{background:color-mix(in srgb, var(--brand) 10%, var(--surface-subtle));min-width:0;min-height:32px;color:var(--text);white-space:normal;overflow-wrap:anywhere;border-radius:8px;align-items:center;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:900;display:flex}.sync-product-meta{grid-template-columns:repeat(4,minmax(100px,1fr));gap:7px;display:grid}.sync-product-meta.compact{grid-template-columns:repeat(3,minmax(100px,1fr))}.sync-product-meta span{background:var(--surface-subtle);border-radius:8px;gap:3px;min-width:0;padding:7px 9px;display:grid}.sync-product-meta b{color:var(--muted);text-transform:uppercase;overflow-wrap:anywhere;font-size:10px;font-weight:900}.sync-product-meta strong{color:var(--text);overflow-wrap:anywhere;font-size:12px}.order-bot-products{gap:5px;display:grid}.order-bot-products span,.order-bot-products small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;font-weight:800;line-height:1.35}.order-bot-products strong{color:var(--brand-strong);overflow-wrap:anywhere;font-size:12px}.bot-check-message{color:var(--muted);font-size:12px;font-weight:800;line-height:1.45;margin:0!important}.bot-check-snapshot{gap:7px;padding-top:2px;display:grid}.bot-check-snapshot>strong{color:var(--brand-strong);text-transform:uppercase;font-size:11px;font-weight:900}.bot-check-issue-row{grid-template-columns:minmax(120px,.75fr) minmax(120px,1fr) 18px minmax(120px,1fr)}.order-export-meta{grid-template-columns:repeat(5,minmax(120px,1fr))}.sync-error-card{border:1px solid color-mix(in srgb, var(--red) 32%, var(--line));background:color-mix(in srgb, var(--red-soft) 70%, var(--surface));color:var(--red);border-radius:8px;gap:5px;padding:10px;display:grid}.sync-error-card strong,.sync-invalid-row strong{font-size:12px;font-weight:900}.sync-error-card span,.sync-invalid-row span{overflow-wrap:anywhere;font-size:12px;line-height:1.45}.sync-invalid-row>span{color:var(--muted);font-weight:800}.sync-empty-log{background:var(--surface-subtle);color:var(--muted);border-radius:8px;margin:0;padding:10px;font-size:12px;font-weight:800}.sync-log-panel pre{margin:0}.empty-state{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, transparent);min-height:280px;color:var(--muted);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:10px;padding:34px;display:grid}.empty-state.compact{min-height:230px}.empty-state svg{color:var(--brand-strong)}.empty-state h3{color:var(--text)}.empty-state p{max-width:520px;margin-bottom:0;line-height:1.45}.empty-state.error svg,.empty-state.error h3{color:var(--red)}.info-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.info-line span{color:var(--muted);font-size:12px;font-weight:800}.info-line strong{overflow-wrap:anywhere;text-align:right;min-width:0;font-size:12px}.panel-heading.second{margin-top:16px}.panel-copy{color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.45}@media (max-width:1120px){.page-shell{width:min(100% - 28px,1180px)}.workspace{grid-template-columns:230px minmax(0,1fr)}.operations-panel{grid-column:1/-1;position:static}}@media (max-width:920px){.topbar{align-items:flex-start}.workspace{grid-template-columns:1fr}.section-nav{position:static}.section-nav nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{align-items:flex-start;min-height:78px;padding:10px}.operations-panel{display:none}}@media (max-width:760px){.page-shell{width:min(100% - 18px,680px);padding-top:14px}.topbar,.topbar-actions,.feed-header{flex-direction:column;align-items:stretch}.feed-header-actions{justify-content:stretch}.date-picker-control,.section-status{width:100%}.date-picker-control input{flex:auto;min-width:0}.brand{width:100%}.brand>div:last-child{flex:1 1 0}.subtitle{max-width:28ch}.overview-band,.detail-grid{grid-template-columns:1fr}.overview-band{gap:1px}.section-nav nav{grid-template-columns:1fr}.detail-grid.sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid.order-grid,.detail-grid.bot-check-grid,.bot-check-snapshots,.order-export-meta{grid-template-columns:1fr}.sync-product-head{flex-direction:column;align-items:start;gap:5px}.sync-change-row,.sync-product-meta,.sync-product-meta.compact{grid-template-columns:1fr}.sync-change-row svg{transform:rotate(90deg)}.section-nav{position:static}.notification-title-row{grid-template-columns:1fr;gap:6px}.notification-meta{justify-items:start}.notification-time{width:fit-content}}
