/* Extends base.css (shared with the prototype) */
:root{--plan:#8FA7B0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--plan:#5E7882}}
a{color:inherit}
.brand{text-decoration:none}
.crumbs{color:var(--muted);font-size:15px}
.crumbs a{color:var(--ink);font-weight:600;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.menu{display:flex;gap:14px;align-items:center;font-size:14px}
.menu a,.menu button{color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer;padding:6px 0;min-height:32px}
.menu a:hover,.menu button:hover{color:var(--ink);text-decoration:underline}
.menu .role{color:var(--ink);font-weight:600}
.page{max-width:1180px;margin:0 auto;padding:20px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:16px}
.narrow{max-width:460px;margin:48px auto}
.headrow{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.status{font-weight:600;font-size:13px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;display:inline-block}
.status.draft{background:var(--sunk)}
.status.returned{background:var(--npt-bg);color:var(--npt);border-color:var(--npt)}
.status.submitted{background:var(--warn-bg);border-color:var(--hivis)}
.status.approved,.status.complete{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}
.status.progress{background:var(--warn-bg);border-color:var(--hivis)}
.list{width:100%;border-collapse:collapse}
.list th{text-align:left;font-size:13px;color:var(--muted);font-weight:600;padding:8px;border-bottom:2px solid var(--ink)}
.list td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.list td.r,.list th.r{text-align:right}
.list tr.click{cursor:pointer}.list tr.click:hover td{background:var(--sunk)}
.list tr.tot td{font-weight:600;border-top:2px solid var(--ink)}
.over{color:var(--npt);font-weight:600}.under{color:var(--ok)}
.scroll{overflow-x:auto}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 16px;overflow-x:auto}
.tabs a{padding:10px 14px;text-decoration:none;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;font-weight:500}
.tabs a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--hivis);font-weight:600}
.chart{width:100%;max-width:880px;height:auto;display:block}
.chart text{fill:var(--muted);font-size:12px;font-family:"Barlow",Arial,sans-serif}
.chart .lbl{fill:var(--ink)}
.legend2{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:6px 0 0}
.legend2 i{display:inline-block;width:14px;height:4px;margin-right:6px;vertical-align:middle}
.empty{padding:32px;text-align:center;color:var(--muted)}
.drop{border:2px dashed var(--line);border-radius:8px;padding:18px;background:var(--sunk);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.drop input[type=file]{min-height:auto;padding:6px;background:var(--surface);max-width:320px}
.logos{display:flex;gap:16px;flex-wrap:wrap}
.logo{border:1px solid var(--line);border-radius:8px;padding:12px;width:220px;background:var(--sunk)}
.logo img{display:block;max-width:100%;height:70px;object-fit:contain;margin:0 auto 8px;background:#fff;border-radius:4px}
.logo .row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.qr{display:block;margin:12px 0;width:180px;height:180px;image-rendering:pixelated;background:#fff;border-radius:6px}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:14px;word-break:break-all;background:var(--sunk);padding:8px;border-radius:6px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}
.schbox{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;max-height:80vh}
.schbox img{display:block;max-width:100%;height:auto;min-width:720px}
.specrow td{border-top:0;padding-top:0;background:var(--sunk)}
.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.subtabs button{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;font-weight:500}
.subtabs button[aria-current="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
details.adv{margin:16px 0;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:var(--sunk)}
details.adv summary{cursor:pointer;font-weight:600}
details.adv .grid,details.adv .scroll{margin-top:12px}
.list input,.list select{min-height:38px;padding:6px 8px;min-width:80px}
@media (max-width:820px){.page{padding:12px}.panel{padding:16px}.two{grid-template-columns:1fr}.list .hide-m{display:none}.menu .hide-m{display:none}}