/* Two wallpaper themes share frosted surfaces; geometry and controls stay common. */
html:root:is([data-theme="vibe"],[data-theme="macos"]) {
  --glass-chrome: #372354bf; --glass-panel: #ffffffec; --glass-widget: #ffffffe0;
  --glass-window: #fcfbffe8; --glass-inner: #f6f3ffe0; --glass-border: #ffffff8c;
  --glass-blur: blur(18px) saturate(120%); --glass-small-blur: blur(12px);
  --glass-chrome-blur: blur(24px) saturate(120%); --glass-nav-active: #efe4ff29;
}
html:root[data-theme="macos"] {
  --glass-chrome: #183329b8; --glass-panel: #ffffffed; --glass-widget: #ffffffe0;
  --glass-window: #f9fcfae8; --glass-inner: #f2f8f4d9; --glass-nav-active: #ffffff24;
  --nav-panel-background: #ffffff0c; --nav-panel-border: #ffffff30; --nav-panel-light: #ffffff21;
  --nav-hover: #ffffff18; --nav-selected: var(--glass-nav-active); --nav-selected-text: #ffffff;
  --nav-selected-border: #ffffff38; --nav-selected-shadow: inset 0 1px #ffffff26; --nav-icon-selected: #ffffff16;
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.topbar,.sidebar) {
  background: var(--glass-chrome); backdrop-filter: var(--glass-chrome-blur);
  border-color: #ffffff26; box-shadow: none; color: var(--theme-nav); border-radius: 0;
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.brand-name,.brand-family) { color: #ffffff; }
html:root:is([data-theme="vibe"],[data-theme="macos"]) .brand-icon { filter: none; }
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(#profile-toggle,#logout,#company-search-toggle,#notifications-toggle) {
  background: #ffffff0c; border-color: #ffffff35; color: #ffffff; box-shadow: none;
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(#profile-toggle,#logout,#company-search-toggle,#notifications-toggle):hover { background: #ffffff20; }
html:root:is([data-theme="vibe"],[data-theme="macos"]) .nav-item[data-view] .nav-icon { color: var(--theme-nav-icon); }
html:root:is([data-theme="vibe"],[data-theme="macos"]) .nav-item[data-view].current .nav-icon { color: #ffffff; }
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.card,.news-post,.composer,.task-table-wrap,.project-card,.department-card,.calendar-mini,.calendar-room-panel,.settings-panel,.calendar-event-list) {
  background: var(--glass-panel); border-color: var(--glass-border); backdrop-filter: var(--glass-blur); box-shadow: var(--shadow-card);
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.events-card,.birthdays-card,.home-tasks-card,.notification-panel,.window-tray) {
  background: var(--glass-widget); border-color: var(--glass-border); backdrop-filter: var(--glass-blur);
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.employee-dialog,.profile-dialog,.task-drawer,.calendar-event-dialog,.calendar-room-dialog,.invoice-dialog,.invoice-route-dialog,.project-dialog,.messenger-dialog,.assistant-dialog,.structure-dialog) {
  background: var(--glass-window); border-color: var(--glass-border); backdrop-filter: var(--glass-blur);
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.task-info-card,.profile-info-card,.role-disclosure,.task-stream-heading,.task-comment-form,.chat-compose,.employee-dialog-head,.profile-dialog-head,.task-drawer-head,.calendar-dialog-head,.invoice-dialog-head,.project-dialog-head,.chat-heading,.notification-heading,#task-detail-actions) {
  background: var(--glass-panel); border-color: var(--border); backdrop-filter: var(--glass-small-blur);
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.task-form-side,.task-detail-main,.calendar-form-side,.chat-sidebar,.assistant-sidebar) { background: var(--glass-inner); }
html:root:is([data-theme="vibe"],[data-theme="macos"])[data-character-background="false"] :is(.task-detail-stream,.chat-conversation,.assistant-stream,.structure-viewport) { background: #ffffff18; }
html:root:is([data-theme="vibe"],[data-theme="macos"])[data-character-background="false"] .task-detail-main { background-image: none; }
html:root:is([data-theme="vibe"],[data-theme="macos"]) .workspace-content > section > :is(.page-heading,.tasks-heading,.calendar-heading,.invoice-page-heading) {
  padding: 16px 20px; background: var(--glass-panel); border: 1px solid var(--glass-border); border-radius: var(--radius-card); backdrop-filter: var(--glass-blur);
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.news-pagination,.task-pagination,.task-mobile-sort,.calendar-schedule-head,#calendar-zone,#calendar-status:not(:empty),.invoice-board-caption,.analytics-status:not(:empty),.news-status:not(:empty),.tasks-status:not(:empty),#invoices-state:not(:empty)) {
  padding: 12px 16px; background: var(--glass-panel); border: 1px solid var(--glass-border); border-radius: var(--radius-md); backdrop-filter: var(--glass-blur);
}
html:root:is([data-theme="vibe"],[data-theme="macos"]) .feed-heading { padding: 4px 0; background: transparent; color: #ffffff; border: 0; backdrop-filter: none; text-shadow: 0 1px 4px #192a2540; }
html:root:is([data-theme="vibe"],[data-theme="macos"]) .feed-heading h2 { color: inherit; }
html:root:is([data-theme="vibe"],[data-theme="macos"]) #news-search-toggle { background: var(--glass-widget); border-color: var(--glass-border); backdrop-filter: var(--glass-blur); }
html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.workspace-empty,.calendar-empty) { background: var(--glass-panel); border-color: var(--glass-border); backdrop-filter: var(--glass-blur); }
/* Wallpaper and the explicit character-background option remain independent. */
html:root:is([data-theme="vibe"],[data-theme="macos"])[data-character-background="true"]:not([data-artwork="none"]) body {
  background: var(--character-pattern) center top / 760px 600px repeat fixed,var(--theme-stream) fixed;
}
@media (max-width:760px) {
  html:root:is([data-theme="vibe"],[data-theme="macos"]) { --glass-chrome-blur: blur(16px); }
}
@media (prefers-reduced-transparency:reduce) {
  html:root:is([data-theme="vibe"],[data-theme="macos"]) {
    --glass-chrome: var(--theme-sidebar); --glass-panel: #ffffff; --glass-widget: #ffffff;
    --glass-window: #ffffff; --glass-inner: var(--theme-soft); --glass-blur: none; --glass-small-blur: none; --glass-chrome-blur: none;
  }
  html:root:is([data-theme="vibe"],[data-theme="macos"]) :is(.topbar,.sidebar,.task-info-card,.profile-info-card,.task-stream-heading,.task-comment-form,.chat-compose,.employee-dialog-head,.profile-dialog-head,.task-drawer-head,#task-detail-actions) { backdrop-filter: none; }
}
@supports not (backdrop-filter:blur(1px)) {
  html:root:is([data-theme="vibe"],[data-theme="macos"]) { --glass-panel: #fffffff5; --glass-widget: #fffffff2; --glass-window: #fffffff5; }
}