/* Korax Liquid Glass · 08/10/2026. Material is independent of the brand palette. */
:root,.theme-background,[data-theme],[data-appearance] {
  --glass-fill:rgb(250 250 253 / .72);
  --glass-panel:rgb(252 252 254 / .92);
  --glass-control:rgb(255 255 255 / .76);
  --glass-hover:rgb(255 255 255 / .94);
  --glass-primary:color-mix(in srgb,var(--action-primary) 18%,rgb(255 255 255 / .84) 82%);
  --glass-primary-hover:color-mix(in srgb,var(--action-primary) 25%,rgb(255 255 255 / .96) 75%);
  --glass-primary-ink:var(--action-text);
  --glass-edge:rgb(255 255 255 / .82);
  --glass-rim:rgb(75 70 92 / .22);
  --glass-highlight:rgb(255 255 255 / .92);
  --glass-shade:rgb(49 43 70 / .13);
  --glass-sheen:linear-gradient(135deg,rgb(255 255 255 / .48),rgb(255 255 255 / .04) 36%,rgb(255 255 255 / .18));
  --glass-shadow:0 12px 36px rgb(38 32 60 / .10),0 2px 6px rgb(38 32 60 / .06);
  --glass-button-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 var(--glass-shade),0 4px 12px var(--glass-shade);
  --glass-nav-blur:24px;
  --glass-button-blur:12px;
  --button-radius:999px;
  --button-focus-width:3px;
  --button-focus-offset:3px;
}
[data-appearance="dark"] {
  --glass-fill:rgb(27 28 36 / .78);
  --glass-panel:rgb(28 29 38 / .94);
  --glass-control:rgb(38 38 48 / .86);
  --glass-hover:rgb(58 56 70 / .97);
  --glass-primary:color-mix(in srgb,var(--action-primary) 30%,rgb(232 232 237 / .88) 70%);
  --glass-primary-hover:color-mix(in srgb,var(--action-primary) 18%,#fff 82%);
  --glass-primary-ink:#20212a;
  --glass-edge:rgb(255 255 255 / .18);
  --glass-rim:rgb(0 0 0 / .30);
  --glass-highlight:rgb(255 255 255 / .24);
  --glass-shade:rgb(0 0 0 / .26);
  --glass-sheen:linear-gradient(135deg,rgb(255 255 255 / .11),rgb(255 255 255 / .015) 36%,rgb(255 255 255 / .06));
  --glass-shadow:0 14px 42px rgb(0 0 0 / .26),0 2px 8px rgb(0 0 0 / .16);
}
/* No filter on navigation ancestors: fixed overlays keep viewport coordinates. */
.glass-navigation,.site-sidebar,.topbar,#mobile-menu,.sidebar-pattern-preview,.demo-sidebar,.demo-topbar,.wf-sidebar,.wf-topbar,#wireframe-menu {
  isolation:isolate;
  background:transparent;
  border:1px solid var(--glass-edge);
  box-shadow:var(--glass-shadow),0 0 0 1px var(--glass-rim),inset 0 1px 0 var(--glass-highlight);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.glass-navigation::before,.site-sidebar::before,.topbar::before,#mobile-menu::before,.sidebar-pattern-preview::before,.demo-sidebar::before,.demo-topbar::before,.wf-sidebar::before,.wf-topbar::before,#wireframe-menu::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:var(--glass-sheen),var(--glass-fill);
  -webkit-backdrop-filter:blur(var(--glass-nav-blur)) saturate(145%);
  backdrop-filter:blur(var(--glass-nav-blur)) saturate(145%);
}
.glass-navigation,.sidebar-pattern-preview,.demo-sidebar,.demo-topbar,.wf-sidebar,.wf-topbar {position:relative}
.button,.icon-button,.theme-trigger,.appearance-toggle,.segmented button,.account-avatar-trigger,.news-trigger,.apps-panel-close,.sidebar-account-options>summary {
  background:var(--glass-sheen),var(--glass-control);
  color:var(--text-primary);
  border:1px solid var(--glass-rim);
  border-radius:var(--button-radius);
  box-shadow:var(--glass-button-shadow);
  -webkit-backdrop-filter:blur(var(--glass-button-blur)) saturate(140%);
  backdrop-filter:blur(var(--glass-button-blur)) saturate(140%);
  transition:background-color 180ms,border-color 180ms,box-shadow 180ms,color 180ms;
}
.button.primary,.button[aria-pressed="true"],.segmented button[aria-pressed="true"],.theme-trigger[aria-expanded="true"] {
  background:var(--glass-sheen),var(--glass-primary);color:var(--glass-primary-ink);
  border-color:color-mix(in srgb,var(--action-text) 38%,transparent);
}
.button:not(:disabled):not([aria-disabled="true"]):hover,.icon-button:not(:disabled):hover,.theme-trigger:not(:disabled):hover,.appearance-toggle:not(:disabled):hover,.segmented button:not(:disabled):hover,.account-avatar-trigger:not(:disabled):hover,.news-trigger:hover,.apps-panel-close:hover {
  background:var(--glass-sheen),var(--glass-hover);color:var(--text-primary);
  box-shadow:var(--glass-button-shadow),0 2px 6px var(--glass-shade);
}
.button.primary:not(:disabled):not([aria-disabled="true"]):hover,.button[aria-pressed="true"]:hover,.segmented button[aria-pressed="true"]:hover {
  background:var(--glass-sheen),var(--glass-primary-hover);color:var(--glass-primary-ink);
}
.button.ghost {background:var(--glass-control);color:var(--text-primary);box-shadow:inset 0 1px 0 var(--glass-highlight)}
.button.danger,.button.danger:not(:disabled):not([aria-disabled="true"]):is(:hover,:active) {background:var(--glass-sheen),var(--danger-soft);color:var(--danger);border-color:var(--danger)}
.button:not(:disabled):not([aria-disabled="true"]):active,.icon-button:not(:disabled):active,.segmented button:not(:disabled):active {box-shadow:inset 0 2px 5px var(--glass-shade);border-color:var(--action-text)}
.button.primary:not(:disabled):not([aria-disabled="true"]):active {background:var(--glass-sheen),var(--glass-primary-hover);color:var(--glass-primary-ink);box-shadow:inset 0 2px 5px var(--glass-shade)}
.button:disabled,.button[aria-disabled="true"],.icon-button:disabled,.segmented button:disabled {opacity:.55;cursor:not-allowed;box-shadow:inset 0 1px 0 var(--glass-highlight)}
.button[aria-busy="true"] {cursor:progress}
.button:focus-visible,.icon-button:focus-visible,.news-trigger:focus-visible,.apps-panel-close:focus-visible {outline:3px solid var(--focus-ring);outline-offset:3px}
.icon-button,.topbar-theme,.segmented [data-device],.news-trigger,.apps-panel-close {width:44px;min-width:44px;max-width:44px;height:44px;padding:0;border-radius:50%;flex-shrink:0;display:inline-grid;place-items:center}
.account-avatar-trigger {border-radius:10px}
.appearance-toggle::before {border-radius:999px}
.button[data-button-state="hover"] {background:var(--glass-sheen),var(--glass-hover)}
.button[data-button-state="pressed"] {background:var(--glass-primary);color:var(--glass-primary-ink);box-shadow:inset 0 2px 5px var(--glass-shade)}
.button[data-button-state="focus"] {outline:3px solid var(--focus-ring);outline-offset:3px}
.button.glass-compact {border-radius:16px;-webkit-backdrop-filter:none;backdrop-filter:none}
.apps-panel.apps-panel,.theme-menu,.sidebar-account-actions,#navigation-popup {
  background:var(--glass-sheen),var(--glass-panel);border:1px solid var(--glass-edge);border-radius:24px;
  box-shadow:var(--glass-shadow),0 0 0 1px var(--glass-rim);
  -webkit-backdrop-filter:blur(var(--glass-nav-blur)) saturate(145%);backdrop-filter:blur(var(--glass-nav-blur)) saturate(145%);
}
/* Preserve the Mantevida navigation identity and readable light foreground. */
:root[data-theme="verde-mantevida"] :is(.site-sidebar,#mobile-menu,.demo-sidebar,.wf-sidebar,#wireframe-menu) {
  --glass-fill:color-mix(in srgb,var(--mantevida-nav-base) 88%,transparent);
  --glass-control:color-mix(in srgb,var(--mantevida-nav-base) 88%,#fff 12%);
  --glass-hover:var(--mantevida-nav-hover);--glass-edge:rgb(255 255 255 / .25);
  --glass-highlight:rgb(255 255 255 / .20);background:transparent;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  :root,.theme-background,[data-theme],[data-appearance] {--glass-fill:var(--surface-secondary);--glass-panel:var(--surface-primary);--glass-control:var(--surface-primary);--glass-hover:var(--surface-tertiary);--glass-primary:var(--action-soft);--glass-primary-hover:var(--action-soft);--glass-primary-ink:var(--action-text);--glass-sheen:linear-gradient(transparent,transparent)}
  :root[data-theme="verde-mantevida"] :is(.site-sidebar,#mobile-menu,.demo-sidebar,.wf-sidebar,#wireframe-menu) {--glass-fill:var(--mantevida-nav-base);--glass-control:var(--mantevida-nav-base)}
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  :root,.theme-background,[data-theme],[data-appearance] {--glass-fill:var(--surface-secondary);--glass-panel:var(--surface-primary);--glass-control:var(--surface-primary);--glass-hover:var(--surface-tertiary);--glass-primary:var(--action-soft);--glass-primary-hover:var(--action-soft);--glass-primary-ink:var(--action-text);--glass-edge:var(--border-control);--glass-rim:var(--border-control);--glass-sheen:linear-gradient(transparent,transparent);--glass-nav-blur:0px;--glass-button-blur:0px;--glass-shadow:none;--glass-button-shadow:none}
  :root[data-theme="verde-mantevida"] :is(.site-sidebar,#mobile-menu,.demo-sidebar,.wf-sidebar,#wireframe-menu) {--glass-fill:var(--mantevida-nav-base);--glass-control:var(--mantevida-nav-base)}
}
@media (forced-colors:active) {
  :root,.theme-background,[data-theme],[data-appearance] {--glass-fill:Canvas;--glass-panel:Canvas;--glass-control:ButtonFace;--glass-hover:ButtonFace;--glass-primary:Highlight;--glass-primary-hover:Highlight;--glass-primary-ink:HighlightText;--glass-edge:ButtonText;--glass-rim:ButtonText;--glass-sheen:none;--glass-nav-blur:0px;--glass-button-blur:0px;--glass-shadow:none;--glass-button-shadow:none}
  :root[data-theme="verde-mantevida"] :is(.site-sidebar,#mobile-menu,.demo-sidebar,.wf-sidebar,#wireframe-menu) {--glass-fill:Canvas;--glass-control:ButtonFace}
}
@media(prefers-reduced-motion:reduce) {.button,.icon-button,.theme-trigger,.appearance-toggle,.segmented button {transition:none}}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active) {
  .apps-panel.apps-panel,.theme-menu,.sidebar-account-actions,#navigation-popup {-webkit-backdrop-filter:none;backdrop-filter:none}
}