/* Layout safety and complete appearance surfaces; shared by all three areas. */
.module-panel,.module-dialog,#appearanceMount,.module-panel *, .module-dialog *,#appearanceMount *{box-sizing:border-box}
.admin-workspace,.admin-content,#adminSettings,#appearanceMount,.module-card,.module-form,.module-form label,.module-split>*{min-width:0}
.admin-content{padding-top:30px!important}.module-panel{padding:24px}.module-heading{gap:16px}.module-card{padding:22px;background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
:is(.module-panel,.module-dialog,#appearanceMount) :is(input,select,textarea){width:100%;min-width:0;max-width:100%;min-height:42px;border:1px solid var(--ui-border);border-radius:10px;padding:9px 12px;background:var(--ui-surface);color:var(--ui-text);font:inherit;line-height:1.6}
:is(.module-panel,.module-dialog,#appearanceMount) :is(input,select,textarea):focus{outline:3px solid color-mix(in srgb,var(--ui-primary) 22%,transparent);border-color:var(--ui-primary)}
:is(.module-panel,.module-dialog,#appearanceMount) button{border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);padding:9px 14px;min-height:40px;font:inherit;line-height:1.5;cursor:pointer;white-space:normal}
:is(.module-panel,.module-dialog,#appearanceMount) button:disabled{opacity:.6;cursor:wait}
.module-primary{background:var(--ui-primary)!important;color:var(--ui-primary-text)!important}.module-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-form label{gap:6px;line-height:1.65}.module-form-footer{align-items:center;padding-top:4px;flex-wrap:wrap}.module-form-footer button{width:auto}.module-form fieldset{min-width:0;border-color:var(--ui-border);padding:12px}.module-form small{line-height:1.9}.module-checklist{max-height:240px;gap:8px}.module-form .check,.module-checklist .check{display:flex;align-items:center;gap:9px;line-height:1.6}
:is(.module-panel,.module-dialog,#appearanceMount) input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;flex-shrink:0;accent-color:var(--ui-primary)}
.module-dialog{position:fixed;inset:0;margin:auto;width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:auto;max-height:calc(100dvh - 40px);padding:0!important;overflow:hidden;background:var(--ui-surface)!important;color:var(--ui-text);border-color:var(--ui-border);border-radius:18px}
.module-dialog[open]{display:flex;flex-direction:column}.module-dialog-head{flex:0 0 auto;padding:16px 20px;margin:0;border-bottom:1px solid var(--ui-border);background:var(--ui-surface)}.module-dialog-head h2{font-size:clamp(18px,var(--ui-title),22px)!important;line-height:1.7}.module-dialog-head button{width:36px;height:36px;min-height:36px;padding:0;font-size:25px!important;flex-shrink:0}.module-dialog-body{padding:20px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.module-dialog-body h3{font-size:19px!important}.module-detail{gap:12px}.module-detail small{line-height:1.7}.module-table td,.module-table th{padding:12px 14px;border-color:var(--ui-border)}.module-table th,.module-summary{background:color-mix(in srgb,var(--ui-surface) 92%,var(--ui-text))!important;color:var(--ui-text)}.module-table tr:hover td{background:color-mix(in srgb,var(--ui-surface) 95%,var(--ui-primary))}.module-table-wrap{border-color:var(--ui-border)}.module-table .selection-cell{width:44px;padding:10px}.module-table .selection-cell input{display:block;margin:auto}.module-table tr.is-selected td{background:color-mix(in srgb,var(--ui-primary) 12%,var(--ui-surface))}.module-table td{max-width:340px}.module-table pre{white-space:pre-wrap;max-width:360px;overflow-wrap:anywhere}
.module-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;align-items:start}.module-split>section{overflow:hidden}.module-split h2,#appearanceMount h2{font-size:22px!important;line-height:1.7}.module-preview-frame{height:570px;display:block;max-width:100%;border-color:var(--ui-border)}.appearance-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.appearance-targets label{display:grid;gap:6px}.module-color input{height:42px;padding:4px}.font-library-row{border-color:var(--ui-border);min-width:0}.font-library-row>div{min-width:0;overflow-wrap:anywhere}.font-library-row button{flex-shrink:0}.settings-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.settings-tabs .active{background:var(--ui-primary)!important;color:var(--ui-primary-text)!important;border-color:transparent!important}.module-bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;margin-bottom:16px;border:1px solid var(--ui-border);border-radius:12px;background:color-mix(in srgb,var(--ui-primary) 6%,var(--ui-surface))}.module-bulkbar span{margin-left:auto}.module-bulkbar select{width:auto;max-width:250px}.words-preview{padding:14px;border:1px dashed var(--ui-border);border-radius:12px;line-height:2}.member-search{margin:14px 0}.bulk-results{max-height:320px;overflow:auto}.settings-tabs+div{scroll-margin-top:100px}
body{background:var(--ui-bg)!important;color:var(--ui-text)!important}
:is(.admin-topbar,.dashboard-topbar,.site-header,.admin-auth-card,.account-card,.auth-dialog,.login-dialog,.module-card,.module-dialog,.dashboard-card,.dashboard-panel,.profile-editor,.stat-card,.admin-stat-card,.admin-panel,.setting-card,.settings-card,.admin-settings,.font-preview,.profile-card,.profile-summary,.overview-card,.welcome-card,.feature-card,.exam-card,.surface-card){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
:is(.admin-sidebar,.dashboard-sidebar){background:var(--ui-sidebar)!important;border-color:var(--ui-border)!important}:is(.admin-nav-link,.dashboard-nav-item){color:var(--ui-sidebar-text)!important}:is(.admin-nav-link,.dashboard-nav-item).active{background:color-mix(in srgb,var(--ui-primary) 14%,var(--ui-sidebar))!important;color:var(--ui-primary)!important}
:is(input,select,textarea){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}:is(p,label,h1,h2,h3,h4,strong,.admin-crumb,.admin-top-user,.top-user-meta){color:var(--ui-text)}:is(small,.muted,.eyebrow,.admin-form-hint){color:var(--ui-muted)!important}
:root[data-theme=dark] :is(.module-alert,.admin-alert,.account-alert){background:#492631!important;color:#ffccd6!important}:root[data-theme=dark] :is(.module-alert.success,.admin-alert.success,.account-alert.success){background:#163d35!important;color:#acf0cf!important}:root[data-theme=dark] .module-badge{background:#193d35;color:#b5eed8}:root[data-theme=dark] .module-badge.blocked{background:#492631;color:#ffccd6}:root[data-theme=dark] .module-badge.pending{background:#443922;color:#f7ddab}:root[data-theme=dark] :is(.hero,.hero-section,.dashboard-content,.admin-content,.admin-workspace,.account-page,.admin-auth){background:var(--ui-bg)!important}:root[data-theme=dark] :is(.hero h1,.hero p,.sidebar-admin-info b,.top-user-meta b,.admin-top-user b){color:var(--ui-text)!important}
@media(max-width:1100px){.module-split{grid-template-columns:minmax(0,1fr)}.module-preview-frame{height:420px}}
@media(max-width:600px){.module-panel{padding:16px}.module-card{padding:16px}.module-form,.appearance-targets,.module-detail{grid-template-columns:minmax(0,1fr)}.module-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.module-dialog-body{padding:16px}.module-dialog-head{padding:12px 16px}.module-bulkbar select{max-width:100%;width:100%}.module-toolbar>*{min-width:0}.module-checklist{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

.topbar,.surface,.hero-card,.hero-float,.stats-band,.dashboard-metric,.notification-popover,.auth-dialog-content,.profile-detail-row{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}.hero-copy em{color:var(--ui-primary)}.top-actions,.dashboard-top-actions{display:flex;align-items:center;gap:12px}

:root{--ink:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-border);--bg:var(--ui-bg);--white:var(--ui-surface);--surface:var(--ui-surface);--blue:var(--ui-primary);--brand:var(--ui-primary);--brand-soft:color-mix(in srgb,var(--ui-primary) 12%,var(--ui-surface))}
.auth-aside :is(p,label,h1,h2,h3,strong,b),.admin-auth-intro :is(p,label,h1,h2,h3,strong,b){color:#edf2ff!important}.auth-aside small,.admin-auth-intro small{color:#bfcbe2!important}
.auth-dialog,.site-login-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 28px);background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}.auth-dialog{padding:20px}.auth-dialog-close{position:sticky;top:0;float:left;left:auto;margin:-8px -4px 0 0;background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-text)}.auth-dialog :is(input,select){height:44px!important}.auth-dialog h2{font-size:24px!important}.notification-popover,.dashboard-app,.auth-layout,.auth-side{background:var(--ui-surface)!important;color:var(--ui-text)!important}.dashboard-nav-item small{background:var(--ui-bg)!important}
.profile-editor :is(input,select){box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface)}.profile-editor button{padding:10px 14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text)}

.module-toolbar input{width:auto;flex:1 1 220px;min-width:min(220px,100%)}.module-toolbar select{width:auto;flex:0 1 175px;min-width:0}.module-toolbar button{flex-shrink:0}.module-dialog-body .module-actions{margin:14px 0}.module-bulkbar button{font-size:14px!important}