.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px;min-width:0;overflow-wrap:anywhere}
.x-card h4{margin:0 0 8px;color:var(--head);font-size:.95rem}
.x-list{margin-top:10px}
.x-top{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between}
.x-top b{color:var(--head)}
.x-chip{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted);background:var(--bg2);overflow-wrap:anywhere}
.x-chip.x-ok{color:#1f9d55;border-color:rgba(31,157,85,.45)}
.x-chip.x-warn{color:var(--o);border-color:var(--o)}
.x-chip.x-bad{color:#d64545;border-color:rgba(214,69,69,.55)}
.x-checks,.x-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.x-acts .btn{font-size:.82rem;padding:6px 12px}
.x-acts+.dk-prog,.x-card .dk-prog{margin-top:8px}
.x-form{display:grid;gap:6px}
.x-form input,.x-card select,.x-card textarea{width:100%;min-width:0;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:.88rem}
.x-card textarea{margin-top:6px;resize:vertical}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:6px 0}
.x-abnr{margin:0;color:var(--muted)}
.x-mini{list-style:none;margin:0 0 8px;padding:0}
.x-mini li{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.x-mini em{color:var(--muted);font-style:normal;font-size:.78rem}
.x-row{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.x-row>span:first-child{flex:1 1 180px;min-width:0}
.x-row .btn{font-size:.8rem;padding:5px 10px}
.x-tbl-w{overflow-x:auto}
.x-tbl{width:100%;border-collapse:collapse;font-size:.84rem}
.x-tbl th,.x-tbl td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}
.x-tbl th{color:var(--muted);font-weight:600;font-size:.75rem}
.x-h4{margin:12px 0 4px;color:var(--head);font-size:.9rem}
.x-sum{font-size:.84rem;margin:8px 0 0}
.x-mail .x-mh,.x-phone .x-ph{font-weight:700;color:var(--head);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}
.x-mail p{margin:0 0 6px;font-size:.88rem}
.x-phone{max-width:300px;margin:0 auto 10px;border:2px solid var(--line);border-radius:22px;padding:14px;background:var(--bg2)}
.x-bub{background:var(--card);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.86rem;color:var(--text);overflow-wrap:anywhere}
.x-dom .dk-cap{margin:8px 0 4px}
.x-lapsed{border-color:#d64545}
.x-red{color:#d64545}
.x-tog{display:inline-flex;gap:6px;align-items:center;font-size:.84rem;cursor:pointer;color:var(--text)}
.x-tk{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin:0 0 6px;font:inherit;color:var(--text);cursor:pointer;overflow-wrap:anywhere}
.x-tk b{display:block;color:var(--head);font-size:.88rem}
.x-tk span{font-size:.75rem;color:var(--muted)}
.x-tk.x-on{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-msg{background:var(--bg2);border-radius:10px;padding:8px 10px;font-size:.86rem;margin:8px 0;color:var(--text)}
.x-me{border-left:3px solid var(--o)}
.x-status{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;background:var(--bg2)}
.x-status b{display:block;color:var(--head)}
.x-status small{color:var(--muted);font-size:.75rem}
.x-down{border-color:var(--o)}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-acts .btn{flex:1 1 auto}.x-phone{max-width:100%}}
