.x-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card);margin:0 0 8px}
.x-row.x-sel{border-color:var(--o)}
.x-row.x-dim{opacity:.55}
.x-main{flex:1 1 200px;min-width:0;overflow-wrap:anywhere;color:var(--text)}
.x-main b{color:var(--head)}
.x-main .dk-prog{margin:6px 0 0}
.x-rk{flex:0 0 30px;height:30px;border-radius:50%;background:var(--bg2);color:var(--head);display:grid;place-items:center;font-weight:700;font-size:13px}
.x-tag{display:inline-block;font-size:11px;line-height:1.6;border:1px solid var(--line);border-radius:99px;padding:0 8px;margin:4px 4px 0 0;color:var(--muted)}
.x-tag.x-hot{border-color:var(--o);color:var(--o)}
.x-st{font-size:13px;font-weight:600;color:var(--head);margin-top:4px}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.x-sm{padding:6px 12px!important;font-size:13px!important}
.x-tog{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.x-tog .x-on{border-color:var(--o);color:var(--o)}
.x-grp{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:var(--card)}
.x-gh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:var(--head);font-size:14px;margin-bottom:6px}
.x-gh span{color:var(--muted);font-size:13px}
.x-phone{max-width:320px;margin:10px auto 14px;border:2px solid var(--line);border-radius:26px;padding:14px 16px 18px;background:var(--card);color:var(--text);overflow-wrap:anywhere}
.x-phone p{margin:0 0 4px}
.x-ph{font-size:11px;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}
.x-pb{background:var(--bg2);border-radius:14px;padding:12px;margin-top:8px}
.x-pb p{margin:0 0 6px}
.x-big{display:block;font-size:44px;line-height:1.1;color:var(--o)}
.x-secs{list-style:none;padding:0;margin:0 0 10px}
.x-secs li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
.x-secs li span{min-width:0;flex:1 1 150px}
.x-secs li.x-ok span{color:var(--muted)}
.x-form{display:grid;gap:8px;margin:0 0 14px}
.x-form input:not([type=checkbox]),.x-form select,.x-form textarea,.x-in{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:14px}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);flex-wrap:wrap;margin:0 0 8px}
.x-chk .x-in{width:auto;flex:1 1 140px}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:13px;color:var(--text);margin:8px 0 12px;overflow-wrap:anywhere}
.x-sms small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.x-alert{border-left:3px solid var(--o);padding:2px 0 2px 8px;margin-top:6px;font-size:13px;color:var(--head)}
.x-sheet{border:1px dashed var(--line);border-radius:12px;padding:10px 12px;font-size:13px;background:var(--bg2);color:var(--text);overflow-wrap:anywhere}
.x-sheet ul{margin:6px 0 0;padding-left:18px}
.x-tal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 36px;gap:8px;align-items:center;font-size:13px;margin:0 0 6px;color:var(--text)}
.x-tal .dk-prog{margin:0}
.x-tal b{color:var(--head);text-align:right}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-phone{max-width:none}.x-big{font-size:36px}.x-row{padding:9px 10px}}