.adm{max-width:900px;margin:0 auto;padding:24px 16px}
.adm-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.adm-head h1{margin:0}
.adm-actions,.pnav{display:flex;gap:8px;flex-wrap:wrap}
.pnav .btn.on{background:var(--accent-soft);border-color:var(--accent);font-weight:700}
.adm .tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.adm table{width:100%;border-collapse:collapse;font-size:14px}
.adm th,.adm td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line-soft,var(--line));vertical-align:middle}
.adm select{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);min-height:36px}
.adm td{overflow-wrap:anywhere}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}
.pill.ok{background:var(--ok-bg);color:var(--ok)}
.pill.warn{background:var(--warn-bg);color:var(--warn)}
.tag{font-size:11px;padding:1px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.msg{margin:0 0 12px;padding:10px 12px;border-radius:8px;border:1px solid var(--line);font-size:14px}
.msg.ok{background:var(--ok-bg);border-color:var(--ok)}
.msg.err{background:var(--bad-bg);border-color:var(--bad)}
.msg:empty{display:none}
.adm .btn{min-height:40px}

.adm select,.adm .btn{min-height:44px}
@media (max-width:640px){
  .adm .tw{border:0;background:none;overflow:visible}
  .adm table,.adm thead,.adm tbody,.adm tr,.adm td{display:block}
  .adm thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .adm tr{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 12px}
  .adm td{border:0;padding:6px 0}
  .adm td:first-child{font-weight:700;overflow-wrap:anywhere;word-break:break-all}
  .adm td .btn,.adm td select{width:100%}
}