/* Общее для admin.html обоих порталов — то, что в двух проектах было
 * дословно одинаковым (статусы, диалог/модалка настроек). Подключать
 * ПОСЛЕ design-tokens.css — использует те же переменные и дополняет
 * .card/.modal/.err оттуда портал-специфичными свойствами (отступы,
 * z-index), которые в index.html другие.
 *
 * Канонический файл — C:\Users\dulce\Desktop\Claude\_shared\admin-panel.css,
 * см. README.md рядом. Правки — сюда, потом копия в
 * deploy/admin-panel.css каждого портала.
 */

.card{padding:20px;margin-bottom:16px}

.status{margin:0 0 14px;font-size:13px;color:var(--text-muted)}
.status.bad{color:var(--crit)}
.status.good{color:var(--ok)}

.badge.inactive{background:var(--crit-soft);color:var(--crit)}

.modal{z-index:20}
.dlg{width:100%;max-width:460px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);
     max-height:90vh;overflow:auto}
.dlg-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;
       border-bottom:1px solid var(--border)}
.dlg-h h3{margin:0;font-size:16px}
.dlg-b{padding:18px 22px;display:flex;flex-direction:column;gap:14px}
.dlg-f{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border)}
.x{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--text-muted);padding:4px}
.x:hover{color:var(--text)}