.x-bar{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 14px}
.x-bar select,.x-form select,.x-form input{font:inherit;width:100%;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}
.x-bar select{width:auto;max-width:100%;font-weight:600;color:var(--head)}
.x-bar span{overflow-wrap:anywhere}
.x-tw{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--card);margin-bottom:10px}
.x-t{width:100%;border-collapse:collapse;font-size:13px}
.x-t th,.x-t td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;color:var(--text)}
.x-t th:first-child,.x-t td:first-child{text-align:left;white-space:normal;min-width:120px}
.x-t th{color:var(--muted);font-weight:500;font-size:12px}
.x-t td.x-w{white-space:normal;min-width:130px;text-align:left}
.x-t td small{display:block;color:var(--o);font-size:11px}
.x-t td small.x-m{color:var(--muted)}
.x-t tr.x-over td{background:color-mix(in srgb,var(--o) 10%,transparent)}
.x-t tfoot td{font-weight:600;color:var(--head);border-bottom:0}
.x-t input{width:58px;font:inherit;padding:3px 4px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:var(--text);text-align:right}
.x-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin:12px 0}
.x-grow{flex:1 1 220px;min-width:0}
.x-grow .dk-prog{margin-top:8px}
.x-chip{display:inline-block;font-size:12px;padding:3px 10px;border-radius:20px;background:var(--bg2);border:1px solid var(--line);color:var(--text);white-space:nowrap}
.x-chip.x-hot{border-color:var(--o);color:var(--o);font-weight:600}
.x-vars{display:grid;gap:8px;margin-bottom:12px}
.x-var{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.x-var>div{min-width:0;flex:1 1 200px;overflow-wrap:anywhere;color:var(--head)}
.x-var small{display:block;color:var(--muted);font-size:12px}
.x-var.rejected{opacity:.55}
.x-var.approved{border-color:var(--o)}
.x-st{font-style:normal;font-size:12px;padding:2px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted);text-transform:capitalize}
.x-var.approved .x-st{color:var(--o);border-color:var(--o)}
.x-btns{display:flex;gap:6px}
.x-btns .btn,.x-dj .btn{padding:6px 12px;font-size:13px}
.x-form{display:grid;gap:8px;padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--bg2);margin-top:10px}
.x-form b{color:var(--head)}
.x-form label{display:grid;gap:4px}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-ver,.x-files,.x-def,.x-ba{list-style:none;margin:0 0 12px;padding:0;font-size:13px}
.x-ver li{display:flex;flex-wrap:wrap;gap:4px 8px;padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-ver b{color:var(--o);min-width:36px}
.x-ver span{flex:1;min-width:0}
.x-ver em{color:var(--muted);font-style:normal;font-size:12px}
.x-files li{color:var(--muted);padding:2px 0;overflow-wrap:anywhere}
.x-files li.x-gone{text-decoration:line-through;opacity:.55}
.x-def li{padding:4px 0;border-bottom:1px dotted var(--line);overflow-wrap:anywhere}
.x-ba li{padding:7px 10px;margin-bottom:6px;background:var(--bg2);border-radius:8px;line-height:1.5}
.x-doc{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:14px;font-size:13px;margin-top:12px;overflow-wrap:anywhere}
.x-doch{font-weight:700;color:var(--head);letter-spacing:.04em;font-size:12px;border-bottom:2px solid var(--o);padding-bottom:6px;margin-bottom:6px}
.x-doc h5{margin:14px 0 6px;color:var(--head);font-size:13px}
.x-kv{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dotted var(--line)}
.x-kv b{color:var(--head);white-space:nowrap}
.x-kv.x-tot{border-bottom:0;font-size:15px;padding-top:6px}
.x-kv.x-tot b{color:var(--o)}
.x-pb{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 38px;gap:5px 8px;align-items:center;font-size:12px}
.x-pb b{text-align:right;color:var(--head)}
.x-phs{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}
.x-thumb{display:grid;place-items:center;aspect-ratio:4/3;border-radius:8px;background:linear-gradient(135deg,var(--bg2),color-mix(in srgb,var(--o) 25%,var(--bg2)));border:1px solid var(--line);font-style:normal}
.x-thumb span{font-size:20px}
.x-thumb small{font-size:10px;color:var(--muted)}
.x-tablet{border:8px solid var(--deep);border-radius:22px;background:var(--card);padding:12px}
.x-tabh{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;font-size:12px;color:var(--muted);padding-bottom:8px;border-bottom:2px solid var(--o);margin-bottom:6px}
.x-tabh b{color:var(--head);font-size:14px;width:100%}
.x-sr{display:grid;grid-template-columns:minmax(0,1fr) 110px 40px auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:13px}
.x-sr span{overflow-wrap:anywhere}
.x-sr em{color:var(--o);font-style:normal;font-weight:700}
.x-sr input{width:100%;accent-color:var(--o)}
.x-sr output{text-align:right;font-weight:600;color:var(--head)}
.x-cam{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:8px;padding:3px 7px;cursor:pointer}
.x-h4{margin:12px 0 4px;color:var(--head);font-size:14px}
.x-dep{display:grid;gap:8px;margin-bottom:10px}
.x-dj{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.x-dj>div{flex:1 1 190px;min-width:0;overflow-wrap:anywhere;color:var(--head)}
.x-dj small{display:block;color:var(--muted);font-size:12px}
.x-dots{display:flex;gap:4px;margin-top:6px}
.x-dots i{flex:1;height:5px;border-radius:3px;background:var(--line)}
.x-dots i.on{background:var(--o)}
.x-portal{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden;margin-bottom:12px}
.x-porh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:8px 12px;background:var(--bg2);font-size:12px;color:var(--muted)}
.x-portal ul{list-style:none;margin:0;padding:6px 12px}
.x-portal li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.x-portal li b{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--head);font-weight:500}
.x-portal li em{font-style:normal;font-size:11px;color:var(--muted)}
.x-portal li em.x-new{color:var(--o);font-weight:700}
.x-portal .btn{margin:6px 12px 12px}
@media (max-width:560px){
.x-sr{grid-template-columns:minmax(0,1fr) 40px auto}
.x-sr input{grid-column:1/-1;order:5}
.x-r2{grid-template-columns:minmax(0,1fr)}
.x-tablet{border-width:5px;padding:10px}
.x-pb{grid-template-columns:minmax(0,1fr) 70px 36px}
}