.x-map{display:grid;gap:.6rem}
.x-arm>b{display:block;font-size:.85rem;color:var(--head);margin-bottom:.25rem}
.x-arm>b small{font-weight:400;color:var(--muted);margin-left:.4rem;font-size:.72rem}
.x-pens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}
.x-pen{position:relative;border:1px solid var(--line);border-radius:8px;padding:.35rem .4rem;text-align:left;background:var(--card);color:var(--text);cursor:pointer;font:inherit;min-width:0}
.x-pen b{display:block;font-size:.8rem;color:var(--head)}
.x-pen small{display:block;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.x-pen em{position:absolute;top:.2rem;right:.3rem;font-style:normal;font-size:.7rem}
.x-tag{font-size:.7rem;padding:.15rem .55rem;border-radius:99px;border:1px solid var(--line);background:var(--bg2);color:var(--head);white-space:nowrap}
.x-leg{display:flex;flex-wrap:wrap;gap:.3rem;margin:.6rem 0}
.x-leg span{padding:.15rem .5rem;border-radius:99px;font-size:.7rem;border:1px solid var(--line);color:var(--text)}
.x-occ{background:rgba(60,120,200,.15)}
.x-vac{background:transparent;border-style:dashed!important}
.x-away{background:rgba(240,170,40,.22)}
.x-bkd{background:rgba(255,110,30,.2);border-color:var(--o)!important}
.x-vis{background:rgba(40,170,100,.22)}
.x-pen.x-on{outline:2px solid var(--o);outline-offset:1px}
.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;margin-bottom:.7rem;overflow-wrap:anywhere}
.x-card p{margin:.4rem 0}
.x-ch{display:flex;justify-content:space-between;gap:.5rem;align-items:center;flex-wrap:wrap;color:var(--head)}
.x-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.x-warn{background:rgba(255,110,30,.12);border-left:3px solid var(--o);padding:.45rem .6rem;border-radius:6px;font-size:.85rem;color:var(--text)}
.x-bad{border-color:var(--o)!important;box-shadow:inset 0 0 0 1px var(--o)}
.x-phone{border:1px solid var(--line);border-radius:18px;background:var(--bg2);padding:.7rem;margin-bottom:.8rem}
.x-ph-h{font-size:.72rem;color:var(--muted);margin-bottom:.5rem;overflow-wrap:anywhere}
.x-form{display:grid;gap:.5rem;margin-bottom:.6rem}
.x-form b{color:var(--head)}
.x-form label{display:grid;gap:.15rem;font-size:.75rem;color:var(--muted);min-width:0}
.x-form input,.x-form select,.x-form textarea,.x-sel{width:100%;box-sizing:border-box;font:inherit;font-size:.85rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);min-width:0}
.x-sel{margin-bottom:.6rem}
.x-form input[type=checkbox]{width:auto}
.x-form .x-chk{display:flex;align-items:center;gap:.4rem;align-self:end;padding-bottom:.4rem}
.x-r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.x-r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.x-opts>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem .6rem;align-items:center;padding:.5rem;border:1px solid var(--line);border-radius:10px;margin-top:.4rem;background:var(--card)}
.x-opts b{color:var(--head)}
.x-opts span{font-size:.72rem;color:var(--muted)}
.x-opts em{font-style:normal;font-weight:600;color:var(--head)}
.x-opts button{grid-column:1/-1}
.x-sms{background:var(--bg2);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:.65rem .85rem;font-size:.82rem;max-width:24rem;overflow-wrap:anywhere;color:var(--text)}
.x-tw{overflow-x:auto;max-width:100%}
.x-tbl{width:100%;border-collapse:collapse;font-size:.8rem}
.x-tbl th,.x-tbl td{padding:.35rem .4rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.x-tbl th{color:var(--muted);font-weight:500;font-size:.72rem}
.x-tbl td small{display:block;color:var(--muted);font-size:.68rem}
.x-inv .x-tbl td:last-child{text-align:right;white-space:nowrap}
.x-inv{border:1px solid var(--line);border-radius:12px;padding:.8rem;background:var(--card);margin-bottom:.8rem;overflow-wrap:anywhere}
.x-offer{border:1px dashed var(--o);border-radius:10px;padding:.6rem;margin-bottom:.6rem;font-size:.85rem;display:grid;gap:.45rem;overflow-wrap:anywhere}
.x-h4{margin:.6rem 0 .2rem;font-size:.85rem;color:var(--head)}
.x-wl{margin:.2rem 0 .7rem;padding-left:1.3rem;font-size:.82rem}
.x-wl li{padding:.2rem 0;overflow-wrap:anywhere}
.x-wl span{color:var(--muted);margin:0 .4rem}
.x-wl em{font-size:.7rem;font-style:normal;color:var(--muted)}
.x-stale{opacity:.6}
.x-stale em{color:var(--o)}
.x-od{list-style:none;padding:0;margin:0 0 .4rem}
.x-od li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem .5rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.82rem}
.x-od em{width:100%;font-size:.7rem;color:var(--muted);font-style:normal}
.x-grid{display:grid;grid-template-columns:2.6rem repeat(5,minmax(0,1fr));gap:3px;font-size:.66rem;margin-bottom:.7rem}
.x-grid>*{padding:.3rem .25rem;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.x-grid>b{color:var(--head);text-align:center}
.x-grid>span{background:var(--bg2);color:var(--muted);text-align:center}
.x-grid>span.x-gh{background:transparent}
.x-grid>span.x-taken{background:rgba(255,110,30,.22);color:var(--head);text-align:left}
.x-yard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.x-ys{border:1px solid var(--line);border-radius:10px;padding:.45rem;font-size:.75rem;display:grid;gap:.15rem;background:var(--card);min-width:0;overflow-wrap:anywhere;align-content:start}
.x-ys b{color:var(--head)}
.x-ys small,.x-ys em{color:var(--muted);font-style:normal;font-size:.68rem}
.x-ys .btn{font-size:.7rem;padding:.3rem .4rem;margin-top:.2rem}
.x-photo{display:inline-block;font-size:.7rem;padding:.2rem .5rem;border-radius:6px;background:var(--bg2);color:var(--text)}
.x-jdone{opacity:.6}
@media (max-width:560px){
.x-pens{grid-template-columns:repeat(3,minmax(0,1fr))}
.x-r3{grid-template-columns:repeat(2,minmax(0,1fr))}
.x-yard{grid-template-columns:repeat(2,minmax(0,1fr))}
.x-grid{grid-template-columns:2.2rem repeat(5,minmax(0,1fr));font-size:.58rem}
.x-opts>div{grid-template-columns:auto minmax(0,1fr)}
.x-opts em{grid-column:1/-1}
}