/* Build 19: mobile-first visual corrections. Fictional test data only. */
@media(max-width:700px){
 .side .zuramani-brand{padding:0 6px 2px!important}
 .side .zuramani-logo-wrap{width:100%!important;justify-content:center!important}
 .side .zuramani-logo-wrap img{width:62%!important;max-width:390px!important;max-height:78px!important;height:auto!important;aspect-ratio:auto!important;margin:0 auto!important}
 .side .nav{gap:6px!important}
 .side .brand-strapline{margin-top:3px!important}
}
.overview-summary.b19-overview-summary,.payment-headlines .cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.b19-current-year{grid-column:1/-1!important;min-width:0!important;padding:16px!important}
.b19-current-year h2{font-size:18px!important;line-height:1.3;margin:0 0 14px!important;color:#f0e9d9}
.b19-year-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.b19-year-values>div{min-width:0}
.b19-year-values>div+div{border-left:1px solid #38546b;padding-left:14px}
.b19-year-values .value{font-size:clamp(20px,4.5vw,30px)!important;overflow-wrap:anywhere;line-height:1.15!important;margin-top:5px}
.b19-year-values .note{line-height:1.3}
.payment-headlines .cards .metric{min-width:0}
.payment-headlines .b19-lifetime{grid-column:1/-1}
.b19-lifetime-panel{margin:18px 0}
.b19-calendar-footer{border-top:1px solid #344e66;margin-top:16px;padding-top:14px}
.b19-calendar-footer .b17-year-calendar{padding:0;border:0;background:transparent;margin:0!important}
.b19-calendar-footer .b17-year-calendar>summary{margin:0!important}
/* Edit Booking is a dedicated foreground screen, consistent with Payment Breakdown. */
#content .editor:has(>h3 + #bookingForm){position:fixed;z-index:9000;inset:0;overflow-y:auto;overscroll-behavior:contain;background:#101e2e;box-shadow:0 0 0 100vmax rgba(0,0,0,.77);border:1px solid #496179;border-radius:0;margin:0!important;padding:22px max(18px,calc((100vw - 900px)/2)) 48px;box-sizing:border-box;max-height:100dvh;max-width:100vw;width:100vw}
#content .editor:has(>h3 + #bookingForm)>h3{position:sticky;top:-22px;background:#101e2e;z-index:2;padding:10px 0;border-bottom:1px solid #39546a;margin:0 0 14px}
#bookingForm .editgrid{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
#bookingForm .editgrid label,#bookingForm .quote-panel label{min-width:0;max-width:100%;box-sizing:border-box}
#bookingForm .editgrid input,#bookingForm .editgrid select,#bookingForm .editgrid textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
#bookingForm .quote-panel{min-width:0}
@media(max-width:520px){#bookingForm .editgrid{grid-template-columns:1fr!important}#bookingForm .editgrid label.wide{grid-column:auto!important}}
.b19-customer-rates{border:1px solid #496179;border-radius:12px;padding:12px;margin:12px 0;background:#142638}
.b19-customer-rates>summary{font-weight:700;color:#8cdec9;cursor:pointer}
.b19-customer-rates .b17-price-editor{padding:8px;border:0;margin-top:6px}
.b19-percent-panel{margin-top:18px;padding-top:14px;border-top:1px solid #38546b}
.b19-percent-panel h3{margin:0 0 8px!important}
.b19-percent-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.b19-percent-fields label{min-width:0}
.b19-percent-fields input,.b19-percent-fields select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.b19-bulk-preview{max-height:300px;overflow:auto;margin:12px 0;border:1px solid #38546b;border-radius:10px}
.b19-bulk-preview .tbl{min-width:500px}
.b19-bulk-preview input[type=checkbox]{width:20px;height:20px}
@media(max-width:600px){.b19-percent-fields{grid-template-columns:1fr}.b19-year-values{gap:8px}.b19-year-values>div+div{padding-left:8px}}
/* Make the annual dog-days table denser without changing its underlying figures. */
#analyticsServicesSection .tbl th,#analyticsServicesSection .tbl td{padding:6px 7px!important;font-size:12px!important;line-height:1.25!important}
#analyticsServicesSection .scroll{max-width:100%;overflow-x:auto}