.sales-order-document-page{margin:0;background:#f5f5f8;color:#243047;font:15px/1.5 system-ui,sans-serif}.so-document{background:white;color:#243047;max-width:960px;margin:20px auto;padding:30px;box-sizing:border-box;overflow-wrap:anywhere}.so-document *{box-sizing:border-box}.so-document header{display:flex;justify-content:space-between;gap:20px;border-top:5px solid #843cd0;padding-top:20px;border-image:linear-gradient(90deg,#ff8a32,#ed4489,#8340dc,#339cf3,#27b284) 1}.so-document h1{font-size:25px;margin:0}.so-document h2{font-size:15px;margin:20px 0 8px}.so-document p{margin:5px 0}.so-doc-brand{font-size:24px;font-weight:900;letter-spacing:.1em;color:#603796}.so-doc-brand span{display:block;font-size:10px;letter-spacing:0;color:#67738a}.so-doc-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px}.so-doc-line,.so-doc-pair{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #e9eaf0;break-inside:avoid}.so-doc-line>div{min-width:0}.so-doc-line>strong,.so-doc-pair>strong{flex-shrink:0}.so-document small{display:block;color:#667187;font-size:12px}.so-doc-tag{width:fit-content;background:#f3ebff;color:#633591!important;border-radius:12px;padding:2px 8px;margin:4px 0}.so-doc-removed{color:#6b7280}.so-doc-warning{font-weight:700;color:#814511!important}.so-doc-totals{margin-left:auto;max-width:410px}.so-doc-total{font-weight:800;font-size:17px}.so-doc-balances{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.so-doc-notes{white-space:pre-wrap}.so-doc-secondary,.so-document footer{color:#657086;font-size:12px}.so-document footer{margin-top:28px;border-top:1px solid #ddd;padding-top:14px}@media(max-width:600px){.so-document{margin:0;padding:16px}.so-document header{flex-direction:column;gap:10px}.so-doc-parties{grid-template-columns:1fr;gap:0}.so-doc-balances{grid-template-columns:1fr}.so-doc-line,.so-doc-pair{gap:8px}.so-doc-total{font-size:15px}.so-doc-brand{font-size:22px}}@media print{.sales-order-document-page{background:white}.so-document{margin:0;padding:0;max-width:none}.so-doc-tag{border:1px solid #ddd}.so-document header{border-top:2px solid #555}}