.document-actions{display:flex;gap:8px;flex-wrap:wrap}
.document-actions button{border:0;border-radius:8px;padding:10px 14px;font-weight:800}
.doc-secondary{background:#edf4ff;color:#145cbd}
.order-builder{display:grid;gap:7px}
.order-line{display:grid;grid-template-columns:28px 2fr 90px 70px 120px;gap:7px;align-items:center;border-bottom:1px solid var(--line);padding:7px 0}
.order-line input,.order-line select{min-width:0;padding:7px;border:1px solid var(--line);border-radius:6px}
.paper{background:#fff;max-width:900px;margin:auto;padding:15mm;border:1px solid #cbd5e1;box-shadow:0 10px 30px #17395f18;color:#111}
.paper-head{display:flex;justify-content:space-between;border-bottom:3px solid #0b2548;padding-bottom:12px}
.paper-head h1{font-size:27px;letter-spacing:.18em;margin:0}
.paper-number{text-align:right;font-size:11px}
.paper-to{font-size:18px;font-weight:800;border-bottom:1px solid #222;display:inline-block;min-width:55%;padding:20px 0 5px}
.paper-company{text-align:right;margin:14px 0}
.paper-summary{width:55%;margin:18px 0 18px auto}
.paper-summary td:first-child{background:#f0f4f8}
.paper-total{font-size:18px;font-weight:900;border-bottom:3px double #111}
.paper-note{border:1px solid #cbd5e1;min-height:70px;padding:10px;margin-top:18px}
.paper-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}
body.document-printing #detailPage{display:block!important}
body.document-printing main>section:not(#detailPage){display:none!important}

@media(max-width:800px){
  .order-line{grid-template-columns:28px 1fr 70px 60px 90px}
  .paper{padding:18px;overflow:auto}
}

@media print{
  .paper-controls{display:none!important}
  .paper{border:0;box-shadow:none;max-width:none;padding:8mm}
  .document-printing .panel:not(.print-panel){display:none!important}
  @page{size:A4;margin:10mm}
}