/* A web glass material for Nyvera's navigation layer; content remains opaque. */
:root[data-surface="glass"] {
  --glass-edge:color-mix(in srgb,var(--line2) 70%,white 30%);
  --glass-shine:#ffffff20;
  --glass-shadow:0 8px 28px #08071130,inset 0 1px 0 var(--glass-shine);
}
:root.light[data-surface="glass"] {
  --glass-edge:color-mix(in srgb,var(--line2) 70%,white 30%);
  --glass-shine:#ffffffc4;
  --glass-shadow:0 8px 28px #42315212,inset 0 1px 0 var(--glass-shine);
}
:root[data-surface="glass"] .app-shell,
:root[data-surface="glass"] .admin-shell {
  background-color:var(--bg);
  background-image:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%) !important;
}
:root[data-surface="glass"] :is(.rail,.sidebar,.admin-sidebar,.topbar,.workspace-tools,.draw-toolbar,.mobile-dock,.settings-dialog,.menu-dialog,.command-dialog,.auth-dialog,.setup-dialog,.feedback-dialog,.paths-dialog,.quick-capture-dialog,.note-templates-dialog,.keyboard-help-dialog,.nyvera-confirm-dialog),
:root[data-surface="glass"] #coworkDialog {
  background-color:var(--panel);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-shadow);
}
:root[data-surface="glass"] .app-shell .rail,
:root[data-surface="glass"] .app-shell .sidebar,
:root[data-surface="glass"] .admin-sidebar { box-shadow:none; }
:root[data-surface="glass"] :is(.view-switch,.tasks-filters) {
  border-radius:2rem;
  border-color:var(--glass-edge);
  background:color-mix(in srgb,var(--panel2) 88%,var(--panel));
  padding:.2rem;
  box-shadow:inset 0 1px var(--glass-shine);
}
:root[data-surface="glass"] :is(.view-switch,.tasks-filters) button { border-radius:2rem; }
:root[data-surface="glass"] .view-switch button.active,
:root[data-surface="glass"] .tasks-filters button[aria-pressed="true"] {
  background:var(--raised);
  color:var(--text);
  box-shadow:0 2px 6px #00000018,inset 0 1px var(--glass-shine);
}
:root[data-surface="glass"] :is(.primary-button,.secondary-button,.home-action-primary,.home-action-secondary,.new-note,.auth-submit,.paths-primary-button,.paths-secondary-button,.draw-new-button) {
  border-radius:1.4rem;
  box-shadow:inset 0 1px var(--glass-shine),0 2px 5px #00000012;
}
:root[data-surface="glass"] :is(.workspace-tool,.draw-tool-button,.draw-icon-button,.draw-quiet-button,.appearance-settings,.appearance-choice) { border-radius:.8rem; }
:root[data-surface="glass"] :is(.settings-dialog,.auth-dialog,.setup-dialog,.feedback-dialog,.paths-dialog,.command-dialog,.quick-capture-dialog,.note-templates-dialog,.keyboard-help-dialog,.nyvera-confirm-dialog),
:root[data-surface="glass"] #coworkDialog { border-radius:1.25rem; }
:root[data-surface="glass"] :is(.home-path-row,.task-view-row,.paths-summary,.paths-next-step,.paths-node-details,.draw-library-panel,.draw-main,.surface-card,.module-card,.stat-card,.tag-card,.canvas-card) {
  border-radius:.9rem;
  border-color:var(--line);
  box-shadow:inset 0 1px color-mix(in srgb,var(--glass-shine) 50%,transparent);
}
:root[data-surface="glass"] :is(.note-body,.preview-pane,.draw-stage) { background-color:var(--editor); }
:root[data-surface="glass"] .mobile-nav-dialog { border-radius:1.5rem 1.5rem 0 0; border-color:var(--glass-edge); }
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)) {
  :root[data-surface="glass"] :is(.rail,.sidebar,.admin-sidebar,.topbar,.workspace-tools,.draw-toolbar,.mobile-dock,.settings-dialog,.menu-dialog,.command-dialog,.auth-dialog,.setup-dialog,.feedback-dialog,.paths-dialog,.quick-capture-dialog,.note-templates-dialog,.keyboard-help-dialog,.nyvera-confirm-dialog),
  :root[data-surface="glass"] #coworkDialog {
    background-color:color-mix(in srgb,var(--panel) 88%,transparent);
    background-image:linear-gradient(135deg,var(--glass-shine),transparent 50%) !important;
    backdrop-filter:blur(16px) saturate(1.25);
    -webkit-backdrop-filter:blur(16px) saturate(1.25);
  }
  :root[data-surface="glass"] .app-shell .sidebar,
  :root[data-surface="glass"] .admin-sidebar { background-color:color-mix(in srgb,var(--rail) 78%,transparent); }
}
@media (max-width:760px), (max-width:900px) and (max-height:500px) and (pointer:coarse), (min-width:761px) and (max-width:1100px) and (orientation:portrait) and (any-pointer:coarse) {
  :root[data-surface="glass"] .mobile-dock {
    inset-inline:max(.6rem,env(safe-area-inset-left)) max(.6rem,env(safe-area-inset-right));
    bottom:calc(.5rem + env(safe-area-inset-bottom,0px));
    height:3.85rem;
    border:1px solid var(--glass-edge);
    border-radius:2.1rem;
    padding:.25rem;
    box-shadow:var(--glass-shadow);
  }
  :root[data-surface="glass"] .mobile-dock-item { min-height:0; height:auto; border-radius:1.8rem; }
  :root[data-surface="glass"] .mobile-dock-item.active,
  :root[data-surface="glass"] .mobile-dock-item[aria-expanded="true"] {
    background:var(--soft);
    color:var(--accent);
    box-shadow:inset 0 1px var(--glass-shine);
  }
  :root[data-surface="glass"] .app-shell .workspace { padding-bottom:calc(4.75rem + env(safe-area-inset-bottom,0px)); }
  :root[data-surface="glass"] body.keyboard-open .app-shell .workspace,
  :root[data-surface="glass"] body.tablet-keyboard-mode .app-shell .workspace { padding-bottom:0; }
}
@media (prefers-reduced-transparency:reduce), (prefers-contrast:more) {
  :root[data-surface="glass"] :is(.app-shell,.admin-shell,.rail,.sidebar,.admin-sidebar,.topbar,.workspace-tools,.draw-toolbar,.mobile-dock,.settings-dialog,.menu-dialog,.command-dialog,.auth-dialog,.setup-dialog,.feedback-dialog,.paths-dialog,.quick-capture-dialog,.note-templates-dialog,.keyboard-help-dialog,.nyvera-confirm-dialog),
  :root[data-surface="glass"] #coworkDialog {
    background-color:var(--panel) !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }
}
@media (forced-colors:active) {
  :root[data-surface="glass"] :is(.rail,.sidebar,.admin-sidebar,.topbar,.workspace-tools,.draw-toolbar,.mobile-dock,dialog),
  :root[data-surface="glass"] #coworkDialog {
    background:Canvas !important;
    border-color:CanvasText !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}