.app #view [data-invoice-select]{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.app #view [data-invoice-select] .field{flex:1;min-width:200px}.invoice-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.invoice-totals>div{border:1px solid #bdd0e7;border-radius:10px;background:#f0f6ff;padding:12px}.invoice-totals span{display:block;font-size:13px}.invoice-totals strong{display:block;color:#164b93;font-size:22px}.invoice-totals>div:last-child{background:#fff4e8;border-color:#edb37b}.app #view .invoice-lines th:first-child{width:38%}.app #view .invoice-lines th:nth-child(2){width:15%}.app #view .invoice-lines input{box-sizing:border-box;width:100%;min-width:0}.invoice-lines label{display:block;font-size:12px}.invoice-lines td input+input{margin-top:5px}.app #view [data-invoice-form] details{margin-bottom:16px}.app #view [data-invoice-message]{color:#164b93;overflow-wrap:anywhere}@media(max-width:600px){.invoice-totals{grid-template-columns:1fr}.invoice-totals>div{display:flex;justify-content:space-between;align-items:center}.invoice-totals strong{font-size:20px}.app #view [data-invoice-select] .btn{width:100%}.app #view [data-invoice-form] .actions{flex-wrap:wrap}.app #view .invoice-lines td input{font-size:16px}}

.po-app-brand{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:3px solid #f47a09;margin-bottom:12px;color:#092b55}.po-app-brand .temporary-mark{width:32px;height:32px;flex-basis:32px;border-color:#092b55;border-radius:8px;box-shadow:none;font-size:11px}.po-app-brand b{font-size:16px}.po-app-brand b>span{color:#e36c00}.po-app-brand small{display:block;font-size:9px;margin-top:3px}@media print{.po-app-brand{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.official-rectify{margin-top:24px;padding-top:20px;border-top:1px solid var(--ui-line,#d5dfed);display:grid;gap:12px}.official-rectify h3,.official-rectify p{margin:0}.official-demo .notice{line-height:1.7}.official-demo .panel-head p{font-weight:800;font-size:18px;color:var(--ui-accent,#285fae)}[data-official-draft-pdf][aria-disabled=true]{opacity:.5;cursor:not-allowed}[data-demo-message]{overflow-wrap:anywhere}
.invoice-order-picker{position:relative;flex:1;min-width:200px}.invoice-order-picker .field{margin:0}.invoice-order-options{position:absolute;left:0;right:0;z-index:60;max-height:260px;overflow:auto;background:var(--ui-surface,#fff);color:var(--ui-text,#20354e);border:1px solid var(--ui-line,#b9cce2);border-radius:10px;padding:4px;box-shadow:0 8px 22px #0003}.invoice-order-options[hidden]{display:none!important}.app #view .invoice-order-options button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;gap:12px;padding:10px;text-align:left;white-space:normal;background:var(--ui-surface,#fff)!important;color:var(--ui-text,#20354e)!important;border:0;border-radius:6px}.invoice-order-options button span{font-size:13px}.app #view .invoice-order-options button:hover,.app #view .invoice-order-options button[aria-selected=true]{background:var(--ui-soft,#e8f0fc)!important}.invoice-order-picker [role=status]:empty{display:none}
.billing-new-document{border-left:4px solid #ef8b2c}.billing-new-document h2{margin-bottom:10px}.billing-new-document p{color:var(--ui-muted);line-height:1.5}.manual-vehicle-fields{border:1px solid var(--ui-line);border-radius:9px;padding:14px;margin:18px 0}.manual-vehicle-fields summary{font-weight:700;cursor:pointer;color:var(--ui-accent)}.manual-vehicle-fields .formgrid{margin-top:15px}.invoice-lines [data-invoice-remove-line]{white-space:nowrap}

.app #view .invoice-lines th:first-child{width:27%}.app #view .invoice-lines th:nth-child(2){width:12%}.app #view .invoice-lines th{white-space:normal;min-width:95px}.app #view .invoice-lines td{vertical-align:top}.app #view .invoice-lines input{background:var(--ui-bg,#fff);color:var(--ui-text,#172e49);border:1px solid var(--ui-line,#b9cce2);border-radius:7px;min-height:40px;padding:9px}.invoice-lines small{display:block;color:var(--ui-muted,#526783);font-size:11px;margin:5px 0}.invoice-pricing-help{line-height:1.6}.app #view .invoice-lines [data-line-net]{font-weight:750;white-space:nowrap;padding-top:20px}.app #view .invoice-lines [name=markup]{border-color:#e99037}.app #view .invoice-lines [name=unitPrice]{border-color:#4389ce}
@media(max-width:760px){.app #view .invoice-lines,.app #view .invoice-lines tbody{display:block;width:100%}.app #view .invoice-lines thead{display:none}.app #view .invoice-lines tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--ui-line,#bdd0e7);border-radius:12px;padding:14px;margin:0 0 14px;background:var(--ui-surface,#fff)}.app #view .invoice-lines td{display:block;padding:0;border:0;min-width:0}.app #view .invoice-lines td:first-child{grid-column:1/-1}.app #view .invoice-lines td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;color:var(--ui-text,#172e49);font-size:12px;font-weight:700;margin-bottom:7px}.app #view .invoice-lines [data-line-net]{padding-top:0}.app #view .invoice-lines td:last-child:has(button){align-self:end}.app #view .invoice-lines label{margin-bottom:8px}}

.app #view .invoice-lines th:first-child{width:24%}.app #view .invoice-lines th:last-of-type{min-width:130px}.app #view .invoice-lines td:has([name=lineNet]){min-width:150px}.invoice-lines [name=lineNet],.invoice-lines [name=lineTotal]{font-weight:750}.app #view .invoice-lines [name=lineTotal]{border-color:#e99037;background:var(--ui-warm,#fff4e8);color:var(--ui-text,#172e49)}.invoice-lines label+label,.invoice-cost-total{margin-top:10px}.app #view [data-invoice-form] .invoice-unit{margin:8px 0 0;font-size:12px}.invoice-unit summary{cursor:pointer;color:var(--ui-muted,#526783)}.invoice-unit[open] summary{margin-bottom:8px}.invoice-lines [data-line-tax]{white-space:normal;line-height:1.4}

.app #view .invoice-lines select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:9px;background:var(--ui-bg,#fff);color:var(--ui-text,#172e49);border:1px solid var(--ui-line,#b9cce2);border-radius:7px;font:inherit}.invoice-lines select option{background:var(--ui-bg,#fff);color:var(--ui-text,#172e49)}
@media(max-width:760px){.app #view .invoice-lines td:has([name=lineNet]){min-width:0;grid-column:1/-1}.app #view .invoice-lines td:has([name=lineNet]) label{width:100%;box-sizing:border-box}}