:root{--bg:#eef0ec;--surface:#ffffff;--ink:#182236;--muted:#68707f;--line:#dde0d8;--accent:#1a9c4f;--accent-soft:#dff2e6;--green:#166534;--green-bg:#e7f2e9;--amber:#92400e;--amber-bg:#fdf3e3;--red:#b91c1c;--red-bg:#fdecec;--radius:10px;--shadow:0 1px 2px rgba(24,34,54,.06),0 8px 24px rgba(24,34,54,.06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}input,select,textarea,button{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:650}a{color:var(--accent)}.topbar{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:10px 18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;margin-right:8px}.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.brand b{font-size:15px}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav button,.nav a{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:550;text-decoration:none;display:inline-block}.nav button.on,.nav a.on{background:var(--accent-soft);color:var(--accent)}.spacer{flex:1}.whoami{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.whoami b{color:var(--ink)}.rolechip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600;white-space:nowrap;text-decoration:none}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:var(--surface);color:var(--accent);border-color:#c6d2de}.btn.ghost:hover{background:var(--accent-soft);filter:none}.btn.quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn.quiet:hover{background:#eceee9;color:var(--ink)}.btn.danger{background:var(--surface);border-color:#e4c2c2;color:var(--red)}.btn.danger:hover{background:var(--red-bg)}.btn.small{padding:5px 9px;font-size:12.5px;border-radius:7px}.btn:disabled{opacity:.5;cursor:not-allowed}main{max-width:1220px;margin:0 auto;padding:22px 18px 90px}.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.page-head h2{font-size:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card .pad{padding:16px 18px}.hint{color:var(--muted);font-size:12.5px}.sec-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.section{margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.stat .k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat .v{font-size:23px;font-weight:700;margin-top:4px}.stat .v.small{font-size:18px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;min-width:760px}table.data th{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:10px 12px;border-bottom:1px solid #edeee9;vertical-align:middle}table.data tr:last-child td{border-bottom:0}table.data tr:hover td{background:#f7f8f4}td.amount,th.amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:650}.badge.draft{background:var(--amber-bg);color:var(--amber)}.badge.sent{background:var(--green-bg);color:var(--green)}.badge.mode{background:var(--accent-soft);color:var(--accent)}.badge.type{background:#eceef1;color:#4a5568}.row-actions{display:flex;gap:4px;flex-wrap:wrap}.empty{padding:34px 18px;text-align:center;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filters input,.filters select{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.filters input[type=search]{min-width:220px;flex:1}.grid{display:grid;gap:12px}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}@media(max-width:760px){.grid.c3,.grid.c2{grid-template-columns:1fr}}.field label{display:block;font-size:11.5px;font-weight:650;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;background:#fbfbf9;border:1px solid var(--line);border-radius:8px;padding:9px 10px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #b9cde0;border-color:var(--accent)}.field input:disabled{background:#eef0ec;color:var(--muted)}.field textarea{resize:vertical;min-height:64px}.err{background:var(--red-bg);border:1px solid #e9c9c9;color:var(--red);border-radius:var(--radius);padding:12px 16px;margin-bottom:14px}.err ul{margin:4px 0 0;padding-left:18px}.ed-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ed-bar h2{font-size:18px;margin-right:auto}.savechip{font-size:12px;color:var(--muted);white-space:nowrap}.savechip.dirty{color:var(--amber)}.savechip.saved{color:var(--green)}.panel-card{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;background:var(--surface)}.panel-card>.head{background:var(--accent-soft);display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer}.panel-card>.head .pn{background:var(--accent);color:#fff;border-radius:6px;padding:1px 9px;font-weight:700;font-size:12.5px}.panel-card>.head .tot{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}.panel-card>.head .chev{transition:.15s;color:var(--muted)}.panel-card.collapsed>.body{display:none}.panel-card.collapsed .chev{transform:rotate(-90deg)}.panel-card>.body{padding:14px}.panel-card .pname{border:0;background:transparent;font-weight:700;font-size:14px;min-width:160px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;margin-bottom:12px}@media(max-width:820px){.spec-grid{grid-template-columns:repeat(2,1fr)}}.mini-field label{display:block;font-size:10.5px;font-weight:650;color:var(--muted);margin-bottom:3px}.mini-field input,.mini-field select{width:100%;background:#fbfbf9;border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-size:12.5px}.grp{margin-top:10px}.grp-head{display:flex;align-items:center;gap:8px;background:var(--accent-soft);border-radius:6px;padding:5px 10px;font-weight:700;font-size:12px;letter-spacing:.04em}.grp-head input{border:0;background:transparent;font-weight:700;font-size:12px;min-width:120px}.items-wrap{overflow-x:auto}.add-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line,#d8ddd8)}.add-row .btn{flex:0 1 auto}@media(max-width:560px){.add-row .btn{flex:1 1 100%}}table.items{width:100%;border-collapse:collapse;min-width:820px;margin-top:4px}table.items th{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:6px;border-bottom:1px solid var(--line);white-space:nowrap}table.items td{padding:4px;border-bottom:1px solid #edeee9;vertical-align:top}table.items input,table.items select{width:100%;background:#fbfbf9;border:1px solid var(--line);border-radius:6px;padding:6px 7px;font-size:12.5px}table.items td.n{width:34px;color:var(--muted);text-align:center;padding-top:12px}table.items td.ref{width:150px;position:relative}table.items td.unit,table.items td.qty{width:64px}table.items td.price{width:96px}table.items td.disc{width:64px}table.items td.brand{width:120px}table.items td.dlv{width:110px}table.items td.dlv input{min-width:92px}table.items td.cost{width:96px}table.items td.cost input{background:#fffdf5;border-color:#e6dcc0}table.items td.lt{width:110px;text-align:right;font-variant-numeric:tabular-nums;font-weight:650;padding-top:12px;white-space:nowrap}table.items td.acts{width:70px;white-space:nowrap;padding-top:7px}table.items td.acts button{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:24px;height:24px;cursor:pointer;color:var(--muted);margin-right:2px}table.items td.acts button:hover{background:var(--accent-soft);color:var(--accent)}table.items td.acts button.del:hover{background:var(--red-bg);color:var(--red)}table.items{min-width:760px}table.items td.unit input{min-width:52px;text-transform:uppercase}table.items td.qty input,table.items td.disc input,table.items td.price input{min-width:56px}.ac-float{position:fixed;z-index:9999;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #18223638;overflow-y:auto}.ac-float .opt{padding:8px 10px;cursor:pointer;border-bottom:1px solid #f0f1ec}.ac-float .opt:last-child{border-bottom:0}.ac-float .opt:hover,.ac-float .opt.hl{background:var(--accent-soft)}.ac-float .opt .r{font-weight:700;font-size:12.5px;color:var(--accent)}.ac-float .opt .d{font-size:11.5px;color:#3d4657;margin-top:1px}.ac-float .opt .b{margin-left:7px;font-weight:600;font-size:10.5px;color:#6b7280;letter-spacing:.02em}.ac-float .opt .p{float:right;font-variant-numeric:tabular-nums;font-weight:650;font-size:12px;color:var(--ink)}.ac-float .none{padding:10px;color:var(--muted);font-size:12.5px}.bbrow .bbcell{padding:6px 8px!important}.bbwrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.bbtag{background:var(--accent);color:#fff;font-weight:800;font-size:11px;padding:2px 8px;border-radius:6px;letter-spacing:.05em}.bbwrap label{display:flex;flex-direction:column;font-size:11px;color:#666;font-weight:600;gap:2px}.bbwrap label input,.bbwrap label select{width:82px}.bbcalc{font-size:12px;color:#333;margin-left:auto}.bbcalc b{color:var(--ink)}@media(max-width:760px){.bbrow .bbcell{padding:8px!important}.bbwrap{gap:8px}.bbwrap label{flex:1 1 44%}.bbwrap label input,.bbwrap label select{width:100%}.bbcalc{margin-left:0;flex-basis:100%;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}}.totals{margin-left:auto;max-width:430px;width:100%}.totals .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #e4e6de}.totals .row:last-child{border-bottom:0}.totals .lbl{color:var(--muted);font-weight:600;font-size:13px}.totals .amt{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.totals .grand{border-top:2px solid var(--ink);margin-top:4px;padding-top:10px}.totals .grand .lbl{color:var(--ink);font-size:14px}.totals .grand .amt{font-size:19px;font-weight:750;color:var(--accent)}.totals input.mini{width:96px;background:#fbfbf9;border:1px solid var(--line);border-radius:7px;padding:6px 8px;text-align:right}.totals select.mini{background:#fbfbf9;border:1px solid var(--line);border-radius:7px;padding:6px}.inline-ctl{display:flex;align-items:center;gap:6px}.margins{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}.margins .amt.pos{color:var(--green)}.margins .amt.neg{color:var(--red)}.doc-wrap{overflow-x:auto;padding:4px}@media(max-width:820px){.doc-wrap{padding:0}}@media(max-width:600px){.doc-wrap{overflow-x:hidden}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:390px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #1822361f;padding:28px 26px}.login-card .mark{width:44px;height:44px;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-bottom:14px}.login-card h1{font-size:19px;margin-bottom:2px}.login-card p.sub{color:var(--muted);font-size:13px;margin:0 0 20px}.login-card .field{margin-bottom:12px}.login-card .btn{width:100%;justify-content:center;margin-top:6px}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:13.5px;opacity:0;pointer-events:none;transition:.25s;z-index:100;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.show.bad{background:var(--red)}.loading{padding:40px;text-align:center;color:var(--muted)}@media(max-width:900px){main{padding:16px 12px 90px}.topbar{padding:8px 12px;gap:6px}.brand b{font-size:14px}.ed-bar{gap:6px}.ed-bar h2{font-size:16px;flex-basis:100%;margin-bottom:4px}.spec-grid,.stats{grid-template-columns:repeat(2,1fr)}.totals{max-width:none}}@media(max-width:640px){.topbar .nav{order:3;flex-basis:100%;justify-content:space-between}.topbar .brand{margin-right:auto}.spec-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.grid.c3,.grid.c2{grid-template-columns:1fr}.panel-card>.head{flex-wrap:wrap;gap:6px}.panel-card>.head .pname{min-width:120px;flex:1}.panel-card>.head .tot{margin-left:0;order:5;flex-basis:100%}.ed-bar .btn{flex:1;justify-content:center}.filters input[type=search]{min-width:0}}@media(max-width:600px){main{padding:12px 8px 90px}.card .pad{padding:14px 12px}.ed-bar{flex-wrap:wrap}.ed-bar .btn{flex:1 1 auto}h2{font-size:17px}.sec-label{font-size:12px}.stats{grid-template-columns:1fr}.brand b{font-size:13px}.brand .mark{width:28px;height:28px;font-size:12px}}@media(max-width:420px){table.items{min-width:640px}}@media(max-width:760px){input,select,textarea,.btn{font-size:16px;min-height:42px}table.items input,table.items select{min-height:38px}.btn.small{min-height:34px}.ed-bar{position:sticky;top:0;z-index:30;background:var(--bg);padding-top:6px;padding-bottom:6px}.items-wrap{position:relative}}@media(max-width:760px){table.items{min-width:0!important;width:100%}table.items thead{display:none}table.items,table.items tbody,table.items tr,table.items td{display:block;box-sizing:border-box}table.items tr{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:10px 12px 12px;background:#fff;position:relative}table.items td,table.items td.n,table.items td.ref,table.items td.desc,table.items td.unit,table.items td.qty,table.items td.price,table.items td.cost,table.items td.disc,table.items td.brand,table.items td.dlv,table.items td.lt,table.items td.acts{width:auto;max-width:none;min-width:0;border:none!important;padding:5px 0!important;display:flex;align-items:center;gap:10px}table.items td input,table.items td select{flex:1 1 auto;width:auto;min-width:0}table.items td.n{font-weight:800;color:var(--accent);padding-bottom:2px!important}table.items td.n:before{content:"Item ";font-weight:800}table.items td.ref:before{content:"Part Number"}table.items td.desc:before{content:"Description"}table.items td.qty:before{content:"Qty"}table.items td.price:before{content:"Unit Price"}table.items td.cost:before{content:"Cost"}table.items td.disc:before{content:"Disc %"}table.items td.brand:before{content:"Brand"}table.items td.dlv:before{content:"Delivery"}table.items td.lt:before{content:"Total";font-weight:700}table.items td.ref:before,table.items td.desc:before,table.items td.qty:before,table.items td.price:before,table.items td.cost:before,table.items td.disc:before,table.items td.brand:before,table.items td.dlv:before,table.items td.lt:before{flex:0 0 88px;font-size:12px;color:#666;font-weight:600;line-height:1.25}table.items td.ref{position:static}table.items td.lt{justify-content:space-between;font-weight:700;border-top:1px dashed var(--line)!important;margin-top:4px;padding-top:10px!important}table.items td.acts{justify-content:flex-end;gap:12px}table.items td.acts button{min-width:44px;min-height:40px}table.items tr.bbrow td.bbcell{display:block;padding:4px 0!important}}@media(max-width:760px){table.data{min-width:0!important;width:100%}table.data thead{display:none}table.data,table.data tbody,table.data tr,table.data td{display:block;box-sizing:border-box}table.data tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:10px 12px;background:var(--surface)}table.data tr:hover td{background:transparent}table.data td{width:auto;border:none!important;padding:5px 0!important;display:flex;align-items:center;gap:10px;text-align:left!important}table.data td:before{content:attr(data-label);flex:0 0 104px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;line-height:1.3}table.data td:not([data-label]):before,table.data td[data-label=""]:before{display:none}table.data td.amount{justify-content:flex-start}table.data td .row-actions{flex:1 1 auto;justify-content:flex-start}table.data td .row-actions .btn{min-height:38px}.table-wrap{overflow-x:visible}}@media print{body{background:#fff}body *{visibility:hidden}#docPrint,#docPrint *{visibility:visible}#docPrint{position:absolute;left:0;top:0;width:100%}.topbar,.ed-bar,#toast,.hint{display:none!important}main{padding:0;max-width:none}.doc-wrap{overflow:visible;padding:0}}@media(max-width:760px){.topbar{padding:8px 10px;gap:6px;row-gap:4px}.brand{margin-right:auto;gap:8px}.brand b{font-size:14px}.nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:2px;padding-bottom:2px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a,.nav button{padding:7px 10px;font-size:13.5px;white-space:nowrap;min-height:0}.whoami{order:2;gap:6px;font-size:12px}.whoami .rolechip{display:none}.whoami .btn{padding:6px 10px;min-height:0;font-size:12.5px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filters input[type=search]{grid-column:1 / -1;min-width:0}.filters input,.filters select{width:100%;min-width:0}.page-head{gap:8px;row-gap:6px}.page-head h2{font-size:18px;flex:1 1 100%}.page-head .btn,.page-head select{flex:1 1 auto}}@media(max-width:600px){.ed-bar{gap:6px;padding-top:8px;padding-bottom:8px}.ed-bar h2{font-size:15px;flex-basis:100%;margin:0 0 2px}.ed-bar .savechip{flex-basis:100%;order:5}.ed-bar .btn{flex:1 1 0;min-width:0;justify-content:center;padding:8px 10px;white-space:normal;line-height:1.25;text-align:center}.ed-bar .btn.quiet{flex:0 0 auto;justify-content:flex-start;padding-left:0}.ed-bar .btn-wide{flex:1 1 100%;order:4}}