@font-face{font-family:Vera;src:url('assets/Vera.ttf')}@font-face{font-family:Vera;src:url('assets/VeraBd.ttf');font-weight:700}@font-face{font-family:Vera;src:url('assets/VeraBI.ttf');font-weight:700;font-style:italic}
:root{font-family:Vera,Arial,sans-serif;color:#15171b;background:#f2f3f5;--yellow:#ffdf00}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,a.button,input{font:inherit}button,.button{min-height:44px;border:0;border-radius:6px;padding:12px 17px;background:#e9ecf0;color:#17191d;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.5;cursor:wait}button.primary,.grand{background:var(--yellow);font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid #8c7400;outline-offset:3px}input{min-width:0;width:100%;background:#fff;color:#15171b;border:1px solid #bfc5cf;border-radius:4px;padding:12px;font-size:16px;min-height:46px}input:focus{outline:2px solid #b19800}input[aria-invalid=true]{border:2px solid #c62d20}.brand{background:white;display:flex;gap:20px;padding:24px max(24px,calc((100vw - 1200px)/2));align-items:center;border-bottom:4px solid var(--yellow)}.brand>img{width:120px;height:145px;object-fit:contain}.brand-copy{border-left:3px solid var(--yellow);padding-left:20px;flex:1}h1{font-size:clamp(22px,2.7vw,32px);font-style:italic;line-height:1.06;margin:0 0 8px}.city{display:inline-block;background:var(--yellow);padding:4px 16px;font-style:italic}.brand p{font-size:12px;line-height:1.7;margin:10px 0 0}.document-info{display:grid;grid-template-columns:auto 155px;align-items:center;gap:12px;font-size:12px;font-weight:700}.document-info>.actions{grid-column:1/-1;justify-content:flex-end}main{max-width:1200px;margin:auto;padding:22px}.client-card{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;background:white;padding:20px;margin-bottom:16px}label{font-size:12px;font-weight:700;display:block}label input{margin-top:8px;font-weight:400}.products{padding:20px;background:white;position:relative}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}h2{font-size:19px;margin:0}small{font-size:12px;color:#70757e;font-weight:400}.columns,.product-row{display:grid;grid-template-columns:78px minmax(140px,1fr) 130px 165px 44px;gap:10px;align-items:center}.columns{background:var(--yellow);padding:12px 0;font-size:12px;font-weight:700}.columns span:first-child{padding-left:12px}.product-row{padding-top:10px}.product-row output{text-align:right;font-size:15px;font-weight:700;overflow-wrap:anywhere}.remove{padding:0;font-size:22px}.watermark-space{height:200px;background:url('assets/logo.png') center/auto 180px no-repeat;filter:grayscale(1);opacity:.12;pointer-events:none}.hint,.help p{font-size:12px;line-height:1.7;color:#646b75}.summary{display:flex;justify-content:space-between;gap:20px;margin:16px 0}.summary p,#offline{font-size:12px;line-height:1.7;color:#646b75}.summary dl{width:min(480px,100%);margin:0}.summary dl>div{display:flex;justify-content:space-between;padding:12px 15px;background:white;margin-bottom:4px;gap:16px}.summary dl .grand{background:var(--yellow);font-size:20px}.summary dt{font-weight:700}.summary dd{margin:0;overflow-wrap:anywhere;text-align:right}.actions{display:flex;gap:10px;flex-wrap:wrap}footer{background:white;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:14px}#status{font-size:12px;line-height:1.6}.help{margin:20px 0;font-size:13px}.help summary{cursor:pointer;padding:10px 0}dialog{width:min(720px,94vw);max-height:86vh;border:1px solid #d0d3da;border-radius:12px;padding:24px;color:#17191d}dialog::backdrop{background:#0008}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}#history-list{margin-top:14px;display:grid;gap:8px}.history-item{display:flex;text-align:left;justify-content:space-between;gap:16px;background:#f2f3f5;width:100%;font-size:13px}.history-item small{display:block;margin-top:5px}#pdf-dialog p{line-height:1.6}#pdf-dialog .actions{margin-top:20px}
@media(max-width:850px){.brand{gap:12px;flex-wrap:wrap;padding:20px}.brand>img{width:90px;height:116px}.brand-copy{min-width:220px;padding-left:12px}.document-info{width:100%;grid-template-columns:auto 1fr auto 1fr;gap:10px}.document-info>.actions{grid-column:1/-1}.columns,.product-row{grid-template-columns:60px minmax(120px,1fr) 110px 135px 44px;gap:8px}main{padding:14px}.products{padding:14px}.summary{flex-wrap:wrap}.summary dl{margin-left:auto}}
@media(max-width:580px){.client-card{grid-template-columns:1fr;gap:16px;padding:16px}.columns{display:none}.product-row{grid-template-columns:70px 1fr 44px;border-top:2px solid #ffdf00;margin-top:14px;padding-top:14px}.product-row .description{grid-column:1/-1;grid-row:1}.product-row .price{grid-column:2}.product-row output{grid-column:1/3;text-align:left}.product-row .remove{grid-column:3;grid-row:2/4}.document-info{grid-template-columns:1fr 1fr}.watermark-space{height:160px;background-size:auto 145px}.summary dl{width:100%}footer{align-items:stretch;flex-direction:column}footer .actions button{flex:1}.brand-copy{min-width:180px}.brand>img{width:76px}.brand p{font-size:11px}}
