/* Your move: one customer's booking, with reschedule and cancel. */
.mv { padding-block: var(--space-5) var(--space-7); min-height: 60vh; }
.mv h1 { font-size: var(--step-4); font-weight: 800; }
.mv__ref { font-weight: 700; color: var(--color-text-accent); margin-bottom: var(--space-2); display: block; width: max-content; }
.mv__status { display: inline-block; padding: var(--space-1) var(--space-3); background: var(--color-surface); border-left: 4px solid var(--color-accent); font-weight: 700; }
.mv__status:empty { display: none; }
.mv__status.is-cancelled { border-left-color: var(--color-border-strong); }
.mv__grid { display: grid; gap: var(--space-4); margin-block: var(--space-4) var(--space-5); }
@media (min-width: 900px) { .mv__grid { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; } }
.mv__facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; margin: 0; }
@media (min-width: 640px) { .mv__facts { grid-template-columns: repeat(4, 1fr); } }
.mv__facts div { background: var(--color-primary); color: var(--color-on-primary); padding: var(--space-3); }
.mv__facts dt { font-size: var(--step--1); }
.mv__facts dd { margin: 0; font-weight: 800; font-size: var(--step-1); line-height: 1.25; }
.mv__facts dd small { font-weight: 400; }
.mv__side { background: var(--color-surface); padding: var(--space-3); border-radius: var(--radius); }
.mv__side:empty { display: none; }
.mv__side h2 { font-size: var(--step-1); }
.mv__side ul { margin: 0 0 var(--space-3); padding-left: 1.2em; }
.mv__actions { margin-top: var(--space-4); }
#edit h2 { font-size: var(--step-2); color: var(--color-text-accent); }
.find { max-width: 36rem; }
.find__form { display: grid; max-width: 24rem; }
.find__form .btn { justify-self: start; }
.find:not([hidden]) + #card { border-top: 1px solid var(--color-border); padding-top: var(--space-5); margin-top: var(--space-5); }
.mv__note { margin-top: var(--space-2) !important; }
.mv__side h3 { font-size: var(--step-0); margin-top: var(--space-3); }
.mv__contact { list-style: none; padding-left: 0 !important; }
.mv__lines summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
.mv__lines ul { list-style: none; padding: 0 !important; font-size: var(--step--1); }
.mv__lines li { display: flex; justify-content: space-between; gap: var(--space-3); border-bottom: 1px solid var(--color-border); padding-block: var(--space-1); }
.mv__confirm { margin-top: var(--space-3); padding-inline: var(--space-3); background: var(--color-surface); }
.mv__side { overflow-wrap: anywhere; }
.mv__lines summary::after { content: "+"; margin-left: auto; font-size: var(--step-1); }
.mv__lines[open] summary::after { content: "–"; }