.order-sheet-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.order-sheet-toolbar .head-actions{display:flex;gap:8px}.order-sheet{max-width:980px;margin:0 auto;background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:34px;box-shadow:0 8px 30px rgba(20,35,59,.07)}.order-sheet-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #14233b;padding-bottom:22px}.order-sheet-header h1{margin:4px 0 6px;font-size:28px;letter-spacing:-.05em}.order-sheet-header p{margin:0;color:#718096;font-size:12px}.order-sheet-number{text-align:right}.order-sheet-number span{display:block;color:#718096;font-size:10px}.order-sheet-number strong{font-size:16px}.order-status{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;background:#e8f0ff;color:#24569a;font-size:10px;font-weight:800}.order-status.is-hold{background:#fff2d8;color:#9a6500}.order-status.is-complete{background:#e4f6e9;color:#267642}.order-sheet-section{padding:22px 0;border-bottom:1px solid #e5eaf1}.order-sheet-section:last-child{border-bottom:0}.order-sheet-section h2{margin:0 0 13px;font-size:15px;letter-spacing:-.03em}.order-info-grid,.order-detail-grid,.order-money-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.order-info-grid div,.order-detail-grid div,.order-money-grid div{padding:11px 12px;border-radius:10px;background:#f6f8fb}.order-info-grid span,.order-detail-grid span,.order-money-grid span{display:block;color:#718096;font-size:10px}.order-info-grid strong,.order-detail-grid strong,.order-money-grid strong{display:block;margin-top:4px;font-size:12px;line-height:1.45;white-space:pre-wrap}.order-detail-grid .wide{grid-column:span 2}.order-money-grid strong{font-size:14px;color:#24569a}.order-sheet-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.order-sheet-list li{position:relative;padding:9px 10px 9px 28px;border-bottom:1px solid #eef1f5;font-size:12px}.order-sheet-list li:before{content:'□';position:absolute;left:8px;color:#2c6ee8;font-size:15px;line-height:1}.order-sheet-note{white-space:pre-wrap;margin:0;color:#4b5563;font-size:12px;line-height:1.7}.order-sheet-empty{max-width:520px;margin:70px auto;text-align:center}.order-sheet-empty h2{margin:10px 0 5px}.order-sheet-empty p{color:#718096;font-size:12px}.order-sheet-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:#718096;font-size:10px}.order-sheet-quote-link{font-size:11px;color:#2c6ee8;font-weight:800}.order-check-title{display:flex;justify-content:space-between;align-items:center}.order-check-title small{color:#718096;font-size:10px;font-weight:500}@media(max-width:700px){.order-sheet-toolbar{align-items:flex-start;gap:10px}.order-sheet-toolbar .head-actions{flex-wrap:wrap;justify-content:flex-end}.order-sheet{padding:20px;border-radius:14px}.order-sheet-header{display:block}.order-sheet-header h1{font-size:23px}.order-sheet-number{text-align:left;margin-top:15px}.order-info-grid,.order-detail-grid,.order-money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-grid .wide{grid-column:span 2}.order-sheet-footer{display:block}.order-sheet-footer span{display:block;margin-top:5px}}@media print{.order-sheet-toolbar,.topbar,.bottom-nav,.no-print{display:none!important}.main-content{padding:0}.order-sheet{max-width:none;border:0;box-shadow:none;border-radius:0;padding:0}.order-sheet-header h1{font-size:24px}.order-sheet-section{break-inside:avoid}.order-sheet-footer{margin-top:20px}}
.order-items{width:100%;border-collapse:collapse;font-size:12px}.order-items th,.order-items td{padding:11px 9px;border-bottom:1px solid #e5eaf1;text-align:right}.order-items th:first-child,.order-items td:first-child{text-align:left}.order-items th{background:#f6f8fb;color:#718096;font-size:10px}.order-total-row{display:flex;justify-content:flex-end;gap:26px;margin-top:18px}.order-total-row span{display:block;color:#718096;font-size:10px}.order-total-row strong{display:block;margin-top:3px;font-size:15px;color:#24569a}.order-total-row div:last-child strong{font-size:20px;color:#14233b}
@media(max-width:700px){.order-total-row{justify-content:space-between;gap:10px}.order-total-row strong{font-size:13px}.order-total-row div:last-child strong{font-size:17px}}
.order-sheet-trade-line{display:flex!important;align-items:center;gap:6px}.aircon-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e7f4ff;color:#1976b8;font-size:15px;font-weight:900;line-height:1}
.order-copy-status{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,12px);padding:11px 16px;border-radius:10px;background:#14233b;color:#fff;box-shadow:0 8px 24px rgba(20,35,59,.2);font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.18s}.order-copy-status.is-visible{transform:translate(-50%,0);opacity:1}.order-copy-status.is-error{background:#a53c3c}
@media print{.order-sheet{max-width:none;padding:0;border:0;border-radius:0;box-shadow:none}.order-sheet-header{gap:12px;padding-bottom:10px}.order-sheet-header h1{margin:2px 0 4px;font-size:20px}.order-sheet-header p{font-size:10px}.order-sheet-section{padding:10px 0}.order-sheet-section h2{margin-bottom:6px;font-size:12px}.order-info-grid,.order-detail-grid,.order-money-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.order-info-grid div,.order-detail-grid div,.order-money-grid div{padding:6px 7px}.order-info-grid span,.order-detail-grid span,.order-money-grid span{font-size:8px}.order-info-grid strong,.order-detail-grid strong,.order-money-grid strong{margin-top:2px;font-size:10px}.order-money-grid strong{font-size:11px}.order-sheet-list{gap:3px}.order-sheet-list li{padding:4px 6px 4px 18px;font-size:10px}.order-sheet-note{font-size:10px;line-height:1.4}.order-items{font-size:10px}.order-items th,.order-items td{padding:6px 5px}.order-total-row{gap:16px;margin-top:8px}.order-total-row span{font-size:8px}.order-total-row strong{margin-top:2px;font-size:12px}.order-total-row div:last-child strong{font-size:15px}.order-sheet-footer{margin-top:8px;font-size:8px}}
