.x-room{position:relative;width:100%;max-width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:12px;margin:8px 0;box-sizing:border-box}
.x-room>div{position:absolute;box-sizing:border-box}
.x-wall{inset:0;background:linear-gradient(#f0eae0,#e1d8c9)}
.x-r-kitchen .x-wall{background:linear-gradient(#eef1ee,#dce2dc)}
.x-r-bed .x-wall{background:linear-gradient(#efe9f0,#ddd4de)}
.x-side{left:0;right:0;bottom:0;height:46%;background:#cbc1b2}
.x-floor{left:0;right:0;bottom:0;height:46%;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}
.x-win{left:10%;top:8%;width:24%;height:34%;background:linear-gradient(160deg,#cfe7f4,#eef6fa);border:4px solid #faf8f3}
.x-furn{left:44%;bottom:28%;width:40%;height:18%;background:#56656e;border-radius:12px 12px 4px 4px;box-shadow:0 6px 8px rgba(0,0,0,.25)}
.x-r-kitchen .x-furn{left:52%;bottom:36%;width:40%;height:24%;background:#f1ede5;border-top:6px solid #6b6259;border-radius:2px}
.x-r-bed .x-furn{left:30%;bottom:20%;width:44%;height:20%;background:#f3efe8;border-top:8px solid #8b7d6b;border-radius:6px}
.x-tag{left:8px;bottom:8px;max-width:calc(100% - 16px);background:rgba(20,20,20,.62);color:#fafafa;font-size:11px;line-height:1.3;padding:3px 8px;border-radius:12px;overflow-wrap:anywhere}
.x-sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}
.x-sw button{border:2px solid var(--line);border-radius:10px;padding:0;background:var(--card);color:var(--text);font:inherit;cursor:pointer;overflow:hidden;text-align:left;min-width:0}
.x-sw button.on{border-color:var(--o)}
.x-sw i{display:block;height:30px}
.x-sw span{display:block;font-size:11px;padding:3px 5px;line-height:1.25;overflow-wrap:anywhere;color:var(--head)}
.x-sw small{display:block;color:var(--muted);font-size:10px}
.x-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.x-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0}
.x-g2 label{display:block;min-width:0;color:var(--muted)}
.x-in{display:block;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:14px;min-width:0;max-width:100%}
.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;min-width:0;overflow-wrap:anywhere}
.x-sel{border-color:var(--o)}
.x-big{font-size:24px;font-weight:700;color:var(--head);margin:8px 0 2px;overflow-wrap:anywhere}
.x-tbl{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0;table-layout:fixed}
.x-tbl td{padding:5px 0;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.x-tbl td:last-child{text-align:right;width:92px;padding-left:8px}
.x-tbl .x-tot td{font-weight:700;color:var(--head)}
.x-stock{font-size:13px;padding:8px 10px;border-radius:8px;background:var(--bg2);margin:8px 0;overflow-wrap:anywhere}
.x-stock.x-bad{border-left:3px solid var(--o)}
.x-chk1 label,.x-chk label{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;margin:4px 0;color:var(--text);min-width:0}
.x-chk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin:8px 0}
.x-chk .x-n{width:72px;display:inline-block}
.x-favs{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.x-favs button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:3px 10px 3px 3px;background:var(--card);color:var(--text);font:inherit;font-size:12px;cursor:pointer;max-width:100%}
.x-favs i{width:22px;height:22px;border-radius:50%;flex:0 0 22px}
.x-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.x-cmp>div{min-width:0}
.x-list{list-style:none;margin:0 0 6px;padding:0}
.x-list li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.x-list li>span{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.x-dot{flex:0 0 28px;width:28px;height:28px;border-radius:6px}
.x-late{color:var(--o)}
.x-pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;background:var(--bg2);color:var(--muted)}
.x-pill.x-hot{color:var(--o);font-weight:600}
.x-qh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center}
.x-phone{max-width:320px;margin:0 auto 12px;border:6px solid var(--deep);border-radius:22px;padding:12px;background:var(--card);box-sizing:border-box;overflow-wrap:anywhere}
.x-phone .x-in{margin-bottom:6px}
.x-phone .btn{max-width:100%;white-space:normal}
.x-ph-h{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:8px 10px;font-size:12.5px;margin:8px 0}
.x-slots{display:flex;flex-wrap:wrap;gap:6px}
.x-day{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px}
.x-day h4{margin:0 0 4px;font-size:14px;color:var(--head)}
.x-rm{display:grid;grid-template-columns:minmax(0,1fr) 84px auto;gap:6px;align-items:center;margin:4px 0}
.x-rm span{overflow-wrap:anywhere;font-size:13px}
.x-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 8px}
.x-tiles button{border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;padding:6px;text-align:left;cursor:pointer;min-width:0}
.x-tiles button.on{border-color:var(--o)}
.x-tiles small,.x-tiles b,.x-tiles span{display:block;font-size:11px;overflow-wrap:anywhere}
.x-tiles b{font-size:12px;color:var(--head)}
.x-sch{display:grid;grid-template-columns:96px repeat(10,minmax(0,1fr));gap:3px;font-size:11px;margin:6px 0}
.x-sch>div{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 1px;border-radius:5px;background:var(--bg2);text-align:center;color:var(--muted)}
.x-sch .x-cn{text-align:left;background:none;color:var(--head);font-weight:600}
.x-sch .x-hd{background:none;font-weight:600;color:var(--head)}
.x-sch .x-job{color:#fafafa;font-weight:600}
.x-jsel{display:inline-block;width:auto;max-width:100%;font-size:12px;padding:3px 6px}
.x-ck{list-style:none;padding:0;margin:6px 0;font-size:13px}
.x-ck li{padding:2px 0}
@media (max-width:560px){
.x-sch{grid-template-columns:repeat(10,minmax(0,1fr));font-size:10px}
.x-sch .x-cn{grid-column:1/-1;padding:6px 0 0}
.x-sch .x-c0{display:none}
.x-g2,.x-chk{grid-template-columns:minmax(0,1fr)}
.x-big{font-size:20px}
.x-tbl td:last-child{width:80px}
}