/* Glass on navigation and control surfaces, never on table cells or saved task colors. */
:root {
  --glass-edge:rgba(255,255,255,.86);
  --glass-shadow:0 6px 22px rgba(45,49,56,.055), inset 0 1px 0 var(--glass-edge);
}
body {
  background:
    radial-gradient(ellipse at 14% 0%, #f0f1f3 0%, transparent 52%),
    radial-gradient(ellipse at 100% 35%, #f4f4f5 0%, transparent 56%),
    var(--bg);
}
.sidebar {
  background:linear-gradient(155deg, #f8f8f9, #f1f2f4 55%, #f3f3f5);
  box-shadow:inset -1px 0 0 var(--glass-edge);
}
.topbar, .panel-header, .panel-footer {
  background:var(--surface);
  box-shadow:inset 0 1px 0 var(--glass-edge);
}
.projects-overview, .glass-summary {
  background:var(--surface);
  border:1px solid var(--glass-edge) !important;
  box-shadow:var(--glass-shadow);
}
.res-view-tabs {
  background:var(--surface) !important;
  border-color:var(--glass-edge) !important;
  box-shadow:var(--glass-shadow);
}
.sidebar-utility-panel, .project-alert-popover, .panel-secondary-menu {
  background:var(--surface);
  border-color:var(--border);
  box-shadow:var(--shadow-overlay), inset 0 1px 0 var(--glass-edge);
}
.gantt-workbar {
  border-color:var(--glass-edge);
  box-shadow:0 8px 26px rgba(45,49,56,.10), inset 0 1px 0 var(--glass-edge);
}
/* Blur is limited to a few controls; data-heavy regions stay opaque and unfiltered. */
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))) {
  .topbar, .panel-header, .panel-footer,
  .sidebar-utility-panel, .project-alert-popover, .panel-secondary-menu,
  .res-view-tabs, .gantt-workbar {
    background:linear-gradient(135deg, rgba(255,255,255,.87), rgba(250,250,252,.73));
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .res-view-tabs { background:linear-gradient(135deg, rgba(255,255,255,.87), rgba(250,250,252,.73)) !important; }
  .projects-overview, .glass-summary {
    background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(252,252,253,.64)) !important;
  }
}
@media (max-width:1024px) {
  .gantt-workbar { backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@media (prefers-reduced-transparency:reduce), print {
  body { background:var(--bg); }
  .sidebar { background:var(--surface2); box-shadow:none; }
  .topbar, .panel-header, .panel-footer,
  .sidebar-utility-panel, .project-alert-popover, .panel-secondary-menu,
  .res-view-tabs, .gantt-workbar, .projects-overview, .glass-summary {
    background:var(--surface) !important;
    backdrop-filter:none; -webkit-backdrop-filter:none;
    box-shadow:none;
  }
}