.x-phone{border:1px solid var(--line);border-radius:22px;padding:14px;background:var(--card);display:grid;gap:10px;min-width:0}
.x-ph-h{font-size:.78rem;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding-bottom:8px;overflow-wrap:anywhere}
.x-form{display:grid;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;min-width:0}
.x-phone label,.x-form label{display:grid;gap:4px;font-size:.8rem;color:var(--muted);min-width:0}
.x-phone input,.x-phone select,.x-form input,.x-form select,.x-rules input{width:100%;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit}
.x-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.x-slots{display:flex;flex-wrap:wrap;gap:6px}
.x-slot{padding:6px 9px;border-radius:9px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font:inherit;font-size:.8rem;cursor:pointer}
.x-slot.on{border-color:var(--o);box-shadow:inset 0 0 0 2px var(--o);color:var(--head);font-weight:600}
.x-slot:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.x-price{background:var(--bg2);border-radius:12px;padding:10px;font-size:.85rem}
.x-price p{margin:2px 0;display:flex;justify-content:space-between;gap:8px}
.x-price .x-tot{border-top:1px solid var(--line);padding-top:6px;margin-top:6px}
.x-sms{background:var(--bg2);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:.82rem;overflow-wrap:anywhere;color:var(--text)}
.x-board{margin-bottom:8px}
.x-brow{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:.85rem}
.x-chips{display:flex;flex-wrap:wrap;gap:4px}
.x-chip{font-size:.68rem;padding:3px 6px;border-radius:6px;border:1px dashed var(--line);color:var(--muted)}
.x-chip.on{border:1px solid var(--o);color:var(--head);font-weight:600}
.x-chip.done{opacity:.5;text-decoration:line-through}
.x-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.x-list li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:.85rem}
.x-list li span{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.x-list small{display:block;color:var(--muted);font-size:.74rem}
.x-scroll{max-height:340px;overflow-y:auto}
.x-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.x-rules label{display:grid;gap:4px;font-size:.78rem;color:var(--muted)}
.x-rules span{display:flex;align-items:center;gap:4px}
.x-days{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0;font-size:.85rem}
.x-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:14px}
.x-room{border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:12px;padding:10px;background:var(--card);display:grid;gap:6px;min-width:0;align-content:start}
.x-room.x-ready{border-left-color:#2e9e5b}
.x-room.x-play{border-left-color:var(--o)}
.x-room.x-reset{border-left-color:#d9a400}
.x-room.x-fault{border-left-color:#d0453a}
.x-room p{margin:0}
.x-rh{display:flex;justify-content:space-between;gap:6px;align-items:center}
.x-rh b{color:var(--head);overflow-wrap:anywhere}
.x-pill{font-size:.7rem;padding:2px 8px;border-radius:99px;border:1px solid var(--line);white-space:nowrap;color:var(--text)}
.x-ck{display:grid;gap:4px}
.x-ck label{display:flex;gap:6px;font-size:.8rem;align-items:flex-start}
.x-rb{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.x-warn{color:#d0453a;font-size:.85rem;margin:4px 0}
.x-ok{color:#2e9e5b;font-size:.85rem;margin:4px 0}
.x-mxw{overflow-x:auto;margin-bottom:10px;max-width:100%}
.x-mx,.x-tbl{border-collapse:collapse;width:100%;font-size:.8rem}
.x-mx th,.x-mx td,.x-tbl th,.x-tbl td{padding:6px 5px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.x-mx th:first-child,.x-mx td:first-child,.x-tbl th:first-child,.x-tbl td:first-child{text-align:left}
.x-tbl small{display:block;color:var(--muted);font-size:.7rem}
.x-tbl .dk-cap{min-width:50px;margin-bottom:2px}
.x-cell{min-width:34px;padding:3px 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:var(--muted);font:inherit;cursor:pointer}
.x-cell.on{border-color:var(--o);color:var(--head);font-weight:600}
.x-vc{border-radius:14px;padding:14px;border:2px dashed var(--o);background:var(--card);display:grid;gap:2px;text-align:center;overflow-wrap:anywhere}
.x-vc b{font-size:1.6rem;color:var(--head)}
.x-vc em{color:var(--text)}
.x-vc small{color:var(--muted);font-size:.72rem}
.x-code{font:inherit;font-weight:600;font-size:.8rem;padding:4px 8px;border-radius:8px;border:1px solid var(--o);background:var(--card);color:var(--head);cursor:pointer}
.x-sh{margin:10px 0 0;font-weight:600}
.x-pick{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--line);font-size:.85rem}
.x-pick span{min-width:0;overflow-wrap:anywhere}
.x-pick small{display:block;color:var(--muted);font-size:.74rem}
.x-steps{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:0 0 10px}
.x-steps li{font-size:.72rem;padding:4px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.x-steps li.on{border-color:var(--o);color:var(--head);font-weight:600}
.x-doc{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card);font-size:.85rem;margin-bottom:10px;overflow-wrap:anywhere}
.x-doc b{color:var(--head)}
.x-doc p{display:flex;justify-content:space-between;gap:8px;margin:4px 0}
.x-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;font-size:.8rem;margin-top:10px}
.x-ba ul{margin:6px 0 0;padding-left:18px;color:var(--text)}
@media (max-width:560px){.x-brow,.x-ba,.x-two{grid-template-columns:minmax(0,1fr)}.x-rooms{grid-template-columns:minmax(0,1fr)}}