.x-f input,.x-f select,.x-f textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.9rem;margin:0 0 8px}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-ses,.x-blk,.x-inv,.x-form,.x-portal,.x-phone,.x-tab,.x-cert,.x-web,.x-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 12px;overflow-wrap:anywhere;color:var(--text)}
.x-blk{background:var(--bg2)}
.x-risk{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-sh{display:flex;justify-content:space-between;align-items:center;gap:6px 10px;flex-wrap:wrap}
.x-sh b{color:var(--head)}
.x-bar{position:relative;height:8px;border-radius:6px;background:var(--bg2);margin:8px 0 4px}
.x-bar i{display:block;height:100%;border-radius:6px;background:var(--o);transition:width .4s}
.x-bar u{position:absolute;top:-3px;width:2px;height:14px;background:var(--head)}
.x-warn{color:var(--o)}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.x-sm{padding:6px 10px!important;font-size:.8rem!important}
.x-phone{max-width:360px;border-radius:22px;border-width:2px}
.x-ph-h,.x-web-h,.x-tab-h{font-size:.75rem;color:var(--muted);background:var(--bg2);border-radius:8px;padding:6px 10px;margin:0 0 10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.x-tot{font-size:.88rem;margin:2px 0 10px}
.x-names{list-style:none;padding:0;margin:8px 0 0}
.x-names li{display:flex;gap:6px;align-items:center;justify-content:space-between;padding:5px 0;border-top:1px solid var(--line);font-size:.88rem}
.x-names li input{flex:1;min-width:0;margin:0}
.x-hold{border:1px dashed var(--o);border-radius:10px;padding:8px 10px;margin:0 0 10px;font-size:.86rem}
.x-st{font-size:.72rem;padding:2px 8px;border-radius:20px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-overdue{border-color:var(--o)}
.x-overdue .x-st{border:1px solid var(--o);color:var(--o)}
.x-paid .x-st{color:var(--head)}
.x-l{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}
.x-tabl{list-style:none;padding:0;margin:10px 0 0}
.x-who{min-width:0;flex:1 1 170px}
.x-who b{color:var(--head)}
.x-who small{display:block;color:var(--muted);font-size:.75rem}
.x-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.x-chip{font-size:.7rem;padding:1px 7px;border-radius:20px;background:var(--bg2);color:var(--text)}
.x-chip.x-no{color:var(--o);border:1px solid var(--o)}
.x-done{font-size:.78rem;color:var(--head);font-weight:600}
.x-okd .x-who{opacity:.8}
.x-box h4,.x-form h4,.x-portal h4{margin:0 0 8px;color:var(--head);font-size:.95rem}
.x-box p{margin:0 0 8px}
.x-cert{text-align:center;border:3px double var(--o);padding:18px}
.x-cert h4{margin:4px 0;color:var(--head);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}
.x-nm{font-size:1.4rem;color:var(--head);font-weight:700;margin:6px 0}
.x-cf{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px;text-align:left;font-size:.75rem;color:var(--muted)}
.x-qr{width:56px;height:56px;fill:var(--head);background:var(--bg2);padding:3px;border-radius:4px}
.x-pick{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.x-row{display:flex;gap:6px;align-items:center}
.x-row input{flex:1;min-width:0;margin:0}
.x-vres{margin-top:10px;font-size:.88rem}
.x-list{list-style:none;padding:0;margin:0}
.x-list li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:.85rem}
.x-list li b{color:var(--head)}
.x-days{font-style:normal;font-size:.75rem;color:var(--o);font-weight:600}
.x-moved{font-size:.8rem;color:var(--muted)}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-phone{max-width:none}.x-nm{font-size:1.15rem}}