:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1b2c23;background:#f2f4ed;font-synthesis:none;--ink:#1b2c23;--muted:#58695d;--lime:#d3f887;--line:#d8dfd1;--panel:#fffef9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,a,summary{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #72984a;outline-offset:4px}[hidden]{display:none!important}.demo-banner{background:#d3f887;color:#1b2c23;padding:10px 4%;display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}.demo-banner b{letter-spacing:.6px}.topbar{background:#1b2c23;color:#f5f6ee;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:700}.brand b{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:42px;height:42px;border-radius:10px;font-size:26px;letter-spacing:-2px}.brand span{display:grid;gap:3px;font-size:18px}.brand small{font:10px ui-monospace,monospace;letter-spacing:2px;color:#c1d0b9}.top-actions{display:flex;align-items:center;gap:20px}.top-actions a,.top-actions button{font-size:12px;background:none;color:#f5f6ee;border:0}.rolebar{padding:16px 4%;background:var(--panel);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px;flex-wrap:wrap}.role-tabs{display:flex;background:#ebeee4;border-radius:12px;padding:5px;gap:4px}.role-tabs button{background:transparent;border:0;padding:10px 20px;border-radius:8px;font-weight:650;font-size:14px}.role-tabs [aria-pressed=true]{background:var(--ink);color:white}.count{display:inline-grid;place-items:center;min-width:20px;min-height:20px;padding:0 5px;border-radius:6px;background:var(--lime);color:var(--ink);margin-left:5px;font-size:11px}.session{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.session i{width:7px;height:7px;border-radius:50%;background:#60843f}.save-state{font-size:11px;color:#58695d}.save-state.failed{color:#a42a22}#app{max-width:1440px;padding:40px 4% 70px;margin:auto}.workspace-title{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.eyebrow{font:10px/1.6 ui-monospace,monospace;letter-spacing:1.8px;display:block;color:#64745a;margin-bottom:12px}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,52px);line-height:1.03;letter-spacing:-2px;font-weight:750}h1 em{font-style:normal;color:#67804d}h2{font-size:24px;letter-spacing:-.8px;line-height:1.15}h3{font-size:16px;line-height:1.4}p{line-height:1.6}.workspace-title p{font-size:14px;color:var(--muted);margin-top:15px}.guide{display:grid;gap:8px;padding:20px 25px;border:1px solid var(--line);border-radius:14px;background:#e9eddc;font-size:12px;min-width:245px}.guide b{font-size:14px;margin-bottom:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.stats>div{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:13px;display:grid;gap:7px}.stats span{font-size:12px;color:var(--muted)}.stats strong{font-size:32px;letter-spacing:-1px}.stats small{font-size:10px;color:var(--muted)}.staff-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.main-column{display:grid;gap:24px}.panel{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.panel-title .eyebrow{margin-bottom:8px}.primary,.secondary,.file-button{border:1px solid var(--ink);border-radius:8px;padding:12px 17px;min-height:44px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.primary{background:var(--ink);color:white}.secondary,.file-button{background:transparent;color:var(--ink);border-color:#aabb9f}.quiet{border:0;background:none;padding:10px 3px;font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:40px}.wide{width:100%;margin-top:16px}.scan-actions,.actions{display:flex;gap:10px;flex-wrap:wrap}.hint{font-size:11px!important;line-height:1.6;color:var(--muted);margin:10px 0}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer;max-width:100%}.file-button:focus-within{outline:3px solid #72984a;outline-offset:3px}label{display:grid;gap:7px;font-size:12px;font-weight:600;margin:16px 0}input,textarea,select{width:100%;max-width:100%;min-width:0;padding:11px 12px;background:#fbfcf7;border:1px solid #c6d1bc;border-radius:7px;color:var(--ink);font-size:14px}textarea{resize:vertical}select{min-height:43px}.code-form{display:flex;gap:10px;align-items:end;margin-bottom:22px}.code-form label{flex:1;margin:0}.code-form button{flex:0 0 auto}.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalogue article{border:1px solid var(--line);border-radius:11px;overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:7px}.product-art{background:#e6eddf;border-radius:9px;height:100px;display:grid;place-items:center;flex:0 0 100px}.product-art svg{width:100%;height:85px;fill:#bed19f;stroke:#486144;stroke-width:4}.product-art.glass{background:#e0f1ee}.product-art.glass svg{fill:#a3d3cc;stroke:#3f6a66}.product-art.filter{background:#f0ead9}.product-art.filter svg{fill:#d7c48d;stroke:#796a44}.catalogue h3{font-size:13px}.catalogue p,.catalogue a{font-size:10px;color:var(--muted)}.catalogue .secondary{font-size:11px;padding:8px;margin-top:auto}.catalogue .quiet{font-size:11px;padding:5px}.catalogue a{text-align:center;padding:4px 0}.chip{display:inline-block;font:10px/1.4 ui-monospace,monospace;padding:6px 8px;border-radius:5px;background:#edf0e7;color:#52614b}.chip.urgent{background:#fee2d3;color:#913b1b}.chip.amber{background:#fbefcb;color:#7b5d1b}.chip.resolved{background:#e3efcd;color:#3b5b26}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.draft{position:sticky;top:18px}.draft h2{margin:7px 0 25px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.6}.check input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:#527a35;margin:1px 0}.draft-lines{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.draft-lines article{padding:12px 0;border-bottom:1px solid var(--line)}.draft-lines b,.draft-lines span,.draft-lines small{display:block;font-size:12px;line-height:1.6}.draft-lines span{color:var(--muted);font-size:11px}.line-actions{display:flex;gap:18px}.damage-text{color:#913b1b}.draft-total{display:flex;justify-content:space-between;margin-top:22px;font-size:12px;gap:12px}.matched{display:flex;gap:20px;align-items:center;padding:16px;background:#edf3e5;border-radius:12px;margin-bottom:18px}.matched .product-art{width:100px}.matched p{font-size:12px;margin-top:6px;color:var(--muted)}.matched h3{font-size:20px;margin-top:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.damage-toggle{padding:15px;background:#fbefdc;border-radius:9px}.damage-fields{padding:0 16px 8px;background:#fff6e7;border-radius:9px}details{margin:18px 0;border-top:1px solid var(--line);padding-top:16px}summary{font-size:12px}.photo-head{display:grid;gap:6px;margin:22px 0 10px;font-size:12px}.photo-head .hint{margin:0}.photos{display:flex;gap:10px;flex-wrap:wrap}.photos figure{margin:0;max-width:180px;flex:1;min-width:100px}.photos img{width:100%;height:120px;object-fit:contain;background:#e7eadd;border:1px solid var(--line);border-radius:9px}.photos button{display:block;font-size:11px}.empty{text-align:center;padding:40px 12px;color:var(--muted)}.empty>span{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#e8eddd;font-size:22px;margin-bottom:14px}.empty p{font-size:12px;margin:10px auto;max-width:310px}.activity-card{padding:18px 0;border-bottom:1px solid var(--line)}.activity-title{display:grid;gap:5px;font-size:13px}.activity-title span,.activity-title small{font-size:11px;color:var(--muted)}.decision-result{padding:16px;background:#eaf3de;border:1px solid #b8cc9f;border-radius:10px;margin:14px 0;font-size:13px}.decision-result p{margin-top:8px}.manager-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.manager-select{min-width:230px}.queue{display:grid;gap:12px;margin-top:20px}.queue-card{display:grid;gap:8px;width:100%;text-align:left;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f6f8f0}.queue-card.selected{border-color:#688b48;box-shadow:inset 0 0 0 1px #688b48;background:#eef4e3}.queue-card>span,.queue-card>small{font-size:11px;color:var(--muted)}.queue-card .chips{margin:2px 0 0}.review-item{border-bottom:1px solid var(--line);padding:20px 0}.review-item-title{display:flex;gap:18px;align-items:center}.review-item-title .product-art{width:85px;flex-basis:85px;height:70px}.review-item-title svg{height:60px}.review-item p{font-size:12px;color:var(--muted)}.damage-callout{background:#fff2df;padding:14px;border-radius:9px;margin:14px 0;font-size:13px}.damage-callout p{color:#744b29;margin-top:7px}.decision-form{padding:20px;background:#edf1e5;border-radius:12px;margin:24px 0}.history{margin-top:30px}.history p{display:grid;gap:5px;border-left:2px solid #aabb92;padding:5px 0 18px 16px;font-size:12px}.history h3{margin-bottom:18px}.history small{color:var(--muted)}.owner-summary{margin-top:24px}.owner-summary>p{font-size:13px;color:var(--muted);margin:12px 0}.owner-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.notice{max-width:1324px;margin:16px 4% 0;padding:14px 18px;background:#e7f0d6;border:1px solid #a3bf83;border-radius:10px;font-size:13px;line-height:1.6}.notice.error{background:#fff0df;border-color:#d5ac70}.demo-footer{padding:25px 4%;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.7;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.demo-footer p{max-width:700px}dialog{border:1px solid #82956f;border-radius:18px;padding:26px;max-width:min(560px,calc(100% - 30px));background:var(--panel);color:var(--ink)}dialog::backdrop{background:#102419b3}dialog h2{margin-bottom:15px}dialog p{font-size:13px;margin:12px 0}video{width:100%;max-height:340px;background:#17251d;border-radius:12px}dialog .actions{margin-top:20px}.camera-frame{position:relative}#camera-status{color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:99}.demo-note{padding:15px 4%;font-size:11px;color:#5a6b50;background:#e8eddf;line-height:1.7}
@media(max-width:1100px){.staff-layout{grid-template-columns:minmax(0,1fr) 290px}.catalogue{grid-template-columns:1fr}.catalogue article{display:grid;grid-template-columns:90px 1fr;gap:8px 14px}.catalogue .product-art{grid-row:1/5;height:100%;min-height:100px}.catalogue .secondary,.catalogue .quiet,.catalogue a{grid-column:2}.catalogue a{text-align:left}.guide{min-width:220px}.manager-layout{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:760px){.workspace-title{align-items:flex-start;flex-direction:column}.guide{width:100%}.staff-layout,.manager-layout{grid-template-columns:1fr}.draft{position:static;grid-row:2}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:16px}.rolebar{align-items:flex-start}.session{flex-wrap:wrap}.panel{padding:20px}.top-actions{gap:10px}.top-actions a{display:none}.manager-select{width:100%}#app{padding-top:28px}.matched{padding:12px;gap:12px}.matched h3{font-size:18px}.fields{gap:12px}.draft h2{margin-bottom:12px}.catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue article{display:flex;padding:9px}.catalogue .product-art{width:100%;min-height:75px;height:75px;flex-basis:75px}.catalogue .product-art svg{height:65px}.catalogue a{text-align:center}.catalogue .secondary{padding:8px 4px}.catalogue h3{font-size:11px}.catalogue p{font-size:9px}.role-tabs button{padding:10px 17px}.brand span{font-size:16px}.brand small{font-size:9px}h1{letter-spacing:-1.5px}.guide{display:none}}
@media(max-width:390px){.catalogue{grid-template-columns:1fr}.catalogue article{display:grid;grid-template-columns:80px 1fr}.catalogue .product-art{grid-row:1/5;height:100%;min-height:95px}.catalogue .secondary,.catalogue .quiet,.catalogue a{grid-column:2}.catalogue a{text-align:left}.catalogue h3{font-size:13px}.fields{grid-template-columns:1fr;gap:0}.code-form{align-items:stretch;flex-direction:column}.panel{padding:17px}.matched .product-art{width:75px;flex-basis:75px}.matched{flex-wrap:wrap}.stats small{line-height:1.4}.stats strong{font-size:28px}.topbar{gap:10px}.brand{gap:8px}.brand span{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.panel{animation:arrive .22s ease-out}@keyframes arrive{from{opacity:.8;transform:translateY(4px)}to{opacity:1;transform:none}}}
.pairing{margin:24px auto;max-width:1440px;border:1px solid #a5bb90;background:linear-gradient(125deg,#e8f1dc,#f6f8f1);border-radius:22px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:32px}.pairing h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1.4px;line-height:1.1;margin:12px 0}.pairing p{max-width:650px;font-size:14px;line-height:1.7}.pairing small{display:block;color:#596a4c;font-size:11px;line-height:1.6;max-width:650px}.pairing .actions{margin-top:20px}.pair-qr{flex:0 0 200px;text-align:center}.pair-qr canvas{max-width:100%;height:auto!important;border-radius:14px}.pair-qr b{display:block;font-size:12px;margin:10px 0}.pairing>button{flex-shrink:0}.pairing input{width:100%;min-width:0}#connection-state{font-weight:700;color:#3d6428}#connection-state.failed{color:#9c4c1f}[hidden]{display:none!important}@media(max-width:760px){.pairing{margin:18px 16px;padding:24px;flex-direction:column;align-items:stretch}.pair-qr{flex:auto;align-self:center}.pairing .actions{gap:10px}}