.x-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 12px;min-width:0}
.x-card.x-done{opacity:.72}
.x-card.x-sel{border-color:var(--o)}
.x-hd{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.x-hd b{color:var(--head);overflow-wrap:anywhere}
.x-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.x-b{display:inline-block;font-size:.72rem;padding:3px 9px;border-radius:99px;background:var(--bg2);color:var(--text);border:1px solid var(--line);white-space:nowrap}
.x-b.x-ok{border-color:#2e9d5b;color:#2e9d5b}
.x-b.x-bad{border-color:#d9534f;color:#d9534f}
.x-b.x-warn{border-color:var(--o);color:var(--o)}
.x-story{margin:6px 0;color:var(--text);overflow-wrap:anywhere;font-size:.9rem}
.x-sug{font-size:.85rem;padding:8px 10px;border-radius:10px;background:var(--bg2);border-left:3px solid var(--o);margin:8px 0;overflow-wrap:anywhere}
.x-sug.x-book,.x-sug.x-ok{border-left-color:#2e9d5b}
.x-sug.x-decline{border-left-color:#d9534f}
.x-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.x-mb{margin-bottom:10px}
.x-mt{margin-top:10px}
.x-card select,.x-card input,.x-card textarea,.x-form input,.x-form select,.x-form textarea,.x-in{font:inherit;font-size:.88rem;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);max-width:100%;min-width:0;box-sizing:border-box}
.x-full{width:100%;display:block}
.x-warnp{color:#d9534f;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.x-phone{max-width:340px;margin:0 auto;border:8px solid var(--deep);border-radius:30px;background:var(--card);padding:14px 12px;box-sizing:border-box}
.x-ph-top{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--muted);margin-bottom:10px}
.x-pt{display:block;color:var(--head);font-size:.95rem;overflow-wrap:anywhere}
.x-form label{display:block;font-size:.8rem;color:var(--head);margin:0 0 10px}
.x-form label input,.x-form label select,.x-form label textarea{display:block;width:100%;margin-top:4px}
.x-form small{display:block;color:var(--muted);font-weight:400;font-size:.72rem;margin-top:2px}
.x-form .x-cb{display:flex;gap:8px;align-items:center}
.x-form .x-cb input{width:auto;display:inline-block;margin:0}
.x-sms{background:var(--bg2);border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:.85rem;margin:12px auto 0;max-width:340px;overflow-wrap:anywhere;color:var(--text)}
.x-sms small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:4px}
.x-hit{border-left:3px solid #d9534f;padding:6px 10px;margin:6px 0;background:var(--bg2);border-radius:0 8px 8px 0;font-size:.85rem;overflow-wrap:anywhere}
.x-hit small{display:block;color:var(--muted);margin-top:2px}
.x-list{list-style:none;padding:0;margin:0}
.x-list li{display:flex;gap:6px 10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.85rem;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between}
.x-list li span{min-width:0}
.x-list li small{color:var(--muted)}
.x-pipe{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}
.x-pipe span{font-size:.7rem;padding:3px 8px;border-radius:99px;background:var(--bg2);color:var(--muted);border:1px solid var(--line)}
.x-pipe span.x-on{border-color:var(--o);color:var(--o);font-weight:600}
.x-doc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;font-size:.85rem;overflow-wrap:anywhere}
.x-doc-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;border-bottom:2px solid var(--o);padding-bottom:8px;margin-bottom:8px}
.x-doc-h b{color:var(--head)}
.x-doc p{margin:6px 0}
.x-sig{margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-style:italic}
.x-sig.x-signed{border-style:solid;border-color:#2e9d5b;color:var(--head)}
.x-stg{list-style:none;padding:0;margin:10px 0;font-size:.8rem}
.x-stg li{padding:4px 0 4px 22px;position:relative;color:var(--muted)}
.x-stg li::before{content:'';position:absolute;left:3px;top:8px;width:9px;height:9px;border-radius:50%;border:2px solid var(--line)}
.x-stg li.x-past{color:var(--text)}
.x-stg li.x-past::before{background:#2e9d5b;border-color:#2e9d5b}
.x-stg li.x-now{color:var(--head);font-weight:600}
.x-stg li.x-now::before{background:var(--o);border-color:var(--o)}
.x-box{background:var(--bg2);border-radius:10px;padding:10px;margin:8px 0;font-size:.82rem}
.x-box b{color:var(--head)}
.x-box p{margin:5px 0;overflow-wrap:anywhere}
.x-box small{display:block;color:var(--muted);font-size:.7rem}
.x-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;font-size:.8rem;margin-bottom:12px}
.x-ba div{background:var(--bg2);border-radius:10px;padding:10px;color:var(--text)}
.x-ba b{display:block;color:var(--head);margin-bottom:2px}
@media (max-width:560px){
.x-ba{grid-template-columns:minmax(0,1fr)}
.x-phone{border-width:5px;border-radius:22px}
.x-row .btn{flex:1 1 auto}
.x-row select{flex:1 1 100%}
}