/* R17 — backgrounds only: text and semantic status badges retain full opacity. */
html.smd-glass-enabled body:has(.admin-workspace) :is(.panel,.dashboard-card,.content-option-card,.smd-mobile-bottom-nav button),
.smd-glass-preview.is-glass,.smd-glass-preview.is-glass .button{
 box-sizing:border-box;
 background:linear-gradient(145deg,color-mix(in srgb,var(--admin-surface,#0b1d2d) var(--smd-glass-opacity,82%),transparent),color-mix(in srgb,#03101d var(--smd-glass-opacity,82%),transparent))!important;
 border:1px solid color-mix(in srgb,var(--admin-cyan,#17d9ff) 45%,transparent);
 box-shadow:0 0 var(--smd-glow-blur,4px) var(--smd-glow-color,transparent),inset 0 0 var(--smd-glow-blur,4px) var(--smd-inner-glow-color,transparent)!important;
}
html.smd-glass-enabled body:has(.admin-workspace) .button:not(.danger):not(.db-danger-action){
 color:#f5f9ff!important; -webkit-text-fill-color:currentColor;
 background:linear-gradient(145deg,color-mix(in srgb,var(--admin-surface,#0b1d2d) var(--smd-glass-opacity,82%),transparent),color-mix(in srgb,#03101d var(--smd-glass-opacity,82%),transparent));
 box-shadow:0 0 var(--smd-glow-blur,4px) var(--smd-glow-color,transparent);
}
html.smd-glass-enabled body:has(.admin-workspace) :is(.admin-menu-icon,.dashboard-card-icon,.smd-mobile-bottom-nav) svg{
 filter:drop-shadow(0 0 var(--smd-icon-glow-blur,2px) var(--smd-glow-color,transparent));
}
.smd-glass-preview{background:var(--admin-surface,#0b1d2d);border:1px solid var(--admin-line,#1b4563);padding:22px;margin:16px 0;border-radius:14px;color:var(--admin-text,#f5f9ff)}
.smd-glass-controls{border:1px solid var(--admin-line,#1b4563);border-radius:12px;padding:18px;margin:0 0 24px}
.smd-glass-controls input[type=range]{width:100%;min-height:44px;accent-color:var(--admin-cyan,#17d9ff)}
.smd-glass-controls output{font-variant-numeric:tabular-nums}

html.smd-glass-enabled body:has(.admin-workspace) .smd-mobile-bottom-nav button.is-active{border-color:var(--admin-cyan,#17d9ff)!important;color:var(--admin-text,#f5f9ff)}

/* Sidebar keeps its original unframed layout; SVG glow remains configurable. */
@media(min-width:761px){
 html.smd-glass-enabled body:has(.admin-workspace) .admin-sidebar .admin-nav button:not(.active){background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}
}
/* The preview uses the same readable foreground as the real glass actions. */
.smd-glass-preview.is-glass .button{color:var(--admin-text,#f5f9ff)}

/* Explicit foreground for global confirmations rendered outside the workspace. */
html.smd-glass-enabled body:has(.admin-workspace) .system-message-layer .system-message-ok{color:#f5f9ff!important;-webkit-text-fill-color:#f5f9ff!important;background:linear-gradient(145deg,#0c3044,#061926)!important}

/* R20.1 — temporary blue highlight for pointer hover and keyboard focus. */
@media(min-width:761px){
 html.smd-glass-enabled body:has(.admin-workspace) .admin-sidebar .admin-nav button:not(.active):is(:hover,:focus-visible){background:#123e63!important;border-color:#19628f!important;color:#f5f9ff!important;box-shadow:none!important}
}

/* R23: configurable action colors override the older forced dark surfaces. */
@layer smdButtonTheme {
html.smd-glass-enabled body:has(.admin-workspace) [data-smd-button-kind="general"],
[data-smd-buttons-preview] [data-smd-button-kind="general"]{
 background:color-mix(in srgb,var(--smd-btn-general-background) var(--smd-btn-general-opacity),transparent)!important;
 color:var(--smd-btn-general-text)!important;
 -webkit-text-fill-color:var(--smd-btn-general-text)!important;
 border:var(--smd-btn-general-border-width) solid var(--smd-btn-general-border)!important;
}
html.smd-glass-enabled body:has(.admin-workspace) [data-smd-button-kind="edit"],
[data-smd-buttons-preview] [data-smd-button-kind="edit"]{
 background:color-mix(in srgb,var(--smd-btn-edit-background) var(--smd-btn-edit-opacity),transparent)!important;
 color:var(--smd-btn-edit-text)!important;
 -webkit-text-fill-color:var(--smd-btn-edit-text)!important;
 border:var(--smd-btn-edit-border-width) solid var(--smd-btn-edit-border)!important;
}
html.smd-glass-enabled body:has(.admin-workspace) [data-smd-button-kind="delete"],
[data-smd-buttons-preview] [data-smd-button-kind="delete"]{
 background:color-mix(in srgb,var(--smd-btn-delete-background) var(--smd-btn-delete-opacity),transparent)!important;
 color:var(--smd-btn-delete-text)!important;
 -webkit-text-fill-color:var(--smd-btn-delete-text)!important;
 border:var(--smd-btn-delete-border-width) solid var(--smd-btn-delete-border)!important;
}
html.smd-glass-enabled body:has(.admin-workspace) [data-smd-button-kind="save"],
[data-smd-buttons-preview] [data-smd-button-kind="save"]{
 background:color-mix(in srgb,var(--smd-btn-save-background) var(--smd-btn-save-opacity),transparent)!important;
 color:var(--smd-btn-save-text)!important;
 -webkit-text-fill-color:var(--smd-btn-save-text)!important;
 border:var(--smd-btn-save-border-width) solid var(--smd-btn-save-border)!important;
}
}
.smd-button-profile{margin:12px 0;padding:12px;border:1px solid var(--admin-line,#1b4563);border-radius:10px;min-width:0}
.smd-button-profile>summary{cursor:pointer;font-weight:650;padding:8px 0}
.smd-button-preview{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;padding:16px;background:var(--admin-bg,#071522);border-radius:12px}
.smd-button-profile .color-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));min-width:0}

/* R24: consistent action shape in both themes; profile colors remain configurable. */
@layer smdButtonShape {
 body:has(.admin-workspace) [data-smd-button-kind]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap;box-sizing:border-box!important;min-height:40px!important;max-width:100%;padding:10px 16px!important;border-radius:12px!important;clip-path:none!important;line-height:1.3!important;font-weight:650;text-align:center;white-space:normal!important;vertical-align:middle}
 body:has(.admin-workspace) .system-message-ok[data-smd-button-kind]{display:flex!important;width:fit-content;margin-inline:auto!important}
}
.smd-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;line-height:0;pointer-events:none!important}
.smd-action-icon *{pointer-events:none!important}
.smd-action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
 @layer smdButtonShape {
  body:has(.admin-workspace) [data-smd-button-kind]{min-height:44px!important;padding:10px 14px!important}
 }
}

/* Dashboard actions are also styled before appearance preferences arrive. */
body:has(.admin-workspace) .smd-action-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;box-sizing:border-box!important;min-height:40px!important;
 padding:10px 16px!important;border-radius:12px!important;clip-path:none!important;
 line-height:1.3!important;white-space:normal!important
}
@media(max-width:760px){body:has(.admin-workspace) .smd-action-button{min-height:44px!important;padding:10px 14px!important}}