/* Compact order workspace and quantity-first rental movements. */
.rental-detail .order-back{margin-bottom:8px}.rental-detail .detail-hero{padding:16px 20px;margin-bottom:12px;align-items:center}.rental-detail .detail-hero h1{font-size:23px;line-height:1.25;margin:7px 0 0;overflow-wrap:anywhere}.order-reference{display:flex;align-items:center;gap:12px;font-size:13px}.rental-detail .detail-hero .amount{font-size:25px;white-space:nowrap}.rental-detail .toolbar.actions{margin-bottom:8px;gap:8px}.order-more{margin-bottom:12px}.order-more>summary{font-size:12px;color:var(--green);cursor:pointer;padding:8px 0}.order-more .actions{padding:6px 0;gap:8px}.order-more [data-order-extras]{display:contents}.order-more .toolbar{margin:0;display:contents}.rental-detail .panel{margin-bottom:12px}.rental-detail .panelhead{padding:12px 16px}.rental-detail .panelbody{padding:14px 16px}.rental-detail .meta-grid{gap:12px 18px;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.rental-detail .meta-grid span{margin-bottom:3px}.rental-detail .meta-grid strong{line-height:1.4;display:block;overflow-wrap:anywhere}.order-lines caption{text-align:left;padding:12px 16px 8px;font-weight:700;font-size:14px}.order-lines th{padding:10px 12px;font-size:10px}.order-lines td{padding:12px;font-variant-numeric:tabular-nums}.order-lines td:not(:first-child),.order-lines th:not(:first-child){text-align:right}.order-line-name{display:flex;align-items:center;gap:10px;min-width:190px}.order-line-name img,.line-photo-placeholder{width:42px;height:42px;object-fit:contain;flex:0 0 42px;border-radius:6px;background:#f3f6f4}.line-photo-placeholder{display:grid;place-items:center;color:#6e857a}.order-line-name strong{line-height:1.4}.order-transport{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);font-size:13px}.order-notes{padding:12px 16px;background:#f8faf8;font-size:12px}.order-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.rental-detail .two{gap:12px;align-items:start}.rental-detail .timeline{gap:10px;margin-top:14px}.order-payment-details>summary,.order-payment-history>summary{cursor:pointer;padding:14px 16px;font-size:13px;font-weight:600}.order-payment-details>summary span,.order-payment-history>summary span{font-weight:400;color:var(--muted);margin-left:8px}.order-payment-details .payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}.order-payment-details .payment-summary>p{grid-column:1/-1}.order-payment-details .total-line{padding:8px 0}.order-payment-history td small{display:block;margin-top:4px}
.movement-modal{max-width:820px!important;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}.movement-modal .modal-head{padding:14px 18px;flex-shrink:0}.movement-modal .modal-head h2{font-size:17px}.movement-modal form{display:flex;flex-direction:column;min-height:0;overflow:hidden}.movement-modal .modal-body{padding:16px 18px;overflow:auto;overscroll-behavior:contain}.movement-modal .modal-foot{padding:12px 18px;flex-shrink:0;background:white;gap:10px}.movement-context{display:grid;gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:12px;overflow-wrap:anywhere}.movement-context strong{font-size:15px}.movement-context span{color:var(--muted)}.movement-hint{font-size:12px;color:var(--muted);margin:12px 0;line-height:1.5}.movement-lines{display:grid;gap:0}.movement-line{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.movement-product{display:flex;align-items:center;gap:10px;min-width:0}.movement-product>img{width:42px;height:42px;object-fit:contain;flex:0 0 42px;background:#f3f6f4;border-radius:6px}.movement-product strong{font-size:13px;line-height:1.45;display:block;overflow-wrap:anywhere}.movement-counts{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:5px}.movement-counts b{color:var(--ink);margin-left:4px}.movement-counts .pending{color:var(--green)}.movement-quantity{font-size:12px;margin:0!important}.movement-quantity input{font-weight:700;text-align:right;padding:9px;margin-top:5px;min-width:0;width:100%}.movement-exceptions{grid-column:1/-1;font-size:12px}.movement-exceptions summary{cursor:pointer;color:var(--green);padding:7px 0}.movement-exceptions summary small{float:right;color:var(--muted)}.movement-exceptions p{font-size:12px;line-height:1.5;margin:8px 0 12px}.exception-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.exception-fields label{margin:0!important;font-size:11px}.exception-fields input{min-width:0;padding:9px}.movement-notes{margin:8px 0 0!important;font-size:12px}.movement-notes textarea{min-height:64px;resize:vertical}.movement-error:empty{display:none}.movement-error{color:#a23540;font-size:13px;line-height:1.5;margin:10px 0 0}
@media(max-width:700px){.content:has(.rental-detail){padding-top:12px}.rental-detail .detail-hero{padding:14px;gap:12px;align-items:stretch}.rental-detail .detail-hero h1{font-size:20px}.rental-detail .detail-hero .amount{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:22px}.rental-detail .detail-hero .amount small{margin:0;white-space:normal;text-align:right;max-width:145px;font-size:12px}.rental-detail .toolbar.actions{display:flex}.rental-detail .toolbar.actions>button{flex:1;min-width:135px;padding:10px;font-size:13px;line-height:1.35}.rental-detail .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:12px}.rental-detail .meta-grid>div:nth-child(4){grid-column:1/-1}.rental-detail .meta-grid strong{font-size:12px}.order-lines{overflow:visible}.order-lines table{min-width:0!important;width:100%;display:block}.order-lines caption{display:block;padding:12px}.order-lines thead{display:none}.order-lines tbody{display:block}.order-lines tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:10px 12px;border-top:1px solid var(--line);gap:10px 6px}.order-lines td{display:block;border:0;padding:0;white-space:normal;font-size:13px;min-width:0;grid-column:span 2}.order-lines td:before{content:attr(data-label);display:block;font-size:10px;font-weight:400;color:var(--muted);margin-bottom:4px}.order-lines td.order-line-name{grid-column:1/-1;display:flex;min-width:0}.order-lines td.order-line-name:before{display:none}.order-lines td:nth-last-child(-n+2){grid-column:span 3;border-top:1px dashed var(--line);padding-top:8px}.order-lines td:not(:first-child){text-align:left}.order-lines td:last-child{text-align:right;font-weight:700}.order-lines td strong{font-size:13px}.order-payment-details .payment-summary{grid-template-columns:1fr;padding:12px}.order-payment-details .total-line{font-size:12px}.order-payment-details>summary span{display:block;margin:5px 0 0 16px}.rental-detail .two{gap:0}.movement-modal{max-height:calc(100dvh - 16px);border-radius:12px}.movement-modal .modal-head{padding:12px}.movement-modal .modal-body{padding:12px}.movement-modal .modal-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.movement-modal .modal-foot button{font-size:14px;padding:10px;min-height:44px}.movement-modal .modal-foot .primary{flex:1}.movement-context{gap:4px}.movement-context strong{font-size:14px}.movement-context span{font-size:11px;line-height:1.5}.movement-line{grid-template-columns:minmax(0,1fr) 84px;gap:10px;padding:12px 0}.movement-product{gap:8px;align-items:start}.movement-product>img,.movement-product>.line-photo-placeholder{width:32px;height:32px;flex-basis:32px}.movement-product strong{font-size:12px}.movement-counts{gap:4px 9px;font-size:10px}.movement-counts .pending{width:100%;font-size:11px}.movement-quantity input{font-size:18px;min-height:44px;padding:8px}.movement-quantity{font-size:11px}.exception-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.exception-fields input{font-size:16px}.movement-notes textarea{font-size:16px}.movement-exceptions summary{min-height:40px;padding:10px 0}.movement-exceptions summary small{font-size:11px}.rental-detail .order-more>summary{min-height:36px;padding:9px 0}}
/* Collection overview: one glance for totals, then a compact two-column workspace. */
.content:has(.rental-detail){padding-top:16px;padding-bottom:24px}
.main:has(.rental-detail) .topbar{height:54px}
.rental-detail .detail-hero{padding:12px 16px;margin-bottom:10px}
.rental-detail .detail-hero h1{font-size:22px;margin-top:5px}
.collection-status{font-size:12px;line-height:1.4;border:1px solid #ffffff50;border-radius:6px;padding:7px 10px;color:#fff;background:#ffffff12;text-align:center}
.collection-status.due{background:#fff1da;color:#80510c;border-color:#fff1da}
.order-money-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.money-card{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;min-width:0;font-variant-numeric:tabular-nums}
.money-card>span{display:block;font-size:12px;color:#4f6560;line-height:1.35}
.money-card>strong{display:block;font-size:23px;letter-spacing:-.5px;line-height:1.25;margin:6px 0 4px;overflow-wrap:anywhere}
.money-card>small{display:block;font-size:10px;line-height:1.35;color:var(--muted)}
.money-card.balance-card.due{background:#fff8eb;border-color:#ecd5a8}.money-card.balance-card.due>strong{color:#8c570c}
.money-card.balance-card.settled{background:#eaf5ef;border-color:#b8dbca}.money-card.balance-card.settled>strong{color:#176b52}
.money-card.balance-card.review{border-color:#d6bd85;background:#fffdf7}
.rental-detail .toolbar.actions button{padding:9px 12px;font-size:12px}
.rental-detail .order-more{margin-bottom:8px}.rental-detail .order-more>summary{padding:5px 0}
.order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:14px;align-items:start}
.order-primary-column,.order-side-column{min-width:0}
.order-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.order-support-grid>.panel{min-width:0}
.rental-detail .panel{box-shadow:none;border-radius:10px;margin-bottom:10px}
.rental-detail .meta-grid{padding:12px 14px;gap:10px 14px}.rental-detail .meta-grid strong{font-size:12px}
.rental-detail .order-lines table{min-width:0;width:100%;table-layout:fixed}
.order-lines th:first-child{width:40%}.order-lines th:not(:first-child){width:12%}
.order-lines th{white-space:normal;letter-spacing:.2px;font-size:9px;padding:9px 8px}
.order-lines td{padding:9px 8px;font-size:12px;overflow-wrap:anywhere}
.order-line-name{min-width:0;gap:8px}.order-line-name>div{min-width:0}
.order-line-name img,.order-line-name .line-photo-placeholder{width:34px;height:34px;flex-basis:34px}
.order-line-name strong{font-size:12px;line-height:1.3;margin-bottom:3px}
.order-lines caption{padding:10px 14px;font-size:13px}
.rental-detail .order-transport{padding:10px 14px}
.order-notes{padding:9px 14px}.order-notes>summary{cursor:pointer;font-weight:600}.order-notes p{font-size:12px;line-height:1.4;margin-top:8px}
.order-support-grid summary,.order-activity>summary,.order-communication>summary{cursor:pointer;font-size:12px;font-weight:600;padding:12px 14px;line-height:1.4}
.order-support-grid summary span,.order-activity>summary span,.order-communication>summary span{font-weight:400;color:var(--muted);margin-left:6px}
.rental-detail .order-support-grid .panelbody,.rental-detail .order-activity .panelbody,.rental-detail .order-communication .panelbody{padding:0 14px 12px;font-size:12px}
.rental-detail .order-activity .timeline{margin-top:0;gap:10px}.order-internal-notes .internal-note p{line-height:1.45;overflow-wrap:anywhere}
.order-communication .offer-state{padding:10px 0}.order-communication .offer-state p{margin:4px 0;font-size:12px}.order-communication .panelbody>p{font-size:12px;margin-top:8px}
.rental-detail .order-side-column .panelhead{padding:12px 14px}.order-side-column h2{font-size:15px;letter-spacing:-.2px}
.rental-detail .order-collection .panelbody{padding:10px 14px}
.collection-mode{font-size:12px;font-weight:600;margin-bottom:8px;line-height:1.4}
.collection-due{font-size:11px;line-height:1.4;margin-bottom:8px}
.order-collection .total-line{padding:6px 0;font-size:12px;align-items:baseline;gap:10px}
.order-collection .total-line b{white-space:nowrap;font-variant-numeric:tabular-nums}
.order-collection .collection-balance{font-size:15px;font-weight:700;border-top:1px solid var(--line);margin-top:4px;padding-top:10px}
.collection-balance.due{color:#8c570c}.collection-balance.settled{color:#176b52}
.collection-review{font-size:11px;line-height:1.45;background:#fff8eb;border-radius:6px;padding:8px 10px;color:#805b1f;margin-top:9px}
.collection-terms{font-size:11px;border-top:1px solid var(--line);margin-top:10px}
.collection-terms summary{padding:10px 0 4px;cursor:pointer;font-size:12px;font-weight:600}.collection-terms>p{font-size:11px;line-height:1.45;margin-top:6px}
.order-payment-history .count{font-size:10px;white-space:nowrap;margin:0}
.order-payment-history table{min-width:0!important;table-layout:fixed;width:100%}
.order-payment-history th{font-size:9px;letter-spacing:0;white-space:normal;padding:8px}
.order-payment-history td{font-size:11px;padding:10px 8px;vertical-align:top;overflow-wrap:anywhere}
.order-payment-history th:first-child{width:41%}.order-payment-history th:nth-child(2){width:33%}.order-payment-history th:last-child{width:26%}
.order-payment-history td:last-child,.order-payment-history th:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.order-payment-history td strong{font-size:11px;line-height:1.4;margin:0}
.order-payment-history td small{font-size:10px;margin-top:4px;line-height:1.35;color:var(--muted)}
.payment-reversed td:last-child{text-decoration:line-through;color:var(--muted)}
.payment-history-total{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--line);font-size:12px;font-weight:600;align-items:baseline}.payment-history-total strong{white-space:nowrap}
.payment-history-help{padding:0 14px 12px;color:var(--muted);font-size:10px;line-height:1.4}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.order-service-pending{font-size:11px;line-height:1.5;margin:4px 0 10px;color:var(--muted)}
@media(min-width:1600px){.order-detail-grid{grid-template-columns:minmax(0,1fr) 440px}}
@media(max-width:1199px){.order-detail-grid{grid-template-columns:minmax(0,1fr)}.order-side-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-side-column>div{min-width:0}.money-card>strong{font-size:21px}}
@media(max-width:700px){.main:has(.rental-detail) .topbar{height:54px}.content:has(.rental-detail){padding-top:10px}.rental-detail .detail-hero{padding:12px;gap:9px}.rental-detail .detail-hero h1{font-size:20px}.collection-status{align-self:flex-start;padding:5px 8px;font-size:11px}.order-money-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.money-card{padding:10px 11px}.money-card>span{font-size:11px}.money-card>strong{font-size:21px;margin:5px 0 3px}.money-card>small{font-size:10px}.order-detail-grid{gap:0}.order-side-column{display:block;grid-row:1}.order-primary-column{grid-row:2}.order-support-grid{grid-template-columns:1fr;gap:0}.rental-detail .toolbar.actions button{min-height:42px;font-size:12px;padding:10px}.rental-detail .order-more>summary{min-height:36px;padding:8px 0}.rental-detail .meta-grid{grid-template-columns:1fr 1fr}.order-lines td{padding:0}.order-lines .order-line-name{gap:8px}.order-lines td:not(:first-child){font-size:12px}.order-payment-history td{font-size:12px}.order-payment-history th:first-child{width:40%}.order-payment-history th:nth-child(2){width:32%}.order-payment-history th:last-child{width:28%}}