@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#202326;background:#f5f6f8;color-scheme:light;--line:#e5e8ed;--muted:#7b8189;--accent:#df4b33}
body{background:#f5f6f8;color:#202326}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-weight:700;letter-spacing:-1px;font-size:30px}h2{font-size:17px}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:13px}
button{background:#fff;border:1px solid #dfe3e8;border-radius:6px;color:#414953;min-height:42px;padding:10px 15px;transition:background .15s,border-color .15s}button:hover{background:#f8f9fa;border-color:#cdd2da}button.primary{background:#e44a31;color:#fff;border:0}button.primary:hover{background:#cc3d27}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #df4b3370;outline-offset:3px}
input,select,textarea{background:#fff;border:1px solid #dfe3e8;color:#202a34;border-radius:6px;min-height:44px}input:disabled,select:disabled,textarea:disabled{background:#f1f2f4;color:#929aa5}label{color:#68717c;font-size:12px}input[type=checkbox]{accent-color:#df4b33}label span.muted{font-size:10px;line-height:1.5;display:inline-block;margin-top:7px}
#appMain{margin:0 0 0 224px;padding:0 40px 36px;max-width:1600px}.operations-sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#191b20;color:#fff;padding:34px 24px;display:flex;flex-direction:column;z-index:6}.operations-brand img{width:144px;max-height:58px;filter:brightness(0) invert(1)}.operations-label{font-size:9px;letter-spacing:1.8px;color:#858a94;margin:30px 0 22px}.operations-sidebar nav{display:grid;gap:8px;margin:0 -10px}.operations-sidebar nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#a2a6af;font-size:12px;line-height:1.5;padding:15px 12px;border-radius:7px}.operations-sidebar nav a.active{background:#2c2d34;color:#fff}.operations-bottom{margin-top:auto;color:#a0a6b0;font-size:10px}.operations-bottom i{display:inline-block;background:#72ad8a;border-radius:50%;height:6px;width:6px;margin-right:5px}
.app-header{background:transparent;border-bottom:1px solid var(--line);min-height:78px;padding:16px 0;box-shadow:none;gap:20px;position:static}.app-header .brand{gap:0}.app-header .brand-logo{display:none}.brand-caption{color:#727781;font-size:10px;letter-spacing:1.5px}.version{color:#9da3ad;border-color:#e1e4e9;background:#fff}.app-nav{background:none;border:0;box-shadow:none;gap:8px;padding:0}.app-nav .nav-item{border:0;background:transparent;color:#818894;border-radius:5px;min-height:37px;font-size:12px}.app-nav .nav-item.active{background:#fff0ec;color:#cb442d;border:0;box-shadow:none}.app-nav .nav-item svg{width:17px;height:17px}.account{color:#59616d;font-size:12px}.avatar{background:#f0e9e4;color:#a56f50;border:0;box-shadow:none}.icon-button{background:transparent;border-color:#e0e4e9;color:#707a87;border-radius:6px;min-height:37px}.icon-button:hover{background:#fff}.page-heading{padding-top:32px;margin-bottom:25px}.page-heading h1{font-size:30px;margin-top:8px}.eyebrow{color:#df4b33;font-size:10px;letter-spacing:1.7px;font-weight:700}.page-heading .muted{font-size:13px}.add-sheet{font-size:12px}
.panel,.import-card,.archive-table,.overview,.presence-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:none;color:#2b333e}.panel{padding:24px}.import-card{margin:0 0 24px;padding:24px}.import-card .top{margin-bottom:0}.import-heading h2{color:#363f4b}.import-heading p{font-size:12px}.archive-table{overflow:auto}.archive-table table{background:#fff}.archive-table th,.presence-table th{background:#fafbfc;color:#89919d;border-color:var(--line);font-size:10px;letter-spacing:.5px;padding:18px 20px}.archive-table td,.presence-table td{color:#5f6977;border-color:#eef0f3;padding:20px;font-size:12px}.archive-table tbody tr:hover{background:#fcfcfd}.archive-table strong,.archive-table .file-name,.archive-table .archive-name{color:#303945}.archive-table small{color:#949ca7}.archive-table button{font-size:11px;min-height:36px;padding:8px 12px}.archive-table .primary{background:#fff0ec;color:#ce452d}.archive-tabs{border-color:var(--line);gap:20px;margin-top:26px}.archive-tabs button{background:none;border:0;border-radius:0;color:#959ca5;font-size:12px}.archive-tabs button.active{color:#db4b33;border-bottom:2px solid #df4b33;background:none}.archive-toolbar{background:none;padding:18px 0;border:0}.archive-search{font-size:10px}.archive-search input{background:#fff;min-width:230px}.toolbar-actions{gap:8px}.subtle-button{background:#fff;color:#6a7481;border-color:#dfe4ea;font-size:12px}
.measurement-launch{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;margin:8px 0 25px;transition:border-color .2s}.measurement-launch:hover{border-color:#df8c7e}.launch-icon{width:58px;height:58px;border-radius:15px;background:#fff1eb;color:#d67e60;font-size:43px;display:grid;place-items:center;flex-shrink:0}.measurement-launch h2{font-size:17px;margin:7px 0;color:#303944}.measurement-launch p{font-size:12px;color:#8a929e;margin:0}.launch-action{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:12px;font-weight:600;color:#dc4c33;white-space:nowrap}
.overview{margin-top:28px;padding:26px}.count-heading{align-items:center;gap:24px}.count-heading h1{font-size:28px;margin:8px 0}.count-heading .eyebrow{color:#df4b33}.stats{gap:0;background:#fff}.stat{background:#fff;border:0;border-left:1px solid var(--line);border-radius:0;padding:8px 20px}.stat strong{color:#2b333c;font:700 27px Manrope,sans-serif}.stat span{color:#929aa5;font-size:10px}.workflow-summary,.workflow-sync,.count-status{font-size:12px}.workflow-summary{color:#586371;background:transparent;border-color:var(--line)}.workflow-summary strong{color:#3f4856}.workflow-sync{color:#87919e}.workspace{gap:24px;margin-top:24px;grid-template-columns:minmax(290px,.85fr) minmax(420px,1.3fr)}#listPanel h2{font-size:15px;margin-bottom:22px}#detailPanel{border-radius:10px}#detailTitle,#workflowTitle{font-size:20px;line-height:1.5;color:#2f3946}.search input{background:#fff}.filters{gap:5px}.filters button{border:0;background:none;color:#929aa5;border-radius:5px;font-size:11px;min-height:34px}.filters button.active{background:#fff0eb;color:#d14c35;border:0}.brand-filter{font-size:11px}.brand-filter select{font-size:12px}.brand-summary{color:#929aa5;font-size:10px}#list{scrollbar-width:thin}.product{background:#fff;border:1px solid #eceff3;border-radius:6px;padding:16px;margin-bottom:8px;color:#3d4754}.product b{font-weight:500;font-size:13px}.product:hover{background:#fafbfc}.product.selected{border-color:#e89d8f;background:#fff8f4;box-shadow:inset 3px 0 #e44a31}.product.saved{background:#f2f8f3;border-color:#d9e8dc}.product.saved.selected{border-color:#dd8c7d;background:#fff8f4}.product .meta{color:#9099a5;font-size:10px}.state{color:#b57b36}.state.done{color:#549273}.state.diff{color:#cc6440}.product .workflow-status,.status-chip{background:#f1f4f7;color:#657181;border-color:#e3e8ef}.summary{background:#fafbfc;border:1px solid #e8ecf1;border-radius:7px;font-size:12px}.summary strong{color:#d74c33}.notice{background:#fff8ed;border:1px solid #eddcc2;color:#9c7544;border-radius:6px;font-size:12px}#difference{line-height:1.6}.grid{gap:18px}.grid label{font-size:11px}.actions button{font-size:12px}.actions button:not(.primary){background:#fff0eb;color:#d14b32;border-color:#f2d6cd}.actions button:not(.primary):hover{background:#ffe7df}.empty{color:#a0a7b0;font-size:13px}.footer{color:#929ba7;font-size:10px;line-height:1.7}.measurement-status{color:#b88239;background:#fff7e8;border-color:#edddbf}.audit-panel{background:#fafbfc;border-color:#e3e8ee;color:#657181}.audit-panel strong{color:#465263}.product-audit,.audit-entry{border-color:var(--line);color:#6c7786}.placement-actions button{background:#fff}.damage-photos{border-color:var(--line)}details{border-color:var(--line)}summary{color:#687482;font-size:13px}.badge{background:#fff1e9;color:#b97537;border-color:#f0d7bb}.presence-panel{margin-top:24px}.presence-stats>div{background:#fafbfc;border-color:var(--line);color:#5e6b7b}.presence-stats strong{color:#354456}.presence-table td{background:#fff}.presence-heading h2{font-size:15px}
dialog{background:#fff;color:#313c4b;border:1px solid #e1e6ec;border-radius:12px;box-shadow:0 20px 100px #18223226}dialog::backdrop{background:#1a22309c;backdrop-filter:blur(3px)}dialog input,dialog select,dialog textarea{background:#fff;color:#2f3a49}.toast{background:#263340;color:#fff;box-shadow:0 5px 25px #0002;border-radius:7px}.password-heading,.audit-toolbar,.attachment-heading{background:#fff;border-color:var(--line)}.password-status,.attachment-file,.audit-body{border-color:var(--line)}.attachment-file strong{color:#3a4758}.attachment-file small{color:#8c97a5}.attachment-zip-link{color:#df4b33}#loginPanel{border-radius:12px;box-shadow:0 10px 50px #17213108}#loginPanel h1{font-size:25px}#loginPanel label{font-size:12px}
@media(min-width:1600px){#appMain{padding-left:65px;padding-right:65px}}@media(max-width:1200px){#appMain{padding:0 24px 30px;margin-left:190px}.operations-sidebar{width:190px;padding:30px 18px}.count-heading{display:block}.count-heading .stats{margin-top:24px}.stat:first-child{border-left:0}.workspace{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.3fr)}.app-header .brand{display:none}.launch-action{font-size:11px;gap:10px}}
@media(max-width:850px){#appMain{margin:0;padding:0 18px 30px}.operations-sidebar{position:static;width:auto;margin:0 -18px;padding:18px 22px;flex-direction:row;align-items:center;justify-content:space-between}.operations-brand img{width:90px;max-height:30px}.operations-label,.operations-bottom{display:none}.operations-sidebar nav{display:flex;margin:0;gap:6px}.operations-sidebar nav a{padding:9px;font-size:10px}.app-header{min-height:66px}.page-heading{padding-top:24px}.page-heading h1{font-size:26px}.workspace{grid-template-columns:1fr;gap:18px}.overview{margin-top:24px;padding:20px}.stats{grid-template-columns:repeat(2,1fr);gap:18px}.stat{padding:0 16px}.stat:nth-child(odd){border-left:0}.measurement-launch{padding:18px;gap:14px;flex-wrap:wrap}.measurement-launch h2{font-size:14px}.measurement-launch p{font-size:11px}.measurement-launch .eyebrow{font-size:8px}.launch-icon{width:45px;height:45px;font-size:34px}.launch-action{margin-left:59px}.archive-toolbar{gap:14px;flex-wrap:wrap}.archive-tabs{gap:6px}.archive-tabs button{font-size:11px}.archive-search input{min-width:0}.app-nav .nav-item{font-size:11px;padding:8px}.panel{padding:20px}.account{font-size:10px;gap:6px}.account .avatar{display:none}.icon-button{width:34px;min-height:34px;padding:7px}.archive-table td{padding:16px}.archive-table th{padding:16px}.count-heading h1{font-size:24px}}
.actions{background:#fff}.archive-table tbody tr{background:#fff}.archive-table td button:first-child{color:#ce452d;background:#fff0ec}.archive-complete{background:#edf6ef;color:#4f876a;border-color:#dbeadf}.product-brand{background:#f2eef8;color:#8d74a9}.workflow-badge{background:#fff5e7;color:#ad7d3d;border-color:#f1dfc6}.workflow-badge.done{background:#eef7f0;color:#52886a;border-color:#dcebdd}.workflow-badge.unknown{background:#f3eff8;color:#9279ae;border-color:#e7e0ee}#measurements input.pending{background:#fff7ef;border-color:#eacdad}th{background:#fafbfc;color:#7d8796}tbody tr:hover{background:#fafbfc}.audit-body,.attachment-body{background:#fff}
@media print{.operations-sidebar{display:none}#appMain{margin:0;background:white}}
