/* NotificaTHM · panel de administración (usa las variables y estilos de styles.css) */
.admin-top{grid-template-columns:1fr}
.admin-top .brand p a{color:var(--accent)}
.admin-top #who{margin-left:10px;color:var(--muted)}
.narrow{max-width:640px}
.card.panel h2{font-size:22px;margin-top:6px}
.card.panel h3{font-size:18px;margin:14px 0 6px}
.afilters .frow,.frow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}
.afilters .field,.frow .field{min-width:150px;flex:1 1 150px}
.afilters .field.wide,.frow .field.wide{flex:2 1 320px}
.afilters .field>label,.frow .field>label{font-size:15px}
.atabs{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.chart svg{width:100%;height:auto;display:block}
.chart .axis text{font-size:13px;fill:var(--muted)}
.chart .axis path,.chart .axis line{stroke:var(--line)}
.legend2{display:flex;gap:14px;flex-wrap:wrap;font-size:15px;color:var(--muted);margin-top:6px}
.legend2 i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.tablewrap{overflow-x:auto}
table.t{border-collapse:collapse;width:100%;font-size:15px}
table.t th,table.t td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.t th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);position:sticky;top:0}
table.t td.n,table.t th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.t tr.click{cursor:pointer}
table.t tr.click:hover td{background:var(--accent-soft)}
table.t tr.grp td{background:var(--accent-soft);color:var(--accent);font-weight:700}
table.t tr.hl td{background:#fff4c2}
table.t input[type=text],table.t select{font-size:15px;padding:6px 8px;width:100%}
table.t td.small{font-size:13px;color:var(--muted)}
.minibar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--none);min-width:90px}
.minibar i{display:block;height:100%}
.hbar{display:grid;grid-template-columns:minmax(140px,240px) 1fr 120px;gap:8px;align-items:center;margin:6px 0;font-size:15px}
.hbar .b{height:14px;border-radius:7px;background:var(--accent)}
.hbar .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.exports{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.defs{white-space:pre-line;font-size:15px;color:var(--fg)}
.addmed .btn{flex:none}
@media (max-width:820px){.cols2{grid-template-columns:minmax(0,1fr)}}
table.t tr.grp.off td{background:var(--surface-2);color:var(--muted)}
table.t tr.inactivo td{background:#f6f7f9;color:var(--muted)}
table.t tr.inactivo input,table.t tr.inactivo select{color:var(--muted)}
.btn.big{font-size:18px;padding:14px 20px;margin:6px 0 14px}
.exrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line);width:100%}
.exrow>span{flex:1 1 260px}
.exrow .btn.ghost{border:2px solid var(--accent);font-size:15px;padding:7px 14px;min-width:80px}
.card.panel h4{font-size:16px;margin:10px 0 4px}
.rolmap svg{max-height:440px}
table.t th.sortable{cursor:pointer;text-decoration:underline dotted}
.rolchip{display:inline-block;color:#fff;font-size:13px;font-weight:700;border-radius:99px;padding:2px 10px}
td.aempscell{min-width:230px}
td.aempscell select,td.aempscell input{margin-bottom:4px}
td.aempscell label{display:flex;gap:6px;align-items:center}
ol.pasos-v{margin:6px 0 12px;padding-left:22px;font-size:16px;line-height:1.5}
ol.pasos-v li{margin-bottom:4px}
.alertas{border:2px solid #b45f06;background:#fff4c2;border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:16px}
.alertas ul{margin:8px 0;padding-left:20px}
.alertas li{margin:3px 0}
.alertas a{color:var(--accent);font-weight:700}
.alertas.ok{border-color:#2e7d32;background:#e3f2e5}
.aeprop{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:var(--surface);display:grid;gap:6px}
.aeprop label{display:grid;gap:4px} .aeprop input[type=text]{width:100%} .aeprop details p{margin:6px 0 0}
.atabs{flex-wrap:wrap} .atabs button{flex:1 1 150px}
.aeaviso{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;margin-bottom:12px}