/* Small usability improvements; the approved mobile card layout is retained. */

/* Make small controls easier to hit without enlarging the primary cards. */
.app-header-back{min-width:44px;min-height:44px}
.model-search-clear{min-width:44px;min-height:44px}
.model-series-filters button{min-height:44px}
.calendar-arrow{width:44px;min-height:44px}
.entry-card .model-help summary{min-height:44px}
.review-row>.text-link{min-height:44px}
.order-line{min-height:44px;padding-right:34px}
.order-remove{width:44px;min-height:44px;right:-11px;top:-3px}

/* Quiet secondary text still needs to be readable on a phone outdoors. */
.page-intro,.repair-caption,.quality-description,.quality-secondary,
.detail-intro,.detail-heading p,.detail-device,.detail-footnote,
.entry-device-label .model-meta,.model-results-meta,.catalog-model-label>span,
.review-value,.review-row,.order-line>div span,.order-vat,
.check-row,.check-row small,.mobile-total>span,.mobile-total>small,
.field-hint,.accessory-description,.arrival-note,.time-service-note{
 color:#526f7d;
}
.review-value strong,.review-row>div>strong,.review-row>strong{color:#35596b}
.review-row.discount,.review-row.discount>strong{color:#367859}

/* Brief context when editing a completed step. */
.edit-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:2px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#526f7d;font-size:14px;line-height:1.4}
.edit-context>span{display:flex;align-items:center;gap:6px;min-width:0}.edit-context>span>.icon{width:17px;height:17px}
.edit-context [data-action="cancel-edit"]{flex-shrink:0;min-height:44px;padding:8px 0;color:var(--teal);font-size:14px;font-weight:550;white-space:nowrap}

/* Keep the chosen arrival window visible when browsing another week. */
.calendar-selection{display:flex;align-items:center;gap:9px;padding:9px 12px;margin-top:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#526f7d;font-size:14px;line-height:1.4}
.calendar-selection>.icon{width:18px;height:18px;color:var(--teal)}
.calendar-selection>span{flex:1;min-width:0}
.calendar-selection strong{display:block;margin-bottom:2px;color:var(--ink);font-weight:550}
.calendar-selection [data-action="selected-date"]{flex-shrink:0;min-height:44px;padding:7px 0;color:var(--teal);font-size:14px;font-weight:550}

/* Explain a blocked next action in one quiet line. */
.dock-guidance{display:flex;align-items:center;justify-content:center;gap:6px;max-width:760px;width:100%;min-height:44px;margin:0 auto;padding:7px 16px 0;color:#526f7d;background:#fff;font-size:14px;line-height:1.35;text-align:center}
.dock-guidance>.icon{width:16px;height:16px}
.dock-guidance+.mobile-bar{padding-top:4px}

.order-device>div,.confirmation-device>div{min-width:0}
.order-device strong,.confirmation-device h2,.order-location>span{overflow-wrap:anywhere}
.catalog-model-label strong{overflow-wrap:anywhere}

@media(min-width:1440px){
 .booking-layout{max-width:1240px;grid-template-columns:minmax(0,1fr) 320px;gap:36px;padding:34px 36px 42px}
 .order-aside{max-width:320px}
 .device-banner-image{width:44px;height:56px}
 .order-device img{width:52px;height:68px}
 .model-picker-trigger>.entry-device-visual{width:76px;flex-basis:76px}
 .model-picker-trigger .entry-device-visual .model-image{width:72px;height:86px}
}

@media(max-width:640px){
 body[data-keyboard="true"] .model-series-filters{display:none}
 body[data-keyboard="true"] .model-search-controls{padding-top:4px;padding-bottom:8px}
 body[data-step="0"] .mobile-total strong{white-space:normal;overflow-wrap:anywhere}
 .model-search-controls{box-shadow:0 1px 0 var(--bg)}
 .edit-context{margin-bottom:13px}
}

@media(max-width:374px){
 .quality-top{flex-wrap:wrap;row-gap:3px}
 .quality-price{margin-left:auto}
 .repair-price{flex-shrink:0}
 .calendar-selection{flex-wrap:wrap;gap:6px 8px}
 .calendar-selection>span{flex-basis:calc(100% - 28px)}
 .calendar-selection [data-action="selected-date"]{margin-left:26px}
 .edit-context{gap:9px;font-size:13px}
 .edit-context [data-action="cancel-edit"]{font-size:13px}
}