.x-phone{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:14px;max-width:440px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.x-ph-h{font-size:.78rem;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px;overflow-wrap:anywhere}
.x-form label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:8px}
.x-form input,.x-form select,.x-form textarea,.x-app input,.x-app select,.x-sel,.x-phone select{width:100%;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-top:3px}
.x-form textarea{margin-bottom:6px;resize:vertical}
.x-form .x-tg,.x-phone .x-tg{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text);margin:4px 0}
.x-form .x-tg input,.x-phone .x-tg input{width:auto;margin:0;accent-color:var(--o)}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:6px}
.x-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:center}
.x-row input,.x-row select,.x-app .x-row input,.x-app .x-row select,.x-phone .x-row select{flex:1 1 140px;width:auto;min-width:0;margin:0}
.x-agr{border:1px dashed var(--o);border-radius:10px;padding:10px;margin:10px 0}
.x-agr b{color:var(--head);font-size:.85rem}.x-agr small{display:block;color:var(--muted);font-size:.74rem}
.x-tot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600;color:var(--head)}
.x-sms p{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:.8rem;margin:0 0 6px;overflow-wrap:anywhere}
.x-sms b{display:block;font-size:.7rem;color:var(--o)}
.x-job{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;background:var(--card)}
.x-job p{margin:2px 0;overflow-wrap:anywhere}.x-job.x-new{border-color:var(--o)}
.x-jh{display:flex;justify-content:space-between;gap:8px;color:var(--head)}
.x-chips{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.x-chips span{font-size:.7rem;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--text)}
.x-chips .x-bad{color:var(--o);border-color:var(--o)}
.x-job .btn{font-size:.75rem;padding:5px 10px;margin:2px 4px 0 0}
.x-app{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--card);min-width:0}
.x-apph{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.x-app .x-apph select{flex:1 1 200px;width:auto;min-width:0;margin:0}
.x-areas,.x-days{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}
.x-chip{border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:99px;padding:5px 10px;font:inherit;font-size:.75rem;cursor:pointer}
.x-chip.on{border-color:var(--o);color:var(--o);font-weight:600}
.x-chip b{background:var(--o);color:var(--card);border-radius:99px;padding:0 6px;font-size:.65rem;margin-left:2px}
.x-lib{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.x-li{display:flex;gap:8px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:10px;padding:8px;font:inherit;cursor:pointer}
.x-li:hover{border-color:var(--o)}.x-li i{font-style:normal}
.x-li span{min-width:0}.x-li b{display:block;font-size:.8rem;color:var(--head)}.x-li small{font-size:.7rem;color:var(--muted)}
.x-warn{border-left:3px solid var(--o);background:var(--bg2);padding:8px 10px;border-radius:6px;font-size:.82rem;margin:8px 0;overflow-wrap:anywhere}
.x-box{background:var(--bg2);border-radius:12px;padding:12px;margin:10px 0}
.x-box .btn{font-size:.75rem;padding:5px 10px;margin-top:4px}
.x-rep{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card);margin-top:8px}
.x-reph{border-bottom:2px solid var(--o);padding-bottom:6px;margin-bottom:8px}
.x-reph b{display:block;color:var(--head)}.x-reph span{font-size:.72rem;color:var(--muted)}
.x-f{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.x-f svg{flex:0 0 64px;width:64px;height:47px;color:var(--muted)}
.x-f div{min-width:0}.x-f b{font-size:.82rem;color:var(--head)}
.x-f small{display:block;font-size:.7rem;color:var(--muted)}.x-f p{margin:2px 0 0;font-size:.78rem;overflow-wrap:anywhere}
.x-steps{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.x-steps span{font-size:.72rem;padding:4px 9px;border-radius:99px;background:var(--bg2);color:var(--muted);border:1px solid transparent}
.x-steps .on{background:var(--o);color:var(--card)}.x-steps .x-bk{border-color:var(--o);color:var(--o)}
.x-sum{background:var(--bg2);border-radius:10px;padding:10px;font-size:.84rem;margin:8px 0;overflow-wrap:anywhere}
.x-sum ul{margin:6px 0 0;padding-left:18px}
.x-log{list-style:none;padding:0;margin:0;font-size:.78rem}.x-log li{padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:8px}
.x-col{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card);min-width:0}
.x-col h4{margin:0 0 4px;color:var(--head)}.x-col h4 small{display:block;font-weight:400;font-size:.7rem;color:var(--muted)}
.x-dj{background:var(--bg2);border-radius:8px;padding:8px;border-left:3px solid var(--line)}
.x-dj.x-hot{border-left-color:var(--o)}
.x-dj b{display:block;font-size:.82rem;color:var(--head)}.x-dj span{display:block;font-size:.78rem;overflow-wrap:anywhere}
.x-dj small{font-size:.7rem;color:var(--muted)}
.x-drive{font-size:.7rem;color:var(--muted);padding:3px 0 3px 10px}
.x-colf{font-size:.75rem;font-weight:600;color:var(--head);margin:8px 0 0}
.x-stg{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:14px;background:var(--card)}
.x-stg>b{color:var(--head);overflow-wrap:anywhere}.x-stg small{display:block;color:var(--muted);font-size:.75rem}
@media (max-width:560px){.x-lib,.x-r2{grid-template-columns:minmax(0,1fr)}.x-phone{border-radius:16px;padding:10px;max-width:none}.x-f svg{flex-basis:52px;width:52px;height:38px}}