:root{font-family:Arial,sans-serif;color:#19343b;background:#f1f6f5;--teal:#007e73;--line:#d5e3e0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #b8ceca;border-radius:8px;padding:10px 14px;background:white;color:#15413d;min-height:42px}button:hover{background:#e2f3ef}button:disabled{opacity:.5;cursor:default}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#006258}a{color:var(--teal)}input,select,textarea{min-width:0;width:100%;padding:11px;border:1px solid #bdceca;border-radius:7px;background:white;color:#172f36;min-height:44px}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:650;margin:10px 0 6px}h2{font-size:17px;margin:0 0 15px}p{line-height:1.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #41bba9;outline-offset:2px}[hidden]{display:none!important}.billing-header{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:18px 26px;background:#10262d;color:white}.billing-header a{color:#9ce6d7;text-decoration:none}.billing-header strong,.billing-header small{display:block}.billing-header strong{font-size:22px}.billing-header small{font-size:10px;letter-spacing:.13em;margin-top:5px}#billingStatus{padding:0 26px;font-size:13px;min-height:20px}.billing-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(500px,1.25fr);gap:24px;max-width:1650px;margin:0 auto;padding:0 24px 40px}.billing-panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px;margin-bottom:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2{margin:0}.billing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.billing-picker,.billing-product-results{max-height:360px;overflow:auto;margin-top:8px;border:1px solid var(--line);border-radius:8px}.billing-picker button,.billing-product-results button{display:block;width:100%;border:0;border-radius:0;text-align:left;border-bottom:1px solid var(--line);padding:12px}.billing-picker small,.billing-product-results small{display:block;color:#627975;font-size:11px;margin-top:4px}.billing-product-results button[aria-selected=true]{background:#dff4ed;outline:2px solid var(--teal);outline-offset:-2px}.billing-muted,#billingSelectedCustomer{font-size:12px;color:#55736d}.billing-line{padding:16px 0;border-block:1px solid var(--line);margin-block:16px}.billing-line h3{margin:0;font-size:14px;line-height:1.5}.billing-line small{color:#58756e}.billing-line .line-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.billing-line .line-fields label{margin-bottom:0}.billing-line .line-fields button{height:44px;color:#a02929}.billing-total{display:flex;justify-content:space-between;font-size:20px;border-top:1px solid var(--line);padding-top:18px}.billing-actions{display:flex;gap:10px;flex-wrap:wrap}.billing-actions button{flex:1}.billing-history-row{padding:12px 0;border-bottom:1px solid var(--line)}.billing-history-row button{text-align:left;width:100%;border:0}.billing-history-row small{display:block;margin-top:5px;color:#60756f}.billing-preview{min-width:0}.preview-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0 16px;font-size:13px}.preview-toolbar strong{margin-right:auto}#billingDocument{position:sticky;top:16px}.bill-sheet{background:white;box-shadow:0 8px 30px #143d3412;border:1px solid var(--line);padding:36px;color:#19343b;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.bill-brand{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-36px -36px 22px;padding:24px 32px;background:#10262d;color:white;border-bottom:5px solid #06a38d}.bill-brand img{width:125px;height:78px;object-fit:contain}.bill-brand p{font-size:10px;margin:3px 0;color:#b7e7dc}.bill-brand h1{font-size:32px;letter-spacing:.07em;margin:0 0 6px;color:white}.bill-brand>div:last-child{text-align:right}.bill-brand strong{color:#7de6d2}.bill-contact{color:#4c6862;font-size:10px}.bill-address{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.bill-address h2{font-size:17px;margin:6px 0}.bill-address small,.bill-payment small{color:#007e73;font-size:9px;letter-spacing:.1em;font-weight:bold}.bill-address p{font-size:11px;margin:6px 0}.bill-table{width:100%;border-collapse:collapse;table-layout:fixed}.bill-table th{font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#41645c;background:#edf7f4}.bill-table th,.bill-table td{padding:11px 7px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.bill-table th:first-child{width:39%}.bill-table th:nth-child(2){width:19%}.bill-table th:nth-child(3){width:8%}.bill-table th:nth-child(4),.bill-table th:nth-child(5){width:17%}.bill-table td:nth-child(n+3),.bill-table th:nth-child(n+3){text-align:right}.bill-table td{font-size:10px}.bill-table .bill-sku{font-size:9px;color:#58776d}.bill-totals{max-width:280px;margin:20px 0 24px auto}.bill-total{display:flex;justify-content:space-between;gap:15px;padding:5px 0}.bill-total.grand{border-top:2px solid #007e73;margin-top:8px;padding-top:12px;color:#00675e;font-size:17px}.bill-note{margin:20px 0;font-size:11px}.bill-payment{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;padding:18px;background:#eff8f5;border-left:3px solid #008c79}.bill-payment p{font-size:10px;line-height:1.8}.bill-payment h3{font-size:13px;margin:10px 0}.bill-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:14px;font-size:9px;color:#597268}dialog{border:1px solid var(--line);border-radius:14px;padding:26px;width:min(500px,94vw);color:#19343b}dialog::backdrop{background:#07252b99}dialog p{font-size:13px}dialog form>button{margin-top:16px;width:100%}@media(max-width:1100px){.billing-layout{grid-template-columns:1fr;max-width:950px}#billingDocument{position:static}}@media(max-width:600px){.billing-header{padding:14px;gap:10px;flex-wrap:wrap}.billing-header strong{font-size:18px}.billing-layout{padding:0 12px 24px}.billing-panel{padding:16px}.billing-fields{grid-template-columns:1fr 1fr}.bill-sheet{padding:20px}.bill-brand{margin:-20px -20px 20px;padding:20px 18px}.bill-brand img{width:95px;height:60px}.bill-brand h1{font-size:23px}.bill-address{gap:15px}.bill-table td,.bill-table th{padding:9px 4px;font-size:9px}.bill-payment{grid-template-columns:1fr}.bill-brand strong{font-size:10px}.billing-header>a{font-size:12px}}
@page{size:A4;margin:14mm}@media print{body{background:white}.billing-header,#billingStatus,.billing-editor,.preview-toolbar,dialog{display:none!important}.billing-layout{display:block;margin:0;padding:0;max-width:none}.billing-preview,#billingDocument{display:block;position:static}.bill-sheet{border:0;box-shadow:none;padding:0;font-size:11px}.bill-brand{margin:0 0 22px;padding:22px;background:#10262d!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.bill-table thead{display:table-header-group}.bill-table tr,.bill-totals,.bill-payment,.bill-footer{break-inside:avoid}.bill-table td{font-size:10px}.bill-note{white-space:normal}.bill-brand h1{font-size:32px}}

.billing-supplier{border:1px solid var(--line,#ccdada);border-radius:12px;padding:14px;margin:14px 0;background:#f3f8f8}.billing-supplier h3{margin:0 0 8px}#billingDeliveryPlan summary{cursor:pointer;font-weight:700}#billingDeliveryPlan p{line-height:1.5}.billing-header{flex-wrap:wrap}
.billing-rate-table{width:100%;border-collapse:collapse;font-size:12px;margin:16px 0}.billing-rate-table td,.billing-rate-table th{text-align:left;padding:9px 6px;border-bottom:1px solid var(--line)}.billing-lunatech-rate{border-left:3px solid #008c79;padding-left:12px;margin:16px 0}

.billing-internal{border:2px solid #007e73}.billing-cost-row{border-top:1px solid var(--line);padding:14px 0}.billing-cost-row h3{font-size:14px;margin:0 0 6px}.billing-cost-row small{color:#526d67}.billing-profit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.billing-profit-grid>div{padding:12px;background:#edf7f4;border-radius:8px}.billing-profit-grid small,.billing-profit-grid strong{display:block}.billing-profit-grid small{font-size:11px;margin-bottom:6px}.billing-profit-grid strong{font-size:18px}.billing-profit-grid .billing-loss{background:#fee9e9;color:#a02121}#billingProfitReport{max-height:520px;overflow:auto}@media print{.billing-internal,#billingSavePrivate{display:none!important}}
