/* Hypergrid Admin Center / shared-settings surfaces, all 8 themes via runtime tokens. */
.admin-hub-v2.hg-admin-v2{width:100%;max-width:none;min-width:0;display:grid;gap:var(--kv-space-4);color:var(--kv-text-primary)}
.hg-admin-v2 .page-title{align-items:center;gap:var(--kv-space-4)}
.hg-admin-v2 .page-title h1{letter-spacing:-.025em}
.hg-admin-v2 .admin-search-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;margin:0;background:var(--kv-bg-surface-1);border:1px solid var(--kv-border-subtle);border-radius:var(--kv-radius-card)}
.hg-admin-v2 .hg-admin-search-label{font-size:13px;color:var(--kv-text-secondary);font-weight:650;white-space:nowrap}
.hg-admin-v2 .admin-search-row input{width:auto;min-width:min(360px,100%);max-width:680px;flex:1 1 300px;min-height:38px;background:var(--kv-bg-surface-2);color:var(--kv-text-primary);border:1px solid var(--kv-border-interactive);border-radius:var(--kv-radius-control)}
.hg-admin-v2 .admin-tool-sections{gap:16px}
.hg-admin-v2 .admin-tool-section{min-width:0;padding:16px;border:1px solid var(--kv-border-subtle)!important;background:var(--kv-bg-surface-1)!important;color:var(--kv-text-primary)!important;border-radius:var(--kv-radius-card);box-shadow:var(--kv-shadow-surface)}
.hg-admin-v2 .admin-tool-section-head{margin-bottom:12px}.hg-admin-v2 .admin-tool-section-head h2{font-size:16px;line-height:1.4}
.hg-admin-v2 .admin-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:9px}
.hg-admin-v2 .admin-tool-card{width:100%;height:100%;min-width:0;min-height:78px;grid-template-columns:38px minmax(0,1fr) 14px;padding:12px;border:1px solid var(--kv-border-subtle)!important;background:var(--kv-bg-surface-2)!important;color:var(--kv-text-primary)!important;border-radius:12px;box-shadow:none;transition:background var(--kv-motion-hover),border-color var(--kv-motion-hover),transform var(--kv-motion-hover)}
.hg-admin-v2 .admin-tool-card:hover{transform:translateY(-1px);background:var(--kv-hover-surface)!important;border-color:var(--kv-border-interactive)!important}
.hg-admin-v2 .admin-tool-card span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.hg-admin-v2 .admin-tool-card b{font-size:14px;line-height:1.3;color:var(--kv-text-primary)}
.hg-admin-v2 .admin-tool-card small{font-size:12px;line-height:1.4;color:var(--kv-text-secondary)}
.hg-admin-v2 .admin-tool-icon{width:36px;height:36px;border-radius:11px;background:var(--kv-selected-surface);border:1px solid var(--kv-border-subtle);color:var(--kv-accent)}
.hg-admin-v2 .admin-tool-arrow{font-size:17px;color:var(--kv-text-secondary)}
.hg-admin-v2 .admin-extension-metrics{margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.hg-admin-v2 .admin-reference-note{background:var(--kv-bg-surface-1);border-color:var(--kv-border-subtle);margin:0}
.hg-admin-v2 .hg-admin-empty{padding:28px;text-align:center;border:1px dashed var(--kv-border-interactive);border-radius:var(--kv-radius-card);background:var(--kv-bg-surface-1)}
.hg-admin-v2 .hg-admin-empty b{color:var(--kv-text-primary)}.hg-admin-v2 .hg-admin-empty p{font-size:13px;color:var(--kv-text-secondary)}
.hg-admin-v2 .hg-admin-empty[hidden],.hg-admin-v2 .admin-tool-card[hidden],.hg-admin-v2 .admin-tool-section[hidden],.hg-admin-v2 .admin-search-row button[hidden]{display:none}
.hg-admin-v2 :where(button,input):focus-visible{outline:2px solid var(--kv-focus-ring);outline-offset:2px}
/* Existing Messenger settings represent a large real Admin Center form.
   Keep the API-backed fields and section-level Save, improve their reusable structure. */
.hg-settings-page{display:grid;gap:var(--kv-space-4);max-width:1200px;color:var(--kv-text-primary)}
.hg-settings-page .messenger-settings{margin:0;background:var(--kv-bg-surface-1);border:1px solid var(--kv-border-subtle);border-radius:var(--kv-radius-card);overflow:visible}
.hg-settings-page .messenger-settings>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:0 18px 12px}
.hg-settings-page .messenger-settings .form-grid>label,.hg-settings-page .messenger-settings .form-grid>div:not(.modal-actions){min-width:0;min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px 8px;border-bottom:1px solid var(--kv-border-subtle);font-size:13px;line-height:1.5;color:var(--kv-text-primary)}
.hg-settings-page .messenger-settings .form-grid>label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;background:transparent;color:var(--kv-text-primary)}
.hg-settings-page .messenger-settings .form-grid>label input[type=checkbox]{flex:0 0 auto;accent-color:var(--kv-accent);width:17px;height:17px;margin:0}
.hg-settings-page .messenger-settings .form-grid>div.span2:not(.modal-actions){grid-column:1/-1}
.hg-settings-page .messenger-settings .form-grid :where(input:not([type=checkbox]),select,textarea){width:100%;max-width:100%;min-width:0;min-height:38px;padding:8px 10px;color:var(--kv-text-primary);background:var(--kv-bg-surface-2);border:1px solid var(--kv-border-interactive);border-radius:var(--kv-radius-control)}
.hg-settings-page .messenger-settings .form-grid small{font-size:12px;color:var(--kv-text-secondary)}
.hg-settings-page .hg-settings-save{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;position:sticky;bottom:0;z-index:4;background:var(--kv-bg-floating);border:1px solid var(--kv-border-subtle);border-radius:var(--kv-radius-card);padding:12px}
.hg-settings-page #messengerSettingsSaveStatus{font-size:12px;color:var(--kv-text-secondary)}
.hg-settings-page #messengerSettingsSaveStatus[data-state=dirty]{color:var(--kv-warning)}
.hg-settings-page #messengerSettingsSaveStatus[data-state=saving]{color:var(--kv-info)}
.hg-settings-page #messengerSettingsSaveStatus[data-state=saved]{color:var(--kv-success)}
.hg-settings-page #messengerSettingsSaveStatus[data-state=error]{color:var(--kv-danger)}
.hg-settings-page :where(input,select,textarea,button):focus-visible{outline:2px solid var(--kv-focus-ring);outline-offset:2px}
@media(max-width:950px){.hg-admin-v2 .admin-extension-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hg-admin-v2 .admin-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hg-admin-v2 .admin-tool-grid,.hg-admin-v2 .admin-extension-metrics,.hg-settings-page .messenger-settings>.form-grid{grid-template-columns:minmax(0,1fr)}.hg-admin-v2 .admin-search-row input{min-width:0;width:100%;flex-basis:100%}.hg-settings-page .messenger-settings .form-grid>div.span2{grid-column:auto}.hg-admin-v2 .admin-tool-card{min-height:74px}}
@media(prefers-reduced-motion:reduce){.hg-admin-v2 .admin-tool-card{transition:none;transform:none}}