:root{font-family:Arial,Helvetica,sans-serif;color:#263443;background:#fff;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:24px}header,.section-title,.toolbar,nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}header{align-items:flex-start;margin-bottom:18px}h1{font-size:23px;margin:3px 0}h2{font-size:17px;margin:0 0 12px}p{margin:8px 0}.eyebrow{font-size:11px;letter-spacing:1.2px;color:#56707e;margin:0}.muted{color:#64717d;font-size:13px}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid #b8c7d3;border-radius:5px;background:#fff;color:#263443;padding:8px 14px;cursor:pointer;white-space:normal}button:hover{background:#edf5f9}button.primary{background:#087fb1;border-color:#087fb1;color:white}button.primary:hover{background:#076990}button:disabled{cursor:wait;opacity:.55}input,select,textarea{width:100%;min-width:0;border:1px solid #b8c7d3;border-radius:4px;padding:8px;min-height:40px;background:white;color:#263443}textarea{resize:vertical}label{display:block;font-size:12px;color:#516473}label input,label textarea,label select{display:block;margin-top:4px;color:#263443;font-size:14px}:focus-visible{outline:3px solid #0b89c0;outline-offset:2px}section{padding:20px 0;border-top:1px solid #e0e7ec}#status{background:#eff5f8;padding:12px 14px;border-radius:5px;margin-bottom:18px;overflow-wrap:anywhere}#status.error{background:#fff0ed;color:#9e2b17}#status.success{background:#eaf6ee;color:#24603b}.row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(160px,2fr) 82px 100px 110px 100px 40px;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #e4eaee}.row textarea{min-height:64px}.row .sum{padding-top:27px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.row .remove{padding:6px;min-width:40px;margin-top:22px}.row input[readonly],.row textarea[readonly]{background:#f7f9fa}.totals{display:flex;gap:48px;justify-content:flex-end;padding:20px 0}.totals span{display:block;font-size:13px;color:#64717d}.totals strong{display:block;font-size:23px;font-variant-numeric:tabular-nums}.toolbar{justify-content:flex-start;margin:12px 0 22px}#payment-form,#catalog-search{display:flex;gap:12px;align-items:end;flex-wrap:wrap}#payment-form label{flex:1 1 140px}#payment-form .grow{flex:2 1 200px}.grow{flex:1}.payment,.document,.catalog-row{padding:10px 0;border-bottom:1px solid #e3e9ed;display:flex;justify-content:space-between;align-items:center;gap:12px}.payment small{display:block;color:#64717d}.empty{padding:24px;background:#f5f8fa;border-radius:5px}#related{justify-content:flex-start;margin-bottom:18px}a{color:#0878a6}details{border-top:1px solid #e0e7ec;padding:18px 0}summary{cursor:pointer;font-weight:600}#history{padding-left:22px}#history li{padding:6px;overflow-wrap:anywhere}#workshop-note{white-space:pre-wrap;margin:12px 0}dialog{border:1px solid #bdcbd5;border-radius:8px;padding:22px;width:min(680px,calc(100vw - 28px));max-height:85vh;overflow:auto}dialog::backdrop{background:#172b4059}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.catalog-row div{overflow-wrap:anywhere}.stack{display:grid;gap:6px}[hidden]{display:none!important}@media(max-width:1000px){.row{grid-template-columns:minmax(150px,2fr) minmax(130px,2fr) 72px 90px 78px 90px 40px;gap:6px}main{padding:18px}}@media(max-width:820px){.row{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px 0}.row .name,.row .note{grid-column:span 3}.row .sum{padding:12px 0;text-align:left}.row .remove{margin:0;justify-self:end}.totals{gap:24px;justify-content:space-between}}@media(max-width:440px){main{padding:14px}h1{font-size:20px}.totals{gap:12px}.totals strong{font-size:19px}.totals span{font-size:11px}.toolbar>button{flex:1 1 140px}#payment-form>button{width:100%}.payment{align-items:flex-start}.row{grid-template-columns:1fr 1fr}.row .name,.row .note{grid-column:span 2}.row .sum{padding-top:20px}.row .remove{align-self:end}.section-title{align-items:flex-start}nav{font-size:13px}}@media print{header button,#status,.toolbar,#payment-section,#process-actions,dialog{display:none}}