/* Обёртка страниц вне оболочки Sensever: фон, поля, вкладки, вход. Остальное — tools.css из админки Sensever. */
html, body { margin: 0; background: var(--bg-2); color: var(--text-1); font-family: var(--font-sans, system-ui, sans-serif); }
.admin-page { max-width: 1400px; margin: 0 auto; padding: 16px; box-sizing: border-box; }
.admin-tabs { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.admin-tabs nav { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; }
.admin-tabs form { margin: 0; }
.login { display: grid; place-items: center; min-height: 100vh; padding: 16px; box-sizing: border-box; }
.login form { display: grid; gap: 12px; width: min(360px, 100%); }
.login input { padding: 8px; border: 1px solid var(--border-1); border-radius: var(--radius-m); background: var(--bg-3); color: var(--text-1); }

/* Вставка переменной в шаблон сообщения */
.chip{display:inline-block;margin-left:4px;padding:1px 7px;border:1px solid var(--border-2);border-radius:999px;
 background:var(--bg-2);color:var(--text-1);font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
 cursor:pointer;vertical-align:baseline}
.chip:hover{border-color:var(--accent);color:var(--accent)}