/* Mock day inherits the actual Route Optimizer view; only mock-specific additions live here. */
.experimental-mock-day { height:calc(100dvh - var(--tab-offset) - 68px); min-height:520px; }
.experimental-mock-day [hidden] { display:none !important; }
.experimental-mock-day .optimizer-shell { height:100%; min-height:0; }
.experimental-mock-day .optimizer-sidebar,.experimental-mock-day .optimizer-main { min-height:0; height:100%; }
.experimental-mock-day .optimizer-header-top .help-icon-button { flex:0 0 30px; width:30px; height:30px; margin:0; padding:0; border-radius:50%; }
.experimental-mock-day .optimizer-list-toolbar-controls { grid-template-columns:1fr 1fr; gap:10px; }
.experimental-mock-day .optimizer-start-time-wrap,.experimental-mock-day .optimizer-start-time-input { min-width:0; }
.experimental-mock-day .mock-day-date-wrap { font-size:12px; font-weight:700; color:var(--muted); }
.experimental-mock-day .mock-day-client-search { margin:18px 0; }
.experimental-mock-day .mock-day-entry-modes { grid-template-columns:1fr 1fr; margin:0 0 12px; }
.experimental-mock-day .mock-day-entry-modes button { padding:8px 10px; font-size:12px; }
.experimental-mock-day .mock-day-client-search>label { display:block; font-size:13px; font-weight:700; margin-bottom:7px; }
.experimental-mock-day .mock-day-add-address { width:100%; margin:8px 0 0; padding:10px 12px; }
.experimental-mock-day .email-customer-option .hint { display:block; font-size:12px; margin:3px 0 0; }
.experimental-mock-day .mock-day-list-header,.experimental-mock-day .mock-day-map-actions { display:flex; align-items:center; gap:8px; }
.experimental-mock-day .mock-day-list-header { justify-content:space-between; margin:12px 0 6px; }
.experimental-mock-day .mock-day-list-header button,.experimental-mock-day .mock-day-map-actions button { width:auto; margin:0; }
.experimental-mock-day .mock-day-map-actions { flex-wrap:wrap; margin-left:auto; }
.experimental-mock-day .mock-day-map-toolbar .optimizer-calendar-top { gap:12px; flex-wrap:wrap; }
.experimental-mock-day .mock-day-map-toolbar .hint { margin:0; }
.experimental-mock-day .mock-day-remove-stop { display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px; width:30px; height:28px; margin:0; padding:0; border:1px solid var(--line); border-radius:8px; background:var(--field); color:var(--muted); box-shadow:none; cursor:pointer; }
.experimental-mock-day .mock-day-remove-stop svg { width:16px; height:16px; pointer-events:none; }
.experimental-mock-day .mock-day-remove-stop:hover { color:#dc2626; border-color:color-mix(in srgb, #dc2626 35%, var(--line)); background:color-mix(in srgb, #dc2626 8%, var(--field)); }
.experimental-mock-day .mock-day-remove-stop:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.experimental-mock-day .optimizer-current-travel-row.is-custom .mono { color:#b45309; }
.experimental-mock-day .mock-day-pending { color:var(--muted); }
.experimental-mock-day .mock-day-pending::before { content:""; display:inline-block; width:10px; height:10px; border:2px solid var(--line); border-top-color:var(--muted); border-radius:50%; margin-right:7px; animation:mock-day-spin .8s linear infinite; }
.experimental-mock-day .mock-day-workspace:fullscreen,.experimental-mock-day .mock-day-workspace.is-expanded { height:100dvh; width:100vw; background:var(--bg); }
.experimental-mock-day .mock-day-workspace.is-expanded { position:fixed; inset:0; z-index:99999; }
@keyframes mock-day-spin { to { transform:rotate(360deg); } }
@media(max-width:899px) { .experimental-mock-day { height:auto; min-height:0; } .experimental-mock-day .optimizer-sidebar { max-height:none; } .experimental-mock-day .optimizer-main { min-height:55vh; } .experimental-mock-day .optimizer-map-canvas { min-height:50vh; } .experimental-mock-day .mock-day-workspace:fullscreen,.experimental-mock-day .mock-day-workspace.is-expanded { overflow:auto; } .experimental-mock-day .mock-day-workspace:fullscreen .optimizer-sidebar,.experimental-mock-day .mock-day-workspace.is-expanded .optimizer-sidebar { height:auto; } .experimental-mock-day input,.experimental-mock-day textarea { font-size:16px !important; } }
@media(pointer:coarse) { .experimental-mock-day .mock-day-remove-stop { flex-basis:40px; width:40px; height:40px; } }
@media(prefers-reduced-motion:reduce) { .experimental-mock-day .mock-day-pending::before { animation:none; } }
