.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px;min-width:0}
.x-card.x-on{border-color:var(--o)}
.x-card p{margin:6px 0}
.x-row{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between}
.x-row b{color:var(--head);overflow-wrap:anywhere;min-width:0;font-size:.9rem}
.x-gap{margin-top:8px}
.x-st{font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.x-st.ok{color:#2bb36a;border-color:#2bb36a}
.x-st.warn{color:var(--o);border-color:var(--o)}
.x-st.hot{color:#e05252;border-color:#e05252}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.x-chips .btn{font-size:.78rem;padding:6px 10px}
.x-form{display:grid;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:16px}
.x-form label{display:grid;gap:4px;font-size:.8rem;color:var(--muted);min-width:0}
.x-form input,.x-form select,.x-card select{width:100%;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;margin-top:6px}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.x-calc{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:10px 12px}
.x-calc div{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;padding:2px 0}
.x-calc p{margin:6px 0 0}
.x-calc .x-tot{border-top:1px solid var(--line);margin-top:4px;padding-top:6px;color:var(--head)}
.x-calc .x-tot b{color:var(--o);font-size:1.05rem}
.x-phone{max-width:330px;margin:0 auto 12px;border:8px solid var(--deep);border-radius:28px;padding:14px;background:var(--card);box-sizing:border-box}
.x-ph-h{font-weight:600;color:var(--head);font-size:.85rem;margin-bottom:6px;overflow-wrap:anywhere}
.x-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
.x-photos figure{margin:0;min-width:0}
.x-photos i{display:block;aspect-ratio:4/3;border-radius:8px;background:linear-gradient(160deg,#9db4c0,#6d8a6a 55%,#b59a76)}
.x-photos figure:nth-child(2) i{background:linear-gradient(170deg,#c9b38f,#8b7b66 60%,#7d8fa0)}
.x-photos figure:nth-child(3) i{background:linear-gradient(150deg,#8fb0c9,#a8a29a 50%,#c58f5a)}
.x-photos figcaption{font-size:.62rem;color:var(--muted);line-height:1.2;margin-top:3px;overflow-wrap:anywhere}
.x-ask{border:1px solid var(--o);border-radius:10px;padding:10px;margin:8px 0;display:grid;gap:6px}
.x-ask b{color:var(--head);font-size:.85rem;overflow-wrap:anywhere}
.x-ask span{font-size:.78rem;color:var(--muted)}
.x-up{color:var(--o);font-weight:600}
.x-dn{color:#2bb36a;font-weight:600}
.x-tl{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.x-tn{min-width:0}
.x-tn b{display:block;color:var(--head);font-size:.85rem;overflow-wrap:anywhere}
.x-tn small{color:var(--muted);font-size:.72rem}
.x-tb{position:relative;height:12px;background:var(--bg2);border-radius:6px;overflow:hidden}
.x-tb i{position:absolute;top:0;bottom:0;background:var(--o);border-radius:6px;transition:left .4s,width .4s}
.x-tb u{position:absolute;top:0;bottom:0;left:16.6%;width:2px;background:var(--head);opacity:.5;z-index:1}
.x-tl.x-done .x-tb i{opacity:.35}
.x-tl.x-done .x-tn b{color:var(--muted)}
.x-sms{background:var(--bg2);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.82rem;color:var(--text);margin:6px 0 12px;overflow-wrap:anywhere}
.x-inv{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}
.x-inv p{margin:6px 0}
.x-inv table{width:100%;border-collapse:collapse;font-size:.83rem;margin:8px 0}
.x-inv td{padding:5px 0;border-bottom:1px solid var(--line);color:var(--text);overflow-wrap:anywhere}
.x-inv td:last-child{text-align:right;white-space:nowrap;padding-left:8px}
.x-jobs{display:grid;gap:6px}
.x-jobs .x-row{background:var(--bg2);border-radius:8px;padding:8px 10px}
.x-hide{display:none!important}
@media (max-width:560px){
.x-r2{grid-template-columns:minmax(0,1fr)}
.x-tl{grid-template-columns:minmax(0,1fr) auto}
.x-tb{grid-column:1/-1;grid-row:2}
.x-phone{border-width:6px;padding:12px}
}