/* Manage my booking. Builds on tip.css (card, totals, row) and styles.css brand tokens. */
.mwrap{max-width:620px}
.mdetail dd{text-align:right}
.notice{margin:14px 0 0;padding:12px 14px;border:1px solid var(--gold);border-radius:6px;background:rgba(212,160,23,.08);font-size:.88rem;line-height:1.55;color:#f3e2b3}
.policy{margin:16px 0;font-size:.85rem;line-height:1.6;color:var(--muted)}.policy b{display:block;color:#fff;font-weight:500;margin-bottom:2px}
#acts{margin-top:6px}
.picker{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.picker h2{font-size:1.1rem;font-weight:500;margin:0 0 4px}
.mdays{display:flex;gap:8px;overflow-x:auto;padding:12px 0 6px;scrollbar-width:thin}
.mdays button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:74px;padding:8px 6px;margin:0;gap:2px}
.mdays button small{font-family:Poppins,sans-serif;text-transform:none;font-size:.7rem;opacity:.8}
.mdays button.on,.mslots button.on{background:var(--gold);color:#000}
.mdays button:disabled{opacity:.35}
.mslots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}
.mslots button{margin:0;padding:10px 4px}
.mslots .none{grid-column:1/-1;color:var(--muted);font-size:.85rem;text-align:center}
#pickSel{min-height:1.3em;text-align:center}
.hist{list-style:none;margin:18px 0 0;padding:0;font-size:.8rem;color:var(--muted);line-height:1.6}
.hist:empty{display:none}.hist li::before{content:"• ";color:var(--gold)}
.mdlg{background:var(--panel);color:#fff;border:1px solid var(--gold);border-radius:8px;max-width:440px;width:92vw;padding:22px}
.mdlg::backdrop{background:rgba(0,0,0,.7)}.mdlg h2{margin:0 0 8px;font-weight:500;font-size:1.2rem}.mdlg p{line-height:1.55;font-size:.92rem}
@media(max-width:480px){.mslots{grid-template-columns:repeat(3,1fr)}.mdetail dd{max-width:62%}}
.mdlg form{all:unset;display:block}
.mwrap [hidden],.mdlg [hidden]{display:none!important}
/* === visual-pass-1 manage === */
.mdays button,.mslots button{min-height:44px;border-radius:var(--radius,6px);font-family:var(--font-btn,Cabin,sans-serif)}
.mdays button.on,.mslots button.on{background:var(--gold);color:var(--gold-ink,#000);font-weight:600}
.mslots .none,.hist{color:var(--muted)!important}
.mdlg{border-radius:var(--radius,6px)}
.notice{border-radius:var(--radius,6px)}
@media(max-width:390px){.mslots{grid-template-columns:repeat(2,1fr)}}