:root{font-family:"Segoe UI",Arial,sans-serif;color:#242424;background:#f5f5f5;font-synthesis:none;--blue:#0f6cbd;--line:#d1d1d1;--danger:#c50f1f}*{box-sizing:border-box}body{margin:0}.appbar{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.appbar div{display:flex;gap:14px;align-items:baseline}.appbar strong{font-size:20px}.appbar span{color:#616161}main{max-width:1320px;margin:auto;padding:24px}.toolbar{display:flex;gap:12px;background:#fff;padding:16px;border:1px solid var(--line);border-radius:8px}.toolbar label:first-child{flex:1}label{display:grid;gap:6px;font-size:13px;font-weight:600}input,select,textarea{font:inherit;padding:9px;border:1px solid #8a8886;border-radius:4px;background:white}button{font:inherit;border-radius:4px;border:1px solid transparent;padding:9px 14px;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#fff;border-color:var(--blue);color:var(--blue)}.quiet{background:transparent;border-color:var(--line)}.danger{background:#fff;color:var(--danger);border-color:#d13438}.notice{padding:12px;margin-bottom:16px;border-left:4px solid var(--blue);background:#fff}.hidden{display:none}.records{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.record{display:grid;grid-template-columns:1.1fr 2fr 1fr 1fr 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #e8e8e8}.record:last-child{border:0}.status{width:max-content;padding:3px 8px;border-radius:12px;background:#e8e8e8;text-transform:capitalize}.status.issued{background:#deecf9;color:#004578}.status.accepted{background:#dff6dd;color:#0b6a0b}dialog{border:0;border-radius:10px;box-shadow:0 12px 40px #0004;padding:0;max-width:min(1120px,96vw);width:100%}dialog::backdrop{background:#0008}#quoteForm{padding:24px}#quoteForm>header,#quoteForm>footer{display:flex;justify-content:space-between;align-items:center}.eyebrow{margin:0;color:#616161}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.line{display:grid;grid-template-columns:1.2fr .8fr 2fr .65fr .65fr .85fr .85fr auto;gap:8px;align-items:end;padding:12px 0;border-bottom:1px solid #e8e8e8}.line textarea{min-height:40px;resize:vertical}details{margin:18px 0}details label{margin:12px 0}#quoteForm footer{justify-content:flex-end;gap:8px}.viewer-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px;background:#f5f5f5;position:sticky;top:0}.document{background:#fff;width:8.5in;min-height:11in;margin:auto;padding:.48in .65in;font-family:Arial,sans-serif;color:#111}.doc-head{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;border-bottom:1px solid #222;padding-bottom:16px}.brand{font-size:34px;font-weight:800;color:#d60000}.brand span{display:block;color:#555}.company-meta{text-align:right;font-size:12px;line-height:1.6}.doc-title{text-align:center;letter-spacing:.12em;margin:16px 0}.info{display:grid;grid-template-columns:100px 1fr 100px 1fr;gap:12px 16px;font-size:13px}.intro{margin:26px 0}.document h3{font-weight:400;text-decoration:underline;margin:24px 0 10px}.doc-table{width:100%;border-collapse:collapse;font-size:12px}.doc-table th,.doc-table td{border:1px solid #333;padding:9px;text-align:left;vertical-align:top}.totals{margin:18px 0 22px auto;width:43%;border-collapse:collapse}.totals td{padding:8px;border-bottom:1px solid #ddd}.totals td:last-child{text-align:right;font-weight:700}.legal{margin-top:36px;padding-top:10px;border-top:1px solid #aaa;text-align:center;font-size:10px}.non-vat{font-weight:700;border:1px solid #111;padding:8px;margin:12px 0}.empty{padding:40px;text-align:center;color:#616161}@media(max-width:900px){main{padding:12px}.toolbar,.formgrid{display:grid;grid-template-columns:1fr}.record{grid-template-columns:1fr 1fr}.record>*::before{display:block;font-size:11px;color:#616161}.line{grid-template-columns:1fr 1fr}.line .wide{grid-column:1/-1}.document{transform-origin:top left;width:8.5in}.viewer-actions{flex-wrap:wrap}}@media print{body{background:#fff}.appbar,main,.viewer-actions{display:none!important}dialog#viewer{display:block;position:static;width:auto;max-width:none;box-shadow:none}.document{width:8.5in;min-height:11in;padding:.42in .6in;margin:0}.doc-title{margin:10px 0}.intro{margin:18px 0}.document h3{margin:18px 0 8px}@page{size:Letter;margin:0}}