:root{--navy:#152b52;--yellow:#ffd847;--paper:#fffaf0;--ink:#182033;--muted:#667085;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#d7e0f0}*{box-sizing:border-box}body{margin:0;font-size:16px;background:linear-gradient(90deg,#cbd6ea 1px,transparent 1px),linear-gradient(#cbd6ea 1px,transparent 1px),#eef2f8;background-size:24px 24px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.8rem;z-index:10}.bar{display:flex;align-items:center;gap:1.2rem;padding:.8rem 2rem;background:var(--navy);color:white;min-height:62px}.brand{color:var(--yellow);font-weight:900;letter-spacing:.15em;text-decoration:none}.bar>span{font:700 .85rem 'Courier New',monospace;letter-spacing:.1em;border-left:1px solid #71809e;padding-left:1.2rem}.bar nav{margin-left:auto;display:flex;gap:.5rem}.bar button,.file{background:transparent;border:1px solid #8b98af;color:white;padding:.55rem .7rem;font:inherit;cursor:pointer}.file input{position:absolute;width:1px;height:1px;opacity:0}.file:focus-within{outline:3px solid var(--yellow);outline-offset:2px}.title-block{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;max-width:1450px;margin:auto;padding:2.3rem 2rem 1.7rem}.title-block h1{margin:.2rem 0;font-size:clamp(2.8rem,6vw,6.5rem);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.title-block h1 i{font-style:normal;color:var(--navy);background:var(--yellow);padding:0 .08em}.title-actions{display:flex;gap:.5rem;flex-wrap:wrap}.eyebrow{font:800 .75rem 'Courier New',monospace;letter-spacing:.1em;color:var(--navy)}button{font:inherit;cursor:pointer}.primary,.secondary{border:2px solid var(--navy);padding:.7rem .9rem;font-weight:800;background:var(--navy);color:white}.secondary{background:white;color:var(--navy)}#notice{max-width:1450px;margin:0 auto .6rem;padding:0 2rem;min-height:1.5rem;color:#a52718;font-weight:700}.workspace{max-width:1450px;margin:auto;display:grid;grid-template-columns:390px minmax(0,1fr);border:3px solid var(--navy);box-shadow:10px 10px 0 rgba(21,43,82,.18)}.catalog{background:#ecf1fa;border-right:3px solid var(--navy);padding:1.3rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.section-head h2{margin:.2rem 0}.import{color:var(--navy);border:2px solid var(--navy);background:white}label{display:block;font-weight:800;font-size:.88rem;margin:.7rem 0}input,textarea{width:100%;border:2px solid var(--navy);padding:.62rem;background:white;font:inherit;margin-top:.3rem}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.form-actions{display:flex;gap:.5rem}.hidden{display:none}.link-button{border:0;background:transparent;text-decoration:underline;font-weight:800;color:var(--navy);padding:.8rem 0}.product-card{border-top:1px solid #99a5ba;padding:.75rem 0;display:grid;grid-template-columns:1fr auto;gap:.5rem}.product-card strong,.product-card span{display:block}.p-meta{font:700 .74rem 'Courier New',monospace;color:#5d6980;margin-top:.2rem}.card-actions button{border:1px solid var(--navy);background:white;padding:.35rem;margin-left:.2rem}.danger{color:#a52718}.pad{background:var(--paper);padding:1.6rem;position:relative}.pad:after{content:"";position:absolute;inset:8px;border:1px solid rgba(21,43,82,.15);pointer-events:none}.pad-top,.buyer-grid,.table-wrap,.order-bottom,.pad-actions{position:relative;z-index:1}.pad-top{display:flex;justify-content:space-between;align-items:start;border-bottom:5px solid var(--navy)}.pad-top label{width:min(420px,65%)}.pad-top input{font-size:1.5rem;font-weight:900;border:0;border-bottom:2px solid var(--navy);background:transparent}.order-no{background:var(--navy);color:white;padding:.7rem 1rem;text-align:right}.order-no span{font:700 .7rem 'Courier New',monospace;display:block;color:var(--yellow)}.order-no strong{font-size:1.25rem}.buyer-grid{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:.7rem;background:#fff1ae;padding:.7rem 1rem;margin:1rem 0;border:1px solid #d8bd3e}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font:800 .72rem 'Courier New',monospace;text-align:left;text-transform:uppercase;background:var(--navy);color:white;padding:.65rem}td{border-bottom:1px solid #aab0b9;padding:.65rem}th:nth-child(n+2),td:nth-child(n+2){text-align:right}.line-name{font-weight:900}.line-meta{display:block;color:var(--muted);font-size:.75rem;margin-top:.2rem}.qty{width:78px;margin:0;text-align:right}.qty.invalid{border-color:#bd2414;background:#fff0ed}.qty-note{display:block;color:#a52718;font-size:.7rem;min-height:.9rem}.order-bottom{display:grid;grid-template-columns:1fr 300px;gap:1.2rem;margin-top:1rem}.totals{border-left:2px solid var(--navy);padding-left:1rem}.totals label{display:grid;grid-template-columns:1fr 100px;align-items:center}.totals label input{margin:0}.totals>div{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid #aab0b9}.totals .grand{background:var(--navy);color:white;margin:.4rem -.5rem 0;padding:.8rem .5rem;font-size:1.15rem}.totals p{text-align:right;font:700 .75rem 'Courier New',monospace}.pad-actions{display:flex;gap:.5rem;margin-top:1rem}footer{max-width:1450px;margin:1rem auto 0;background:var(--navy);color:white;display:flex;justify-content:space-between;gap:1rem;padding:1rem 2rem;font-size:.78rem}
@media(max-width:850px){.bar{padding:.7rem 1rem;flex-wrap:wrap}.bar>span{display:none}.bar nav{order:2;margin:0;width:100%;overflow:auto}.bar button,.file{white-space:nowrap}.title-block{grid-template-columns:1fr;padding:1.7rem 1rem}.title-block h1{font-size:3.4rem}.workspace{grid-template-columns:1fr;border-left:0;border-right:0;box-shadow:none}.catalog{border-right:0;border-bottom:3px solid var(--navy)}#notice{padding:0 1rem}.pad{padding:1rem}.buyer-grid{grid-template-columns:1fr 1fr}.order-bottom{grid-template-columns:1fr}.totals{border-left:0;border-top:2px solid var(--navy);padding:1rem 0 0}.pad-top label{width:60%}footer{margin-top:0;flex-direction:column}.table-wrap{margin:0 -.4rem}th,td{padding:.5rem}.line-meta{max-width:150px}}@media(max-width:420px){.title-block h1{font-size:2.8rem}.two,.buyer-grid{grid-template-columns:1fr}.title-actions>*{flex:1}.pad-top{display:block}.pad-top label{width:100%}.order-no{text-align:left}.workspace{min-width:0}.catalog{padding:1rem}.pad{font-size:.9rem}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;left:-9999px}tr{border-top:2px solid var(--navy);padding:.6rem 0;display:grid;grid-template-columns:1fr auto;gap:.4rem}td{border:0;padding:.1rem;text-align:left!important}td:nth-child(1){grid-column:1/-1}td:nth-child(4){display:flex;align-items:center;gap:.4rem}.qty{width:90px}.pad-actions{flex-direction:column}}
@media print{@page{size:A4 portrait;margin:9mm}html,body,main,.workspace,.pad{background:#fff!important}.bar,.title-block,#notice,.catalog,.pad-actions,footer{display:none!important}.workspace{display:block;border:0;box-shadow:none}.pad{padding:0}.pad:after{display:none}.buyer-grid{grid-template-columns:2fr 2fr 1fr 1fr}.order-bottom{grid-template-columns:1fr 62mm}.qty{border:0;background:transparent}.qty-note{display:none}input,textarea{border:0;border-bottom:1px solid #777;background:transparent;padding:.2rem}.pad-top input{font-size:18pt}.table-wrap{overflow:visible}tr{break-inside:avoid}th,td{padding:3mm}.pad{font-size:10pt}}