.x-wk{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin-bottom:18px}
.x-day{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:8px;min-width:0}
.x-day.x-now{border-color:var(--o)}
.x-day.x-wet .x-dh span{color:var(--o);font-weight:700}
.x-dh{display:flex;justify-content:space-between;gap:4px;font-size:.78rem;margin-bottom:6px;color:var(--head)}
.x-none{font-size:.72rem;color:var(--muted);margin:4px 0}
.x-pc{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:9px;padding:7px 8px;margin-bottom:6px;cursor:pointer;font:inherit;color:var(--text)}
.x-pc b{display:block;font-size:.78rem;color:var(--head)}
.x-pc span{display:block;font-size:.74rem;line-height:1.25;overflow-wrap:anywhere}
.x-pc small{display:block;font-size:.68rem;color:var(--muted)}
.x-pc em{display:flex;flex-wrap:wrap;gap:4px;font-style:normal;font-size:.68rem;margin-top:4px}
.x-pc em i{font-style:normal}
.x-pc.x-pending{border-left-color:var(--o)}
.x-pc.x-confirmed{border-left-color:#2e9d5b}
.x-pc.x-poured{opacity:.6}
.x-pc.x-sel{box-shadow:0 0 0 2px var(--o)}
.x-st{font-size:.85rem;margin:0 0 10px;color:var(--muted)}
.x-st.x-confirmed{color:#2e9d5b}
.x-wx{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border:1px dashed var(--o);background:var(--bg2);border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:.88rem}
.x-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:0 0 6px}
.x-row label{font-size:.8rem;color:var(--muted);display:flex;flex-direction:column;gap:3px;min-width:0}
.x-og{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.x-og label,.x-f>label{display:flex;flex-direction:column;gap:3px;font-size:.78rem;color:var(--muted);min-width:0}
.x-f>label.xs{flex-direction:row;align-items:center;gap:6px;margin:6px 0}
.x-og input,.x-og select,.x-f input:not([type=checkbox]),.x-row select,.x-cr select{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem}
.x-ord,.x-f,.x-gc,.x-cj,.x-cc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 12px}
.x-f .btn{margin-top:6px}
.x-oh,.x-ch{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-weight:600;color:var(--head);font-size:.9rem}
.x-oh span,.x-ch span{font-weight:500;font-size:.75rem;color:var(--o)}
.x-oc{font-size:.85rem;margin:6px 0 4px}
.x-cl{list-style:none;padding:0;margin:0 0 10px}
.x-cl li{padding:5px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.x-cl label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.x-ph{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}
.x-ph span{width:46px;height:46px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.9rem}
.x-ph small{font-size:.6rem;color:var(--muted)}
.x-eng{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.86rem;margin:0 0 10px}
.x-eng small{color:var(--muted);font-size:.74rem}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.x-lock{font-size:.8rem;color:var(--o);margin:6px 0}
.x-tw{overflow-x:auto;margin:0 0 12px}
.x-t{width:100%;border-collapse:collapse;font-size:.82rem}
.x-t th,.x-t td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.x-t th{color:var(--muted);font-weight:500;font-size:.74rem}
.x-cr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6px 10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;margin:0 0 8px}
.x-cr.x-sel{border-color:var(--o)}
.x-cn b{display:block;color:var(--head);font-size:.88rem}
.x-cn small,.x-cp{font-size:.76rem;color:var(--muted);overflow-wrap:anywhere}
.x-tk{grid-column:1/-1;margin:0;font-size:.78rem;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.x-tk.x-bad{color:var(--o);font-weight:600}
.x-phone{max-width:290px;margin:0 auto;border:2px solid var(--line);border-radius:26px;padding:16px 14px;background:var(--bg2);font-size:.84rem}
.x-phone p{margin:6px 0;overflow-wrap:anywhere}
.x-phone b{color:var(--head)}
.x-phone small{display:block;color:var(--muted);font-size:.72rem;margin-top:6px}
.x-pt{font-size:.72rem;color:var(--muted);text-align:center;margin-bottom:8px}
.x-map{width:100%;height:auto;border-radius:10px;background:var(--card);display:block}
.x-ts0{background:var(--bg2);border-radius:12px;padding:12px}
.x-ts0 .dk-prog{margin-top:10px}
.x-gc ul,.x-cj ul{list-style:none;padding:0;margin:6px 0;font-size:.82rem}
.x-gc li em{color:var(--o);font-style:normal;font-weight:600}
.x-cj li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;overflow-wrap:anywhere}
.x-bad{border-color:var(--o)}
.x-hi{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;margin:0 0 8px}
.x-hi div{min-width:0}
.x-hi b{color:var(--head);font-size:.88rem}
.x-hi small{display:block;font-size:.74rem;color:var(--muted);overflow-wrap:anywhere}
.x-hi em{font-size:.76rem;font-style:normal;color:var(--o)}
.x-hi.x-off{opacity:.6}
.x-hi.x-off em{color:var(--muted)}
.x-okk{font-size:.86rem;color:var(--muted)}
.x-vl,.x-due{list-style:none;padding:0;margin:0 0 14px}
.x-vl li,.x-due li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.82rem}
.x-vl li div{min-width:0}
.x-vl b,.x-due b{color:var(--head)}
.x-vl span,.x-vl small{display:block;overflow-wrap:anywhere}
.x-vl small{color:var(--muted);font-size:.74rem}
.x-vl em,.x-due em{font-style:normal;font-size:.75rem;color:var(--o);white-space:nowrap}
.x-cc.x-bad .x-ch span{color:var(--o);font-weight:700}
.x-bars div{display:grid;grid-template-columns:90px minmax(0,1fr) 84px;gap:6px;align-items:center;font-size:.72rem;margin:3px 0}
.x-bars i{display:block;height:8px;border-radius:4px;background:var(--o);min-width:2px}
.x-bars em{font-style:normal;text-align:right;color:var(--muted)}
@media (max-width:560px){.x-wk{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.x-cr{grid-template-columns:minmax(0,1fr)}.x-hi,.x-vl li,.x-due li{flex-wrap:wrap}.x-bars div{grid-template-columns:70px minmax(0,1fr) 74px}.x-og{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}