*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d1d1f;background:#f5f5f2}
header{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 14px;background:#1d1d1f;color:#fff}
header .build{opacity:.55;font-size:12px}
header nav{display:flex;flex-wrap:wrap;gap:4px}
header nav button{background:transparent;color:#fff;border:1px solid #555;padding:5px 10px}
header nav button.on{background:#fff;color:#1d1d1f}
#who{margin-left:auto;font-size:13px;opacity:.8}
main{max-width:1100px;margin:0 auto;padding:14px}
h2{margin:6px 0 12px}h3{margin:20px 0 8px}
form{display:flex;flex-direction:column;gap:8px;max-width:560px}
form.row,.row{flex-direction:row;flex-wrap:wrap;align-items:flex-end;max-width:none;gap:8px}
label{display:flex;flex-direction:column;font-size:13px;color:#555;gap:3px}
input,select{font:inherit;padding:7px 8px;border:1px solid #c8c8c3;border-radius:6px;background:#fff;min-width:0}
button{font:inherit;padding:8px 14px;border:0;border-radius:6px;background:#1d1d1f;color:#fff;cursor:pointer}
button.sec{background:#e4e4df;color:#1d1d1f}
button:disabled{opacity:.5}
table{border-collapse:collapse;width:100%;background:#fff;font-size:13px}
th,td{border-bottom:1px solid #e6e6e1;padding:6px 8px;text-align:left;vertical-align:top}
th{background:#ecece7;position:sticky;top:0}
td.n,th.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
tr.rev td{color:#999;text-decoration:line-through}
tr.storno td{color:#a33}
tr.total td{font-weight:600;background:#f3f3ee}
.scroll{overflow:auto;max-height:70vh}
.hint{color:#666;font-size:13px}
.ok{color:#1a7f37}.bad{color:#b42318}
#msg{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);padding:10px 16px;border-radius:8px;background:#1d1d1f;color:#fff;display:none;max-width:90vw}
#msg.err{background:#b42318}
@media (max-width:640px){header nav button{padding:4px 7px;font-size:13px}#who{width:100%;margin:0}}
.corr{border:1px dashed #b42318;border-radius:8px;padding:8px 10px;background:#fff7f6}
label.chk{flex-direction:row;align-items:center;gap:8px;color:#1d1d1f;font-size:14px}
tr.corr td{background:#fff3e8}
header .lang{background:transparent;color:#fff;border:1px solid #777;padding:4px 9px;font-size:13px}
.bigbtn{display:inline-block;padding:16px 22px;border-radius:10px;background:#1d1d1f;color:#fff;font-size:17px;cursor:pointer;margin:4px 0}
.bigbtn input{display:none}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.card{display:flex;gap:10px;background:#fff;border:1px solid #e1e1dc;border-radius:10px;padding:8px;cursor:pointer;align-items:flex-start}
.card img{width:64px;height:84px;object-fit:cover;border-radius:6px;background:#eee;flex:none}
.card .t{font-weight:600}.card .s{font-size:13px;color:#555}
.card .badge{display:inline-block;font-size:12px;border-radius:5px;padding:1px 6px;background:#fff1b8;color:#6b5100;margin-top:3px}
.card .badge.ok{background:#e3f4e6;color:#1a7f37}.card .badge.no{background:#fde7e4;color:#b42318}
.proc{display:flex;gap:8px;align-items:center;font-size:14px;color:#555;margin:4px 0}
.proc img{width:36px;height:48px;object-fit:cover;border-radius:4px}
.rc-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-top:10px}
.rc-img{flex:0 1 340px}
.rc-img img{max-width:100%;max-height:75vh;border-radius:8px;border:1px solid #ddd;background:#fff}
#f-rc{flex:1 1 420px}
label.unsure input,label.unsure select,.lines-box.unsure{background:#fff6cc;border-color:#e0b400}
.note{background:#fff6cc;border-radius:8px;padding:8px 10px;margin:0}
.warn{color:#8a5a00}
#rc-lines input,#rc-lines select{width:100%;padding:5px}
#rc-lines td{padding:3px}
#rc-lines tr.unsure input{background:#fff6cc}
.lines-box{border:1px solid #e1e1dc;border-radius:8px;padding:8px;background:#fff}
@media (max-width:640px){.rc-img{flex-basis:100%}.rc-img img{max-height:45vh}}
.pdfph{width:64px;height:84px;border-radius:6px;background:#e9e9e4;display:flex;align-items:center;justify-content:center;font-weight:600;color:#777;flex:none}
