/* Scoped styles: the billing module never changes another menu's form/table. */
aside nav [data-view="billingDocuments"]{--mt-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M8 12h8M8 16h8'/%3E%3C/svg%3E")}
aside nav [data-view="billingDocuments"]::before{display:block}
body.billingDocumentsActive #globalPeriodV45{display:none!important}
#billingDocuments{max-width:1500px;width:100%;min-width:0;font-size:16px}
#billingDocuments .billingHeading,#billingDocuments .billingEditorBar,#billingDocuments .billingSaveBar,#billingDocuments .billingPagination{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
#billingDocuments h2,#billingDocuments h3{margin:6px 0 12px}
#billingDocuments .billingHeading p{margin:0;color:#5c6d65}
#billingDocuments .billingActions{display:flex;gap:8px;flex-wrap:wrap}
#billingDocuments button{min-height:40px;padding:8px 14px;cursor:pointer;border:1px solid #bdcdc4;border-radius:8px;background:#fff;color:#22533f;font:inherit}
#billingDocuments button.primary{background:#216e50;color:#fff;border-color:#216e50}
#billingDocuments button:disabled{opacity:.5;cursor:wait}
#billingDocuments .billingDanger{color:#ae3630;border-color:#deaaa5}
#billingDocuments .billingListPanel{padding:20px;border:1px solid #d6dfd9;border-radius:14px;background:#fffdf8}
#billingDocuments .billingFilters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto;gap:16px;align-items:end}
#billingDocuments label{display:flex;flex-direction:column;gap:5px;font-weight:600;min-width:0}
#billingDocuments input,#billingDocuments textarea,#billingDocuments select{width:100%;min-width:0;border:1px solid #c5d3ca;border-radius:6px;background:#fff;color:#17352b;padding:10px;font:inherit;font-weight:400;box-sizing:border-box}
#billingDocuments input:focus,#billingDocuments textarea:focus,#billingDocuments select:focus{outline:2px solid #4a9271;outline-offset:2px}
#billingDocuments .billingTableWrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
#billingDocuments table{width:100%;border-collapse:collapse;text-align:left}
#billingDocuments th{background:#efebe0;padding:14px 10px;white-space:nowrap}
#billingDocuments td{padding:12px 10px;border-bottom:1px solid #e6ebe6;vertical-align:top;overflow-wrap:anywhere}
#billingDocuments .billingListTable{min-width:700px}
#billingDocuments .billingMoney{white-space:nowrap;text-align:right;font-weight:600}
#billingDocuments .billingBadge{display:inline-block;padding:4px 10px;border-radius:14px;font-size:12px;font-weight:600;background:#e9edf1;color:#465870}
#billingDocuments .billingBadge.saved{background:#e4f2e9;color:#206344}
#billingDocuments .billingBadge.deleted{background:#f6e3e1;color:#99382f}
#billingDocuments .billingDeleted{background:#faf4f3}
#billingDocuments .billingDeleted>td:first-child{color:#7a6d69}
#billingDocuments .billingPagination{margin:16px 0 0}
#billingDocuments .billingPagination>div{display:flex;gap:8px}
#billingDocuments .billingAlert{padding:12px 15px;background:#e8f3eb;color:#24523b;border-radius:7px;margin:12px 0;overflow-wrap:anywhere}
#billingDocuments .billingAlert:empty{display:none}
#billingDocuments .billingAlert.error{background:#fff0ed;color:#a33930}
#billingDocuments .billingPaper{background:white;border:1px solid #d4dcd6;border-radius:5px;padding:28px 36px;margin:18px auto;max-width:1000px;box-shadow:0 3px 15px #17352b0a}
#billingDocuments .billingTop,#billingDocuments .billingCustomer{display:grid;grid-template-columns:1.45fr 1fr;gap:30px;margin-bottom:26px}
#billingDocuments .billingTop>div:last-child h2{text-align:right;font-size:28px}
#billingDocuments .billingCompany{line-height:1.65}
#billingDocuments .billingCompany p,#billingDocuments .billingNotes p{white-space:pre-wrap;overflow-wrap:anywhere}
#billingDocuments .billingMetaFields{margin-top:28px;text-align:left}
#billingDocuments .billingCustomerPicker{margin-bottom:20px;padding:14px;background:#f2f7f3;border-radius:8px}
#billingDocuments .billingCustomerPicker small{display:block;line-height:1.6;color:#566b60;margin-top:6px}
#billingDocuments #billingCustomerResults{max-height:330px;overflow:auto;margin-top:8px;border:1px solid #bccdc1;border-radius:6px;background:#fff}
#billingDocuments #billingCustomerResults[hidden]{display:none}
#billingDocuments #billingCustomerResults button{display:block;text-align:left;width:100%;border:0;border-radius:0;border-bottom:1px solid #e4ebe5}
#billingDocuments #billingCustomerResults button:hover,#billingDocuments #billingCustomerResults button:focus{background:#e7f3eb}
#billingDocuments .billingCustomerCount{padding:10px}
#billingDocuments input[readonly]{background:#f1f6f2}
#billingDocuments .billingTop label,#billingDocuments .billingCustomer label,#billingDocuments .billingSignatures label{margin-bottom:12px}
#billingDocuments .billingPair{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}
#billingDocuments .billingBranchNumber{display:flex;align-items:center;gap:8px}
#billingDocuments .billingBranchNumber input{min-width:0;flex:1}
#billingDocuments .billingRequired{color:#a73d32}
#billingDocuments .billingHelp{color:#63766b;font-size:14px;line-height:1.7;padding:10px;background:#f2f7f3}
#billingDocuments .billingItems{min-width:760px;margin-bottom:12px;table-layout:fixed}
#billingDocuments .billingItems th,#billingDocuments .billingItems td{border:1px solid #bac8bf;padding:7px 5px}
#billingDocuments .billingItems th:nth-child(1){width:6%}
#billingDocuments .billingItems th:nth-child(2){width:29%;white-space:normal}
#billingDocuments .billingItems th:nth-child(3){width:17%}
#billingDocuments .billingItems th:nth-child(6){width:7%}
#billingDocuments .billingItems input{padding:8px 5px;font-size:15px}
#billingDocuments .billingBalance{display:block;text-align:right;white-space:nowrap;font-size:15px;padding-top:10px}
#billingDocuments .billingTotals{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0;align-items:end}
#billingDocuments .billingTotals>div>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #dbe3dd}
#billingDocuments .billingTotals label{margin-bottom:10px}
#billingDocuments .billingGrandTotal{font-size:18px;font-weight:bold}
#billingDocuments .billingNotes{margin:28px 0}
#billingDocuments .billingSignatures{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}
#billingDocuments .billingSignatureBlank{display:grid;grid-template-columns:140px 1fr;gap:10px;margin:30px 0;align-items:end}
#billingDocuments .billingDottedLine{min-height:20px;border-bottom:1px dotted #555}
#billingDocuments #billingLegacyPaid[hidden]{display:none}
#billingDocuments .billingSaveBar{position:sticky;bottom:0;background:#fffdf7;padding:15px;border:1px solid #d2ddd5;border-radius:10px;box-shadow:0 -3px 16px #17352b0b;z-index:2}
#billingDocuments .billingSaveBar>small{max-width:290px;line-height:1.6}
@media(max-width:850px){#billingDocuments .billingPaper{padding:20px}#billingDocuments .billingTop,#billingDocuments .billingCustomer{gap:18px}#billingDocuments .billingFilters{grid-template-columns:1fr 180px}#billingDocuments .billingFilters>button{grid-column:1/-1}#billingDocuments .billingListPanel{padding:14px}}
@media(max-width:600px){#billingDocuments .billingTop,#billingDocuments .billingCustomer,#billingDocuments .billingSignatures,#billingDocuments .billingTotals,#billingDocuments .billingFilters{grid-template-columns:1fr}#billingDocuments .billingPaper{padding:15px}#billingDocuments .billingTop>div:last-child h2,#billingDocuments .billingOriginal{text-align:left}#billingDocuments .billingSaveBar{position:static}#billingDocuments .billingActions{width:100%}#billingDocuments .billingActions button{flex:1}#billingDocuments .billingPair{grid-template-columns:1fr}#billingDocuments .billingTotals{gap:12px}}