/* Build 17 — responsive mobile controls and year-at-a-glance */
.customer-directory .profile-list{height:440px;max-height:440px!important;overflow-y:auto;overscroll-behavior:contain}
.customer-directory .profile-entry{min-height:69px;box-sizing:border-box}
@media(max-width:900px){.customer-directory .profile-list{height:440px;max-height:440px!important}}
#paymentEntryTop{margin-bottom:18px}#paymentEntryTop input[type=search]{width:100%;min-height:44px;margin-top:8px}
#paymentEntryTop .overview-section-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
#paymentEntryTop .overview-section-heading .btn{min-height:44px}
#bookingForm .quote-panel .editgrid{display:grid;grid-template-columns:1fr;gap:12px}
#bookingForm .quote-panel .editgrid>*,#bookingForm .quote-panel .editgrid input,#bookingForm .quote-panel .editgrid select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
#bookingForm .quote-panel .quote-primary-actions{display:grid;grid-template-columns:1fr;gap:10px}
#bookingForm .quote-panel .quote-primary-actions button{width:100%;margin:0;min-height:44px}
#bookingForm .quote-panel #quoteTravelPreview{line-height:1.6;white-space:normal}
#bookingForm .quote-panel details{margin:10px 0}#bookingForm .quote-panel details summary{padding:10px 0;cursor:pointer}
#bookingForm .quote-panel #quoteMileageStatus{display:block;margin:10px 0;line-height:1.5}
#bookingForm .quote-panel #quoteResult{white-space:pre-line;line-height:1.6}
.b17-year-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.b17-month{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--panel2)}
.b17-month h3{font-size:14px;margin:0 0 10px;text-align:center}
.b17-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.b17-days span,.b17-days button{min-width:0;min-height:24px;text-align:center;font-size:11px;padding:2px 0;border:0;border-radius:4px;background:transparent;color:inherit}
.b17-days .b17-day{cursor:pointer;border:1px solid transparent}
.b17-days .b17-day:focus-visible{outline:2px solid #f3c87b;outline-offset:1px}
.b17-days .b17-boarding{background:#225d4d;color:#fff}.b17-days .b17-training{background:#305e91;color:#fff}.b17-days .b17-both{background:#6b5298;color:#fff}.b17-days .b17-day:hover{border-color:#fff}
.b17-year-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.b17-year-legend i{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:5px}
#b17DayDetail{margin:14px 0;scroll-margin-top:160px}
@media(min-width:700px){.b17-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1150px){.b17-year-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.b17-days span,.b17-days button{min-height:29px;font-size:12px}}