/* Human-scale polish for the editable Reservation Workspace and its internal overlays. */
.reservation-workspace-open .rw-workspace{padding-left:24px!important;padding-right:24px!important}
.reservation-workspace-open .rw-toolbar{margin-top:10px;padding:10px 12px!important;border:1px solid rgba(104,132,119,.18);border-radius:14px;box-shadow:0 5px 18px rgba(25,48,39,.035)}
html:not([data-theme="dark"]) .reservation-workspace-open .rw-toolbar{background:rgba(246,250,248,.86)!important}
.reservation-workspace-open .rw-columns{gap:19px;padding-top:12px}
.reservation-workspace-open .rw-summary-column,.reservation-workspace-open .rw-operations-column{padding-right:6px}
.reservation-workspace-open .rw-section{border-radius:18px!important;padding:19px 20px!important;border-color:rgba(105,134,120,.20)!important;box-shadow:0 9px 28px rgba(25,48,39,.045)!important}
.reservation-workspace-open .rw-reservation-summary{padding:21px 20px!important}
.reservation-workspace-open .rw-section-head{margin-bottom:14px}
.reservation-workspace-open .rw-section-head h3{font-size:18px;line-height:1.25}
.reservation-workspace-open .rw-eyebrow,.reservation-workspace-open .rw-section-title{font-size:11.5px;letter-spacing:.075em}
.reservation-workspace-open .rw-hint{font-size:11.5px;line-height:1.45}
.reservation-workspace-open .rw-summary-subsection{padding-top:15px;margin-top:15px}
.reservation-workspace-open .rw-summary-subsection>.rw-section-title{margin-bottom:8px}
.reservation-workspace-open .rw-field{grid-template-columns:145px minmax(0,1fr);gap:12px;padding:7px 0}
.reservation-workspace-open .rw-field>span,.reservation-workspace-open .rw-mini-label{font-size:12.5px;line-height:1.35}
.reservation-workspace-open .rw-field input,.reservation-workspace-open .rw-field select,.reservation-workspace-open .rw-field textarea{font-size:13px;line-height:1.35;border-radius:9px;padding:7px 9px}
.reservation-workspace-open .rw-field input,.reservation-workspace-open .rw-field select{text-align:right!important}
.reservation-workspace-open .rw-field input:focus,.reservation-workspace-open .rw-field select:focus{text-align:right!important}
.reservation-workspace-open .rw-current-vehicle{font-size:13px;border-radius:9px;padding:7px 9px}
.reservation-workspace-open .rw-inline-check{font-size:12.5px;padding:9px 0}
.reservation-workspace-open .rw-line{font-size:12.5px;padding:3.5px 0}
.reservation-workspace-open .rw-line.rw-total{font-size:16.5px;padding-top:10px}
.reservation-workspace-open .rw-financial-preview{margin-top:17px;padding-top:15px}
.reservation-workspace-open .rw-invoice-state{border-radius:14px;padding:13px 14px;margin-top:13px}
.reservation-workspace-open .rw-driver{border-radius:14px;padding:12px;gap:9px}
.reservation-workspace-open .rw-extra-row{padding:8px 0;font-size:12.5px}
.reservation-workspace-open .rw-extra-row input{border-radius:9px}
.reservation-workspace-open .rw-extra-row input.is-fixed-rate{background:#eef3f0!important;border-color:#d3ddd8!important;color:#64766d!important}
.reservation-workspace-open .rw-tax-row{padding:9px 0;font-size:12.5px}
.reservation-workspace-open .rw-action-secondary,.reservation-workspace-open .rw-action-extra,.reservation-workspace-open .rw-action-complete,.reservation-workspace-open .rw-action-generate,.reservation-workspace-open .rw-save,.reservation-workspace-open .rw-small-btn{border-radius:10px}

html:not([data-theme="dark"]) .reservation-workspace-open .rw-workspace,
html:not([data-theme="dark"]) .reservation-workspace-open .drawer-content{background:#dfe8e5!important}
html:not([data-theme="dark"]) .reservation-workspace-open .rw-section{background:#f7faf8!important}
html:not([data-theme="dark"]) .reservation-workspace-open .rw-reservation-summary{background:#f8fbf9!important}

/* Extras: preserve compact structure, soften the mechanical table/card look. */
.extras-overlay-panel{border-radius:20px!important}
.extras-overlay-panel .xo-head{padding:18px 20px 14px}
.extras-overlay-panel .xo-head h3{font-size:21px;line-height:1.25}
.extras-overlay-panel .xo-scroll{padding:14px 17px 20px}
.extras-overlay-panel .xo-section{border-radius:16px!important;padding:16px 17px!important;margin-bottom:12px!important;box-shadow:0 7px 22px rgba(22,45,36,.04)!important}
.extras-overlay-panel .xo-section h4{font-size:15.5px;margin-bottom:11px}
.extras-overlay-panel .xo-section small,.extras-overlay-panel .xo-note{font-size:11.5px;line-height:1.45}
.extras-overlay-panel .xo-return-grid{gap:11px}
.extras-overlay-panel .xo-return-grid input,.extras-overlay-panel .xo-return-grid select,.extras-overlay-panel .xo-custom-row input,.extras-overlay-panel .xo-qty,.extras-overlay-panel .xo-days{border-radius:10px;padding:9px 10px}
.extras-overlay-panel .xo-rental-head{padding:7px 0 9px}
.extras-overlay-panel .xo-rental-row{padding:10px 0;font-size:12.5px}
.extras-overlay-panel .xo-fixed-rate{border-radius:10px;padding:8px 10px;background:#f1f4f2;border-color:#d7dfdb;color:#66776f}
.extras-overlay-panel .xo-tax-row{padding:11px 2px;border-radius:10px;transition:background .14s ease,opacity .14s ease}
.extras-overlay-panel .xo-tax-row:hover{background:rgba(67,126,95,.045)}
.extras-overlay-panel .xo-tax-row.is-off{opacity:.58}
.extras-overlay-panel .xo-tax-check{width:18px;height:18px}
.extras-overlay-panel .xo-tax-name{font-size:12.5px}
.extras-overlay-panel .xo-subtotal-row,.extras-overlay-panel .xo-total,.extras-overlay-panel .xo-history{font-size:12.5px}
.extras-overlay-panel .xo-total{font-size:15.5px}
.extras-overlay-panel button{font-weight:400!important}

/* Invoices use the existing proven invoice DOM/actions, but live in a compact layer over Reservation. */
#reservationDrawer.invoices-overlay-active{overflow:hidden!important}
.invoices-overlay-shell{position:absolute;z-index:64;left:0;right:0;top:72px;bottom:0;display:flex;justify-content:flex-end;align-items:stretch;padding:14px 22px 18px;background:rgba(31,52,46,.14);backdrop-filter:blur(2.2px) saturate(.92);-webkit-backdrop-filter:blur(2.2px) saturate(.92)}
.invoices-overlay-panel{width:min(770px,calc(100% - 70px));min-width:0;height:100%;display:flex;flex-direction:column;border:1px solid rgba(106,132,120,.28);border-radius:20px;background:#edf3f1;color:#17221d;box-shadow:0 22px 55px rgba(19,41,33,.22);overflow:hidden}
.io-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px 14px;background:#f4f8f6;border-bottom:1px solid rgba(112,138,126,.20)}
.io-head>div>span{display:block;font-size:10px;letter-spacing:.09em;color:#6f8479;font-weight:400}
.io-head h3{margin:4px 0 0;font-size:21px;font-weight:400;line-height:1.25}
.io-close{width:34px;height:34px;border:1px solid #cad7d1;border-radius:10px;background:#f8fbf9;color:#42534b;font-size:20px;font-weight:400;cursor:pointer}
.io-content{flex:1;min-height:0;overflow:auto;padding:14px 17px 20px}
.io-loading{padding:28px;text-align:center;color:#72857c;font-size:12px}
.invoices-overlay-panel .drawer-actions{justify-content:flex-end;gap:8px;margin:0 0 12px}
.invoices-overlay-panel .drawer-actions button,.invoices-overlay-panel .frch-document-link{font-weight:400!important;border-radius:10px!important}
.invoices-overlay-panel strong,.invoices-overlay-panel b,.invoices-overlay-panel .badge{font-weight:400!important}
.invoices-overlay-panel .pending-invoice-card{border-radius:16px;padding:15px 16px;margin-bottom:12px;box-shadow:0 7px 22px rgba(22,45,36,.04)}
.invoices-overlay-panel .pending-invoice-head h3{font-size:20px!important;font-weight:400!important}
.invoices-overlay-panel .invoice-summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px}
.invoices-overlay-panel .invoice-summary-box{border-radius:14px;padding:12px 13px;background:#f7faf8;border-color:#dbe4df}
.invoices-overlay-panel .invoice-summary-box strong{font-size:17px;margin-top:5px}
.invoices-overlay-panel .io-content>h3{font-size:14px;font-weight:400;margin:16px 2px 10px;color:#44584f}
.invoices-overlay-panel .invoice-card{border-radius:16px;padding:15px 16px;margin-bottom:12px;box-shadow:0 7px 22px rgba(22,45,36,.04);background:#fbfdfc;border-color:#dce5e1}
.invoices-overlay-panel .invoice-card.main{border-left:3px solid #5b8d78}
.invoices-overlay-panel .invoice-card.extra{background:#fffdf8}
.invoices-overlay-panel .invoice-card-head h3{font-size:13px!important;font-weight:400!important}
.invoices-overlay-panel .invoice-lines{font-size:11.5px;margin-top:13px}
.invoices-overlay-panel .invoice-lines th,.invoices-overlay-panel .invoice-lines td{font-size:11px!important;padding:8px 7px!important}
.invoices-overlay-panel .invoice-lines th{font-weight:400!important;background:#f3f7f5!important}
.invoices-overlay-panel .invoice-card-actions{gap:8px;margin-top:13px}
.invoices-overlay-panel .payment-inline{grid-template-columns:110px minmax(120px,1fr) auto;gap:9px}
.invoices-overlay-panel .payment-inline label{font-size:11px}
.invoices-overlay-panel .payment-inline input,.invoices-overlay-panel .payment-inline select{border-radius:9px}

html[data-theme="dark"] .reservation-workspace-open .rw-toolbar{border-color:#2b4149;box-shadow:none}
html[data-theme="dark"] .reservation-workspace-open .rw-section{border-color:#2b4149!important;box-shadow:none!important}
html[data-theme="dark"] .reservation-workspace-open .rw-field input:focus,html[data-theme="dark"] .reservation-workspace-open .rw-field select:focus{background:#172a32!important;color:#eef4f1!important}
html[data-theme="dark"] .invoices-overlay-shell{background:rgba(2,10,14,.30);backdrop-filter:blur(2.4px) saturate(.85);-webkit-backdrop-filter:blur(2.4px) saturate(.85)}
html[data-theme="dark"] .invoices-overlay-panel{background:#102027;color:#ecf3ef;border-color:#30454d;box-shadow:0 24px 60px rgba(0,0,0,.38)}
html[data-theme="dark"] .io-head{background:#13252d;border-color:#2d424a}
html[data-theme="dark"] .io-head>div>span{color:#8fa69b}
html[data-theme="dark"] .io-close{background:#162a31;color:#e8f0ec;border-color:#3c555e}
html[data-theme="dark"] .invoices-overlay-panel .invoice-summary-box,html[data-theme="dark"] .invoices-overlay-panel .invoice-card{background:#14262d;border-color:#2d424a;box-shadow:none;color:#ecf3ef}
html[data-theme="dark"] .invoices-overlay-panel .invoice-card.extra{background:#1d1d18}
html[data-theme="dark"] .invoices-overlay-panel .io-content>h3{color:#b5c5bd}
html[data-theme="dark"] .invoices-overlay-panel .invoice-lines th{background:#192a31!important;color:#a6b8ae!important}
html[data-theme="dark"] .extras-overlay-panel .xo-section{box-shadow:none!important}

@media(max-width:1050px){.invoices-overlay-shell{padding:12px 14px 14px}.invoices-overlay-panel{width:min(720px,calc(100% - 20px))}.invoices-overlay-panel .payment-inline{grid-template-columns:1fr 1fr}.invoices-overlay-panel .payment-inline button{grid-column:1/-1}}
@media(max-width:720px){.reservation-workspace-open .rw-workspace{padding-left:12px!important;padding-right:12px!important}.reservation-workspace-open .rw-toolbar{border-radius:12px}.reservation-workspace-open .rw-section{border-radius:15px!important;padding:16px!important}.invoices-overlay-shell{top:64px;padding:8px;background:rgba(31,52,46,.18)}.invoices-overlay-panel{width:100%}.io-content{padding:10px}.invoices-overlay-panel .invoice-summary-grid{grid-template-columns:1fr 1fr}.invoices-overlay-panel .payment-inline{grid-template-columns:1fr}}
