.x-ql{display:grid;gap:8px;margin-bottom:14px}
.x-q{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--text);font:inherit;cursor:pointer}
.x-q.x-on{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-qt{display:flex;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;align-items:center;color:var(--head)}
.x-q small{display:block;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere;margin-top:2px}
.x-st{font-style:normal;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.x-st.x-new{border-color:var(--o);color:var(--o)}
.x-card,.x-form,.x-phone,.x-un,.x-sr{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px;color:var(--text);overflow-wrap:anywhere}
.x-form h4,.x-card h4{margin:10px 0 8px;color:var(--head);font-size:.95rem}
.x-form input:not([type=checkbox]),.x-form select,.x-card select,.x-bk select,.x-sf select,.x-sf input{width:100%;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.85rem;margin-bottom:8px}
.x-card select:disabled{opacity:.6}
.x-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-row label{font-size:.75rem;color:var(--muted);min-width:0}
.x-hz{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;margin:2px 0 10px}
.x-hz label{display:flex;gap:5px;align-items:center}
.x-pics{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.x-pic{width:64px;height:64px;border-radius:8px;display:block}
.x-flag{border-radius:10px;padding:10px 12px;margin:10px 0;border-left:4px solid var(--muted);background:var(--bg2);font-size:.85rem}
.x-flag p{margin:4px 0 8px}
.x-flag.x-clear{border-left-color:#3a9d5d}
.x-flag.x-check{border-left-color:#e0a526}
.x-flag.x-permit{border-left-color:#d64545}
.x-lines{list-style:none;padding:0;margin:8px 0;font-size:.82rem}
.x-lines li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line)}
.x-lines li span{min-width:0;overflow-wrap:anywhere}
.x-lines li b{white-space:nowrap}
.x-tot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:var(--head)}
.x-tot b{font-size:1.4rem;color:var(--o)}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.x-stp{display:flex;align-items:center;gap:8px;font-size:.82rem;margin:4px 0}
.x-stp button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--text);cursor:pointer;font:inherit}
.x-stp button:disabled{opacity:.4;cursor:default}
.x-sms{background:var(--bg2);border-radius:14px;padding:10px 12px;margin:10px 0;font-size:.83rem;max-width:340px}
.x-sms small{color:var(--muted);display:block;margin-bottom:4px}
.x-sms p{margin:0;padding:8px 10px;border-radius:12px 12px 12px 3px;background:var(--card);border:1px solid var(--line);overflow-wrap:anywhere}
.x-day{border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:8px;background:var(--card)}
.x-dh{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px;color:var(--head);font-size:.85rem}
.x-dh span{display:flex;flex-wrap:wrap;gap:4px}
.x-g{font-style:normal;font-size:.66rem;padding:2px 6px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}
.x-g.x-busy{border-color:var(--o);color:var(--o);font-weight:600}
.x-crews{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.x-slot{display:block;text-align:left;font:inherit;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--bg2);color:var(--text);min-width:0;cursor:pointer}
.x-slot small,.x-slot span{display:block;font-size:.7rem;color:var(--muted);overflow-wrap:anywhere}
.x-slot b{display:block;font-size:.8rem;overflow-wrap:anywhere;color:var(--head)}
.x-slot.x-on{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-slot.x-free{cursor:default;border-style:dashed;background:transparent}
.x-slot.x-done,.x-slot.x-paid{opacity:.7}
.x-un p{margin:4px 0}
.x-bk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:6px}
.x-bk select{margin:0}
.x-hold{font-size:.8rem;color:var(--o);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.x-phone{max-width:360px;border-width:2px;border-radius:22px}
.x-phone p{margin:4px 0}
.x-ph{font-size:.72rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}
.x-pre{list-style:none;padding:8px 10px;margin:8px 0;font-size:.8rem;background:var(--bg2);border-radius:10px}
.x-pre li{padding:2px 0}
.x-ml{list-style:none;padding:0;margin:0 0 8px;font-size:.82rem}
.x-ml li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-sf{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.x-sr{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;border-left:5px solid var(--line)}
.x-sr>div{flex:1 1 180px;min-width:0}
.x-sr p{margin:3px 0}
.x-sr.x-s1{border-left-color:#d64545}
.x-sr.x-s2{border-left-color:#e07b26}
.x-sr.x-s3{border-left-color:#e0a526}
.x-sr.x-s4{border-left-color:#3a9d5d}
.x-sv{font-size:1.4rem;line-height:1}
.x-sub{margin:14px 0 6px;font-size:.85rem;color:var(--head);font-weight:600}
.x-mode{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.x-tog{display:flex;align-items:center;gap:8px;font-size:.82rem;margin:2px 0 6px;color:var(--muted)}
.x-chk label{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;padding:6px 0;border-bottom:1px solid var(--line)}
.x-sign{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.x-tk{list-style:none;padding:0;margin:0 0 10px}
.x-tk li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line);font-size:.82rem;overflow-wrap:anywhere}
.x-tk li small{color:var(--muted);display:block;margin-bottom:4px}
.x-tk em{font-style:normal;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.x-tk .x-soon em{color:var(--o);border-color:var(--o)}
.x-tk .x-exp em{color:#d64545;border-color:#d64545}
@media (max-width:560px){.x-row,.x-bk,.x-sf{grid-template-columns:minmax(0,1fr)}.x-pic{width:54px;height:54px}.x-phone,.x-sms{max-width:none}}