.x-d{min-width:0;max-width:100%}
.x-d .btn{white-space:normal;max-width:100%;overflow-wrap:anywhere;line-height:1.25;text-align:center}
.x-d input,.x-d select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;font:inherit;font-size:.85rem;padding:.45em .55em;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}
.x-d label{display:block;font-size:.75rem;color:var(--muted);margin:.35em 0;min-width:0}
.x-d .x-chk{display:flex;gap:.5em;align-items:flex-start;color:var(--text);font-size:.8rem}
.x-d .x-chk input{width:auto;flex:0 0 auto;margin-top:.2em}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6em}
.x-box,.x-sit,.x-bk,.x-phone,.x-pv{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.75em;margin-bottom:.75em;min-width:0;overflow-wrap:anywhere}
.x-sit{background:var(--bg2)}
.x-sit .x-bk{margin:.5em 0 0}
.x-phone{border-radius:22px;border-width:2px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.x-ph{font-size:.72rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:.4em;margin-bottom:.45em;overflow-wrap:anywhere}
.x-sh{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.3em}
.x-sh b{color:var(--head)}
.x-bt{display:flex;flex-wrap:wrap;gap:.35em;align-items:center}
.x-bt b{flex:1 1 auto;color:var(--head);min-width:0;overflow-wrap:anywhere}
.x-pill,.x-chips em{font-style:normal;font-size:.7rem;padding:.15em .55em;border-radius:99px;background:var(--bg2);color:var(--text);overflow-wrap:anywhere}
.x-chips{display:flex;flex-wrap:wrap;gap:.3em;margin-top:.4em}
.x-d .x-al{color:var(--o);font-weight:600}
.x-ba{display:flex;flex-wrap:wrap;gap:.4em;align-items:center;margin-top:.5em}
.x-ba>span{flex:1 1 8em;min-width:0}
.x-ba .x-grow{flex:1 1 10em;width:auto}
.x-ba .x-sel{width:auto;flex:0 0 auto}
.x-noshow,.x-done,.x-cancelled{opacity:.6}
.x-sms{background:var(--bg2);color:var(--text);border-radius:14px 14px 14px 4px;padding:.6em .8em;font-size:.8rem;margin:.55em 0;overflow-wrap:anywhere}
.x-q{background:var(--bg2);border-radius:10px;padding:.6em .7em;font-size:.82rem;margin:.5em 0;overflow-wrap:anywhere}
.x-mc{list-style:none;padding:0;margin:.5em 0}
.x-mc li{display:flex;flex-wrap:wrap;gap:.5em;font-size:.8rem;padding:.3em 0;border-bottom:1px solid var(--line)}
.x-mc li span{color:var(--muted)}
.x-mc li em{margin-left:auto;font-style:normal;color:var(--o)}
.x-gl{display:flex;flex-wrap:wrap;gap:.4em;margin-bottom:.6em}
.x-tbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6em}
.x-tb{border:2px solid var(--line);border-radius:12px;padding:.6em;display:flex;flex-direction:column;gap:.3em;background:var(--card);min-width:0;overflow-wrap:anywhere}
.x-tb.x-t-seated{border-color:var(--o)}
.x-tb.x-t-mains{border-color:var(--o);border-style:dashed}
.x-tb.x-t-bill{border-color:var(--head)}
.x-tb.x-fit{box-shadow:0 0 0 3px var(--o)}
.x-tb.x-big{grid-column:span 2}
.x-tb .btn{margin-top:auto}
.x-dock{font-family:ui-monospace,Menlo,monospace;font-size:.82rem;border:1px dashed var(--muted);border-radius:6px;padding:.8em;background:var(--bg2);color:var(--text);margin-bottom:.8em;overflow-wrap:anywhere}
.x-dock p{margin:.3em 0}
.x-rs{margin:.4em 0;padding-left:1.1em}
.x-rs li{margin:.15em 0}
.x-sec{text-transform:uppercase;letter-spacing:.06em;margin:.7em 0 .2em}
.x-mi{display:grid;grid-template-columns:minmax(0,1fr) 82px auto;gap:.5em;align-items:center;padding:.45em 0;border-bottom:1px solid var(--line)}
.x-mn{min-width:0;overflow-wrap:anywhere}
.x-mn b{display:block;font-size:.85rem;color:var(--head)}
.x-d .x-pr{display:flex;align-items:center;gap:.2em;margin:0;color:var(--text)}
.x-out .x-mn b,.x-pv .x-out span:first-child{text-decoration:line-through;color:var(--muted)}
.x-pv{font-size:.8rem}
.x-pv p{display:flex;justify-content:space-between;gap:.6em;margin:.2em 0}
.x-pv p span:first-child{min-width:0;overflow-wrap:anywhere}
.x-pv p span:last-child{flex:0 0 auto}
.x-ch{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4em;margin-bottom:.7em}
.x-ch div{background:var(--bg2);border-radius:8px;padding:.4em .6em;font-size:.74rem;color:var(--text)}
.x-ch b{color:var(--o)}
.x-scroll{overflow-x:auto;max-width:100%}
.x-cal{border-collapse:collapse;font-size:.72rem;width:100%}
.x-cal th,.x-cal td{border:1px solid var(--line);padding:.3em .4em;text-align:left;color:var(--text)}
.x-vc{border:2px dashed var(--o);border-radius:12px;padding:.8em;margin-bottom:.75em;background:var(--bg2);overflow-wrap:anywhere}
.x-vc p{margin:.25em 0}
@media (max-width:560px){
.x-mi{grid-template-columns:minmax(0,1fr) 78px}
.x-mi .btn{grid-column:1/-1}
.x-tbs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.x-r2{gap:.45em}
.x-ba>.btn{flex:1 1 auto}
}