/*
 * Late-loading overrides, formerly an inline \3c style> at the end of app/layout.tsx (≈118 KB
 * re-sent with every HTML response). Served as a static, cacheable file and linked from the same
 * position in the document so that its cascade order (last, after every other stylesheet) is
 * unchanged: glass blur must win over .surface / .notifications-sidebar / vendor-prefix-fixes.
 *
 * Do not add feature CSS here. New styles go in a sibling .css next to their module.
 */
/* Remove frosted rectangle behind side menu links (no backdrop-filter on nav links) */
html body .data-nav-link {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: transparent !important;
}
/* Do not apply glass theme to buttons / icon-circles (back buttons, action buttons, etc.) */
html body button,
html body .icon-circle {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .data-section-card,
html body .calendar-black-container {
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
}
/* Login glass pane — darker frosted tint (not pale gray) */
html body .login-glass-pane {
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.48),
    rgba(0, 0, 0, 0.55)
  ) !important;
  overflow: hidden !important;
}
html body .login-glass-pane::before {
  content: "" !important;
  position: absolute !important;
  top: -48px !important;
  left: -48px !important;
  width: calc(100vw + 96px) !important;
  height: calc(100vh + 96px) !important;
  z-index: -1 !important;
  background-image: var(
    --login-wall-image,
    url("/wallpapers/Libra/bg-hex-dark.jpg")
  ) !important;
  background-size: calc(100vw + 96px) calc(100vh + 96px) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  filter: blur(18px) saturate(130%) brightness(0.9) !important;
  -webkit-filter: blur(18px) saturate(130%) brightness(0.9) !important;
}
html[data-theme="light"] body .login-glass-pane,
html:not(.dark):not([data-theme="dark"]) body .login-glass-pane {
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.22),
    rgba(245, 245, 247, 0.28)
  ) !important;
}
html[data-theme="light"] body .login-glass-pane::before,
html:not(.dark):not([data-theme="dark"]) body .login-glass-pane::before {
  background-image: var(
    --login-wall-image,
    url("/wallpapers/Libra/bg-hex.jpg")
  ) !important;
  filter: blur(18px) saturate(120%) brightness(1.02) !important;
  -webkit-filter: blur(18px) saturate(120%) brightness(1.02) !important;
}
html body .login-scope .login-left-column,
html body .login-scope .login-card-inner,
html body .login-scope .login-card-inner.surface-calendar-thin {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
/* Mobile selection menus + calendar mobile floating cards — no glass blur */
html body .data-mobile .calendar-black-container,
html body .grievance-mobile .calendar-black-container,
html body .billboard-mobile .calendar-black-container,
html body .calendar-layout-root .app-page-shell__main .day-overview-mobile-container {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body.dark .data-section-card,
html body.dark .calendar-black-container,
html body .dark .data-section-card,
html body .dark .calendar-black-container {
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
}
html body.dark .data-mobile .calendar-black-container,
html body.dark .grievance-mobile .calendar-black-container,
html body.dark .billboard-mobile .calendar-black-container,
html body .dark .data-mobile .calendar-black-container,
html body .dark .grievance-mobile .calendar-black-container,
html body .dark .billboard-mobile .calendar-black-container,
html body.dark .calendar-layout-root .app-page-shell__main .day-overview-mobile-container,
html body .dark .calendar-layout-root .app-page-shell__main .day-overview-mobile-container {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* Data page content cards - 40px glass */
html body .app-page-shell__main .data-section-card {
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
}
html body.dark .app-page-shell__main .data-section-card,
html body .dark .app-page-shell__main .data-section-card {
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
}
/* User activity report rows - 40px glass */
html body .user-activity-row td {
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
}
html body.dark .user-activity-row td,
html body .dark .user-activity-row td {
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
}
/* Side menu glass (data, reports, grievance, billboard) - same as calendar */
html body .data-sidebar-background,
html body .committees-desktop .data-sidebar-background,
html body .committees-desktop-wrapper .data-sidebar-background,
html body .grievance-desktop .data-sidebar-background,
html body .grievance-desktop-wrapper .data-sidebar-background {
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
}
html body.dark .data-sidebar-background,
html body.dark .committees-desktop .data-sidebar-background,
html body.dark .committees-desktop-wrapper .data-sidebar-background,
html body.dark .grievance-desktop .data-sidebar-background,
html body.dark .grievance-desktop-wrapper .data-sidebar-background,
html body .dark .data-sidebar-background,
html body .dark .committees-desktop .data-sidebar-background,
html body .dark .committees-desktop-wrapper .data-sidebar-background,
html body .dark .grievance-desktop .data-sidebar-background,
html body .dark .grievance-desktop-wrapper .data-sidebar-background {
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
}
/* Data page side menu — same 64px glass as calendar sidebar */
html body .data-desktop .data-sidebar-background,
html body .data-desktop-wrapper .data-sidebar-background {
  background: var(--glass-panel-bg) !important;
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
  border: none !important;
  border-right: none !important;
  box-shadow: var(--glass-panel-shadow) !important;
}
html body.dark .data-desktop .data-sidebar-background,
html body.dark .data-desktop-wrapper .data-sidebar-background,
html body .dark .data-desktop .data-sidebar-background,
html body .dark .data-desktop-wrapper .data-sidebar-background {
  background: var(--glass-panel-bg) !important;
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
  border: none !important;
  border-right: none !important;
  box-shadow: var(--glass-panel-shadow) !important;
}
/* Data pages — same 64px glass as data sidebar background */
html body .app-page-shell__main .members-panel,
html body .app-page-shell__main .descriptions-panel,
html body .app-page-shell__main .salaries-panel,
html body .app-page-shell__main .billto-panel,
html body .app-page-shell__main .collective-agreement-panel,
html body .app-page-shell__main .export-import-page .export-import-panel,
html body .app-page-shell__main .member-profile-panel,
html body .grievance-panel,
html body .grievance-layout-root .grievance-panel,
html body .grievance-layout-root .grievance-panel,
html body .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html body .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html body .billboard-panel,
html body .billboard-layout-root .billboard-panel,
html body .billboard-layout-root .billboard-panel .data-section-card:not(.billboard-row-card),
html body .profile-panel,
html body .profile-layout-root .profile-panel,
html body .profile-layout-root .profile-panel .data-section-card,
html body #member-profile-mobile-wrapper .data-section-card,
html body #member-profile-mobile-wrapper .member-profile-tab-content-card,
html body #member-profile-mobile-wrapper .member-profile-tab-bar .member-folder-tab,
html body .calendar-layout-root .app-page-shell__main > .calendar-black-container:not(.create-event-mobile-container):not(.day-overview-mobile-container):not(.weekly-counter-container):not(.calendar-main-shell),
html body .calendar-layout-root .app-page-shell__main .calendar-main-shell,
html body .calendar-layout-root .app-page-shell__main .counters-container .weekly-counter-container,
html body .committees-mobile .calendar-black-container,
html body .committees-filter-bar .calendar-black-container,
html body .committees-create-agenda-bar .calendar-black-container,
html body .grievance-committee-page .calendar-black-container,
html body .working-relations-page .calendar-black-container,
html body .mini-working-relations-page .calendar-black-container,
html body .committees-main-content .data-section-card:not(.committee-row-card),
html body .committees-right-panel .data-section-card:not(.committee-row-card) {
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
}
html body.dark .app-page-shell__main .members-panel,
html body.dark .app-page-shell__main .descriptions-panel,
html body.dark .app-page-shell__main .salaries-panel,
html body.dark .app-page-shell__main .billto-panel,
html body.dark .app-page-shell__main .collective-agreement-panel,
html body.dark .app-page-shell__main .export-import-page .export-import-panel,
html body.dark .app-page-shell__main .member-profile-panel,
html body.dark .grievance-panel,
html body.dark .grievance-layout-root .grievance-panel,
html body.dark .grievance-layout-root .grievance-panel,
html body.dark .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html body.dark .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html body.dark .billboard-panel,
html body.dark .billboard-layout-root .billboard-panel,
html body.dark .billboard-layout-root .billboard-panel .data-section-card:not(.billboard-row-card),
html body.dark .profile-panel,
html body.dark .profile-layout-root .profile-panel,
html body.dark .profile-layout-root .profile-panel .data-section-card,
html body.dark .descriptions-page .data-section-card:not(.descriptions-row-card),
html body.dark .salaries-page .data-section-card:not(.salaries-row-card),
html body.dark .billto-page .data-section-card:not(.billto-row-card),
html body.dark .collective-agreement-page .data-section-card,
html body.dark .export-import-page .data-section-card:not(.export-import-row-card),
html body .dark .app-page-shell__main .members-panel,
html body .dark .app-page-shell__main .descriptions-panel,
html body .dark .app-page-shell__main .salaries-panel,
html body .dark .app-page-shell__main .billto-panel,
html body .dark .app-page-shell__main .collective-agreement-panel,
html body .dark .app-page-shell__main .export-import-page .export-import-panel,
html body .dark .app-page-shell__main .member-profile-panel,
html body .dark .grievance-panel,
html body .dark .grievance-layout-root .grievance-panel,
html body .dark .grievance-layout-root .grievance-panel,
html body .dark .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html body .dark .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html body .dark .billboard-panel,
html body .dark .billboard-layout-root .billboard-panel,
html body .dark .billboard-layout-root .billboard-panel .data-section-card:not(.billboard-row-card),
html body .dark .profile-panel,
html body .dark .profile-layout-root .profile-panel,
html body .dark .profile-layout-root .profile-panel .data-section-card,
html body .dark .descriptions-page .data-section-card:not(.descriptions-row-card),
html body .dark .salaries-page .data-section-card:not(.salaries-row-card),
html body .dark .billto-page .data-section-card:not(.billto-row-card),
html body .dark .collective-agreement-page .data-section-card,
html body .dark .export-import-page .data-section-card:not(.export-import-row-card),
html body.dark #member-profile-mobile-wrapper .data-section-card,
html body.dark #member-profile-mobile-wrapper .member-profile-tab-content-card,
html body.dark #member-profile-mobile-wrapper .member-profile-tab-bar .member-folder-tab,
html body .dark #member-profile-mobile-wrapper .data-section-card,
html body .dark #member-profile-mobile-wrapper .member-profile-tab-content-card,
html body .dark #member-profile-mobile-wrapper .member-profile-tab-bar .member-folder-tab,
html body.dark .calendar-layout-root .app-page-shell__main > .calendar-black-container:not(.create-event-mobile-container):not(.day-overview-mobile-container):not(.weekly-counter-container):not(.calendar-main-shell),
html body.dark .calendar-layout-root .app-page-shell__main .calendar-main-shell,
html body.dark .calendar-layout-root .app-page-shell__main .counters-container .weekly-counter-container,
html body .dark .calendar-layout-root .app-page-shell__main > .calendar-black-container:not(.create-event-mobile-container):not(.day-overview-mobile-container):not(.weekly-counter-container):not(.calendar-main-shell),
html body .dark .calendar-layout-root .app-page-shell__main .calendar-main-shell,
html body .dark .calendar-layout-root .app-page-shell__main .counters-container .weekly-counter-container,
html body.dark .committees-mobile .calendar-black-container,
html body.dark .committees-filter-bar .calendar-black-container,
html body.dark .committees-create-agenda-bar .calendar-black-container,
html body.dark .grievance-committee-page .calendar-black-container,
html body.dark .working-relations-page .calendar-black-container,
html body.dark .mini-working-relations-page .calendar-black-container,
html body .dark .committees-mobile .calendar-black-container,
html body .dark .committees-filter-bar .calendar-black-container,
html body .dark .committees-create-agenda-bar .calendar-black-container,
html body .dark .grievance-committee-page .calendar-black-container,
html body .dark .working-relations-page .calendar-black-container,
html body .dark .mini-working-relations-page .calendar-black-container,
html body.dark .committees-main-content .data-section-card:not(.committee-row-card),
html body.dark .committees-right-panel .data-section-card:not(.committee-row-card),
html body .dark .committees-main-content .data-section-card:not(.committee-row-card),
html body .dark .committees-right-panel .data-section-card:not(.committee-row-card) {
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
}
html body .profile-layout-root .data-sidebar-background {
  background: var(--glass-panel-bg) !important;
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
  border: none !important;
  border-right: none !important;
  box-shadow: var(--glass-panel-shadow) !important;
}
html body.dark .profile-layout-root .data-sidebar-background,
html body .dark .profile-layout-root .data-sidebar-background {
  background: var(--glass-panel-bg) !important;
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
  border: none !important;
  border-right: none !important;
  box-shadow: var(--glass-panel-shadow) !important;
}
/* Billboard page side menu - 40px glass (override above) */
html body .billboard-desktop .data-sidebar-background,
html body .billboard-desktop-wrapper .data-sidebar-background {
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
}
html body.dark .billboard-desktop .data-sidebar-background,
html body.dark .billboard-desktop-wrapper .data-sidebar-background,
html body .dark .billboard-desktop .data-sidebar-background,
html body .dark .billboard-desktop-wrapper .data-sidebar-background {
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
}
/* Reports page side menu only - 40px glass on sidebar panel, not on buttons/links */
html body .app-page-shell__sidebar .reports-desktop .data-sidebar-background {
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
}
html body.dark .app-page-shell__sidebar .reports-desktop .data-sidebar-background,
html body .dark .app-page-shell__sidebar .reports-desktop .data-sidebar-background {
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
}
/* Member profile active tab: same glass as card (40px blur) so color matches exactly */
html body .calendar-sidebar-container .member-profile-tab-bar button.member-folder-tab.member-folder-tab-active,
html body .calendar-sidebar-container .member-profile-tab-bar button.member-folder-tab[data-active="true"] {
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
}
html body.dark .calendar-sidebar-container .member-profile-tab-bar button.member-folder-tab.member-folder-tab-active,
html body.dark .calendar-sidebar-container .member-profile-tab-bar button.member-folder-tab[data-active="true"],
html body .dark .calendar-sidebar-container .member-profile-tab-bar button.member-folder-tab.member-folder-tab-active,
html body .dark .calendar-sidebar-container .member-profile-tab-bar button.member-folder-tab[data-active="true"] {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
}
/* Calendar sidemenu glass - ::before so it wins over vendor-prefix-fixes backdrop reset */
html body .calendar-layout-root .app-page-shell__sidebar::before,
html body .data-layout-root .app-page-shell__sidebar::before,
html body .committees-layout-root .app-page-shell__sidebar::before,
html body .profile-layout-root .app-page-shell__sidebar::before {
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(1.02) !important;
}
html:not(.dark) body .calendar-layout-root .app-page-shell__sidebar::before,
html:not(.dark) body .data-layout-root .app-page-shell__sidebar::before,
html:not(.dark) body .committees-layout-root .app-page-shell__sidebar::before,
html:not(.dark) body .profile-layout-root .app-page-shell__sidebar::before,
html.light body .calendar-layout-root .app-page-shell__sidebar::before,
html.light body .data-layout-root .app-page-shell__sidebar::before,
html.light body .committees-layout-root .app-page-shell__sidebar::before,
html.light body .profile-layout-root .app-page-shell__sidebar::before {
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 4px 24px rgba(0, 0, 0, 0.04) !important;
}
html body.dark .calendar-layout-root .app-page-shell__sidebar::before,
html body .dark .calendar-layout-root .app-page-shell__sidebar::before,
html body.dark .data-layout-root .app-page-shell__sidebar::before,
html body .dark .data-layout-root .app-page-shell__sidebar::before,
html body.dark .committees-layout-root .app-page-shell__sidebar::before,
html body .dark .committees-layout-root .app-page-shell__sidebar::before,
html body.dark .profile-layout-root .app-page-shell__sidebar::before,
html body .dark .profile-layout-root .app-page-shell__sidebar::before {
  -webkit-backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
  backdrop-filter: blur(64px) saturate(220%) brightness(0.98) !important;
}
/* Data page light mode: frosted glass via ::before (same as data sidebar background) */
html:not(.dark) body .app-page-shell__main .members-panel,
html:not(.dark) body .app-page-shell__main .descriptions-panel,
html:not(.dark) body .app-page-shell__main .salaries-panel,
html:not(.dark) body .app-page-shell__main .billto-panel,
html:not(.dark) body .app-page-shell__main .collective-agreement-panel,
html:not(.dark) body .app-page-shell__main .export-import-page .export-import-panel,
html:not(.dark) body .app-page-shell__main .member-profile-panel,
html:not(.dark) body .approval-layout-root .grievance-panel,
html:not(.dark) body .billboard-layout-root .billboard-panel,
html:not(.dark) body .reports-layout-root .reports-panel,
html:not(.dark) body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel,
html:not(.dark) body div.p-6:has(.reports-user-activity-page) .reports-panel,
html:not(.dark) body div.p-6:has(.reports-invoice-page) .reports-panel,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded,
html:not(.dark) body .notifications-sidebar {
  position: relative !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  isolation: isolate !important;
  overflow: hidden !important;
}
html:not(.dark) body .app-page-shell__main .members-panel::before,
html:not(.dark) body .app-page-shell__main .descriptions-panel::before,
html:not(.dark) body .app-page-shell__main .salaries-panel::before,
html:not(.dark) body .app-page-shell__main .billto-panel::before,
html:not(.dark) body .app-page-shell__main .collective-agreement-panel::before,
html:not(.dark) body .app-page-shell__main .export-import-page .export-import-panel::before,
html:not(.dark) body .app-page-shell__main .member-profile-panel::before,
html:not(.dark) body .approval-layout-root .grievance-panel::before,
html:not(.dark) body .billboard-layout-root .billboard-panel::before,
html:not(.dark) body .reports-layout-root .reports-panel::before,
html:not(.dark) body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel::before,
html:not(.dark) body div.p-6:has(.reports-user-activity-page) .reports-panel::before,
html:not(.dark) body div.p-6:has(.reports-invoice-page) .reports-panel::before,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded::before,
html:not(.dark) body .notifications-sidebar::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 4px 24px rgba(0, 0, 0, 0.04) !important;
}
html:not(.dark) body .app-page-shell__main .members-panel > *,
html:not(.dark) body .app-page-shell__main .descriptions-panel > *,
html:not(.dark) body .app-page-shell__main .salaries-panel > *,
html:not(.dark) body .app-page-shell__main .billto-panel > *,
html:not(.dark) body .app-page-shell__main .collective-agreement-panel > *,
html:not(.dark) body .app-page-shell__main .export-import-page .export-import-panel > *,
html:not(.dark) body .app-page-shell__main .member-profile-panel > *,
html:not(.dark) body .approval-layout-root .grievance-panel > *,
html:not(.dark) body .billboard-layout-root .billboard-panel > *,
html:not(.dark) body .reports-layout-root .reports-panel > *,
html:not(.dark) body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel > *,
html:not(.dark) body div.p-6:has(.reports-user-activity-page) .reports-panel > *,
html:not(.dark) body div.p-6:has(.reports-invoice-page) .reports-panel > *,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded > *,
html:not(.dark) body .notifications-sidebar > * {
  position: relative;
  z-index: 1;
}
/* Send liberation panel is portaled to body — keep fixed positioning in light mode */
html:not(.dark) body .send-liberations-panel {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 1301 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  isolation: isolate !important;
  overflow: hidden !important;
}
html:not(.dark) body .send-liberations-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
  border-left: 1px solid color-mix(in srgb, var(--icon-theme-accent, #10b981) 28%, transparent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 4px 24px rgba(0, 0, 0, 0.04) !important;
}
html:not(.dark) body .send-liberations-panel > * {
  position: relative;
  z-index: 1;
}
/* Data page list cards — solid white in light (mirror of dark block in globals.css) */
html:not(.dark) body .descriptions-page .data-section-card:not(.descriptions-row-card),
html.light body .descriptions-page .data-section-card:not(.descriptions-row-card),
html:not(.dark) body #descriptions-mobile-wrapper .data-section-card:not(.descriptions-row-card),
html.light body #descriptions-mobile-wrapper .data-section-card:not(.descriptions-row-card),
html:not(.dark) body .app-page-shell__main:has(#descriptions-mobile-wrapper) .data-section-card:not(.descriptions-row-card),
html.light body .app-page-shell__main:has(#descriptions-mobile-wrapper) .data-section-card:not(.descriptions-row-card),
html:not(.dark) body .salaries-page .data-section-card:not(.salaries-row-card),
html.light body .salaries-page .data-section-card:not(.salaries-row-card),
html:not(.dark) body #salaries-mobile-wrapper .data-section-card:not(.salaries-row-card),
html.light body #salaries-mobile-wrapper .data-section-card:not(.salaries-row-card),
html:not(.dark) body .app-page-shell__main:has(#salaries-mobile-wrapper) .data-section-card:not(.salaries-row-card),
html.light body .app-page-shell__main:has(#salaries-mobile-wrapper) .data-section-card:not(.salaries-row-card),
html:not(.dark) body .billto-page .data-section-card:not(.billto-row-card),
html.light body .billto-page .data-section-card:not(.billto-row-card),
html:not(.dark) body #bill-to-mobile-wrapper .data-section-card:not(.billto-row-card),
html.light body #bill-to-mobile-wrapper .data-section-card:not(.billto-row-card),
html:not(.dark) body .app-page-shell__main:has(#bill-to-mobile-wrapper) .data-section-card:not(.billto-row-card),
html.light body .app-page-shell__main:has(#bill-to-mobile-wrapper) .data-section-card:not(.billto-row-card),
html:not(.dark) body .collective-agreement-page .data-section-card,
html.light body .collective-agreement-page .data-section-card,
html:not(.dark) body #collective-agreement-mobile-wrapper .data-section-card,
html.light body #collective-agreement-mobile-wrapper .data-section-card,
html:not(.dark) body .app-page-shell__main:has(#collective-agreement-mobile-wrapper) .data-section-card,
html.light body .app-page-shell__main:has(#collective-agreement-mobile-wrapper) .data-section-card,
html:not(.dark) body .export-import-page .data-section-card:not(.export-import-row-card),
html.light body .export-import-page .data-section-card:not(.export-import-row-card),
html:not(.dark) body #export-import-mobile-wrapper .data-section-card:not(.export-import-row-card),
html.light body #export-import-mobile-wrapper .data-section-card:not(.export-import-row-card),
html:not(.dark) body .app-page-shell__main:has(#export-import-mobile-wrapper) .data-section-card:not(.export-import-row-card),
html.light body .app-page-shell__main:has(#export-import-mobile-wrapper) .data-section-card:not(.export-import-row-card) {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
}
/* Committee list cards — solid white + lift shadow (Grievance / Working Relations / Mini WR) */
html:not(.dark) body .grievance-committee-page .committees-main-content .data-section-card:not(.committee-row-card),
html.light body .grievance-committee-page .committees-main-content .data-section-card:not(.committee-row-card),
html:not(.dark) body .grievance-committee-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.light body .grievance-committee-page .committees-right-panel .data-section-card:not(.committee-row-card),
html:not(.dark) body .working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html.light body .working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html:not(.dark) body .working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.light body .working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html:not(.dark) body .mini-working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html.light body .mini-working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html:not(.dark) body .mini-working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.light body .mini-working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html:not(.dark) body .app-page-shell__main .grievance-committee-page .committees-main-content .data-section-card:not(.committee-row-card),
html.light body .app-page-shell__main .grievance-committee-page .committees-main-content .data-section-card:not(.committee-row-card),
html:not(.dark) body .app-page-shell__main .grievance-committee-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.light body .app-page-shell__main .grievance-committee-page .committees-right-panel .data-section-card:not(.committee-row-card),
html:not(.dark) body .app-page-shell__main .working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html.light body .app-page-shell__main .working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html:not(.dark) body .app-page-shell__main .working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.light body .app-page-shell__main .working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html:not(.dark) body .app-page-shell__main .mini-working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html.light body .app-page-shell__main .mini-working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html:not(.dark) body .app-page-shell__main .mini-working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.light body .app-page-shell__main .mini-working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card) {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html body.dark .grievance-committee-page .committees-main-content .data-section-card:not(.committee-row-card),
html.dark body .grievance-committee-page .committees-main-content .data-section-card:not(.committee-row-card),
html body.dark .grievance-committee-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.dark body .grievance-committee-page .committees-right-panel .data-section-card:not(.committee-row-card),
html body.dark .working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html.dark body .working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html body.dark .working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.dark body .working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html body.dark .mini-working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html.dark body .mini-working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html body.dark .mini-working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html.dark body .mini-working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html body .dark .grievance-committee-page .committees-main-content .data-section-card:not(.committee-row-card),
html body .dark .grievance-committee-page .committees-right-panel .data-section-card:not(.committee-row-card),
html body .dark .working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html body .dark .working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card),
html body .dark .mini-working-relations-page .committees-main-content .data-section-card:not(.committee-row-card),
html body .dark .mini-working-relations-page .committees-right-panel .data-section-card:not(.committee-row-card) {
  overflow: visible !important;
  isolation: auto !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.28),
    0 6px 18px rgba(0, 0, 0, 0.32),
    0 14px 40px rgba(0, 0, 0, 0.38) !important;
}
/* Grievance + Archive list cards — solid white + lift shadow (light mode) */
html:not(.dark) body .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html.light body .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html:not(.dark) body .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html.light body .grievance-layout-root .grievance-panel .data-section-card:not(.grievance-row-card),
html:not(.dark) body .grievance-layout-root .app-page-shell__main .grievance-content-area .data-section-card:not(.grievance-row-card),
html.light body .grievance-layout-root .app-page-shell__main .grievance-content-area .data-section-card:not(.grievance-row-card),
html:not(.dark) body #grievance-form-mobile-wrapper .data-section-card:not(.grievance-row-card),
html.light body #grievance-form-mobile-wrapper .data-section-card:not(.grievance-row-card),
html:not(.dark) body #archives-mobile-wrapper .data-section-card:not(.grievance-row-card),
html.light body #archives-mobile-wrapper .data-section-card:not(.grievance-row-card),
html:not(.dark) body #archives-mobile-wrapper .grievance-panel .data-section-card:not(.grievance-row-card),
html.light body #archives-mobile-wrapper .grievance-panel .data-section-card:not(.grievance-row-card) {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
/* Review & Sign — solid white + lift shadow on all section cards (light mode) */
html:not(.dark) body .approval-layout-root .data-section-card:not(.approval-sign-row-card),
html.light body .approval-layout-root .data-section-card:not(.approval-sign-row-card),
html:not(.dark) body .approval-layout-root .grievance-panel .approval-sign-page-content .data-section-card:not(.approval-sign-row-card),
html.light body .approval-layout-root .grievance-panel .approval-sign-page-content .data-section-card:not(.approval-sign-row-card),
html:not(.dark) body .approval-layout-root .grievance-panel .approval-sign-page-stack .data-section-card:not(.approval-sign-section-shell):not(.approval-sign-row-card),
html.light body .approval-layout-root .grievance-panel .approval-sign-page-stack .data-section-card:not(.approval-sign-section-shell):not(.approval-sign-row-card),
html:not(.dark) body .approval-layout-root .grievance-panel .approval-liberation-page .data-section-card:not(.approval-sign-section-shell):not(.approval-sign-row-card),
html.light body .approval-layout-root .grievance-panel .approval-liberation-page .data-section-card:not(.approval-sign-section-shell):not(.approval-sign-row-card),
html:not(.dark) body .approval-layout-root .grievance-panel .approval-sign-list-row.data-section-card:not(.approval-sign-row-card),
html.light body .approval-layout-root .grievance-panel .approval-sign-list-row.data-section-card:not(.approval-sign-row-card),
html:not(.dark) body #approval-grievance-sign-wrapper .data-section-card:not(.approval-sign-row-card),
html.light body #approval-grievance-sign-wrapper .data-section-card:not(.approval-sign-row-card) {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html:not(.dark) body .approval-layout-root .grievance-panel .approval-sign-list-header.approval-sign-list-header--panel,
html.light body .approval-layout-root .grievance-panel .approval-sign-list-header.approval-sign-list-header--panel,
html:not(.dark) body .approval-layout-root .grievance-panel .approval-sign-section-shell > .approval-sign-list-header--panel,
html.light body .approval-layout-root .grievance-panel .approval-sign-section-shell > .approval-sign-list-header--panel,
html:not(.dark) body .approval-layout-root .grievance-panel .approval-sign-list-shell > .approval-sign-list-header--panel,
html.light body .approval-layout-root .grievance-panel .approval-sign-list-shell > .approval-sign-list-header--panel {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--stroke-color) 65%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body.dark .approval-layout-root .grievance-panel .approval-sign-page-content .data-section-card:not(.approval-sign-row-card),
html.dark body .approval-layout-root .grievance-panel .approval-sign-page-content .data-section-card:not(.approval-sign-row-card),
html body.dark .approval-layout-root .grievance-panel .approval-sign-list-row.data-section-card:not(.approval-sign-row-card),
html.dark body .approval-layout-root .grievance-panel .approval-sign-list-row.data-section-card:not(.approval-sign-row-card),
html body .dark .approval-layout-root .data-section-card:not(.approval-sign-row-card),
html body .dark #approval-grievance-sign-wrapper .data-section-card:not(.approval-sign-row-card) {
  overflow: visible !important;
  isolation: auto !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.28),
    0 6px 18px rgba(0, 0, 0, 0.32),
    0 14px 40px rgba(0, 0, 0, 0.38) !important;
}
html body.dark .approval-layout-root .grievance-panel .approval-sign-list-row.data-section-card:not(.approval-sign-row-card),
html.dark body .approval-layout-root .grievance-panel .approval-sign-list-row.data-section-card:not(.approval-sign-row-card),
html body .dark .approval-layout-root .grievance-panel .approval-sign-list-row.data-section-card:not(.approval-sign-row-card),
html body .dark #approval-grievance-sign-wrapper .approval-sign-list-row.data-section-card:not(.approval-sign-row-card) {
  background: var(--surface-bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Billboard — solid white + lift shadow on inner cards (light mode) */
html:not(.dark) body .billboard-layout-root .billboard-panel .data-section-card:not(.billboard-row-card),
html.light body .billboard-layout-root .billboard-panel .data-section-card:not(.billboard-row-card),
html:not(.dark) body .billboard-layout-root .billboard-panel .kiosk-news-card.news-article:not(.billboard-row-card),
html.light body .billboard-layout-root .billboard-panel .kiosk-news-card.news-article:not(.billboard-row-card),
html:not(.dark) body .billboard-layout-root .billboard-panel .news-article.data-section-card:not(.billboard-row-card),
html.light body .billboard-layout-root .billboard-panel .news-article.data-section-card:not(.billboard-row-card),
html:not(.dark) body .billboard-layout-root .reports-content .billboard-content-area .data-section-card:not(.billboard-row-card),
html.light body .billboard-layout-root .reports-content .billboard-content-area .data-section-card:not(.billboard-row-card),
html:not(.dark) body .billboard-layout-root .reports-content .billboard-content-area .kiosk-news-card.news-article:not(.billboard-row-card),
html.light body .billboard-layout-root .reports-content .billboard-content-area .kiosk-news-card.news-article:not(.billboard-row-card),
html:not(.dark) body .billboard-mobile-shell-wrapper .data-section-card:not(.billboard-row-card),
html.light body .billboard-mobile-shell-wrapper .data-section-card:not(.billboard-row-card),
html:not(.dark) body .billboard-mobile-shell-wrapper .kiosk-news-card.news-article:not(.billboard-row-card),
html.light body .billboard-mobile-shell-wrapper .kiosk-news-card.news-article:not(.billboard-row-card) {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html:not(.dark) body .billboard-layout-root .billboard-panel .billboard-news-toolbar,
html.light body .billboard-layout-root .billboard-panel .billboard-news-toolbar,
html:not(.dark) body .billboard-layout-root .billboard-panel .news-controls.billboard-news-toolbar,
html.light body .billboard-layout-root .billboard-panel .news-controls.billboard-news-toolbar,
html:not(.dark) body .billboard-mobile-shell-wrapper .billboard-news-page .billboard-news-toolbar,
html.light body .billboard-mobile-shell-wrapper .billboard-news-page .billboard-news-toolbar,
html:not(.dark) body .billboard-mobile-shell-wrapper .billboard-news-page .news-controls.billboard-news-toolbar,
html.light body .billboard-mobile-shell-wrapper .billboard-news-page .news-controls.billboard-news-toolbar,
html:not(.dark) body div.p-6:has(.billboard-news-page) .billboard-news-toolbar,
html.light body div.p-6:has(.billboard-news-page) .billboard-news-toolbar,
html:not(.dark) body div.p-6:has(.billboard-news-page) .news-controls.billboard-news-toolbar,
html.light body div.p-6:has(.billboard-news-page) .news-controls.billboard-news-toolbar,
html:not(.dark) body .billboard-layout-root .billboard-panel .job-postings-toolbar,
html.light body .billboard-layout-root .billboard-panel .job-postings-toolbar {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--stroke-color) 65%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Reports — solid white + lift shadow on inner cards (light mode) */
html:not(.dark) body .reports-layout-root .reports-panel .data-section-card:not(.reports-row-card),
html.light body .reports-layout-root .reports-panel .data-section-card:not(.reports-row-card),
html:not(.dark) body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel .data-section-card:not(.reports-row-card),
html.light body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel .data-section-card:not(.reports-row-card),
html:not(.dark) body div.p-6:has(.reports-user-activity-page) .reports-panel .data-section-card:not(.reports-row-card),
html.light body div.p-6:has(.reports-user-activity-page) .reports-panel .data-section-card:not(.reports-row-card),
html:not(.dark) body div.p-6:has(.reports-invoice-page) .reports-panel .data-section-card:not(.reports-row-card),
html.light body div.p-6:has(.reports-invoice-page) .reports-panel .data-section-card:not(.reports-row-card),
html:not(.dark) body .reports-layout-root .reports-content-area .data-section-card:not(.reports-row-card),
html.light body .reports-layout-root .reports-content-area .data-section-card:not(.reports-row-card) {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html:not(.dark) body .reports-layout-root .reports-panel .reports-panel-toolbar,
html.light body .reports-layout-root .reports-panel .reports-panel-toolbar,
html:not(.dark) body .reports-layout-root .reports-panel .reports-generate-row,
html.light body .reports-layout-root .reports-panel .reports-generate-row,
html:not(.dark) body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel .reports-panel-toolbar,
html.light body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel .reports-panel-toolbar,
html:not(.dark) body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel .reports-generate-row,
html.light body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel .reports-generate-row,
html:not(.dark) body div.p-6:has(.reports-user-activity-page) .reports-panel .reports-panel-toolbar,
html.light body div.p-6:has(.reports-user-activity-page) .reports-panel .reports-panel-toolbar,
html:not(.dark) body div.p-6:has(.reports-user-activity-page) .reports-panel .reports-generate-row,
html.light body div.p-6:has(.reports-user-activity-page) .reports-panel .reports-generate-row,
html:not(.dark) body div.p-6:has(.reports-invoice-page) .reports-panel .reports-panel-toolbar,
html.light body div.p-6:has(.reports-invoice-page) .reports-panel .reports-panel-toolbar,
html:not(.dark) body div.p-6:has(.reports-invoice-page) .reports-panel .reports-generate-row,
html.light body div.p-6:has(.reports-invoice-page) .reports-panel .reports-generate-row {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--stroke-color) 65%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Main sidebar — subtle nav/profile cards (light mode, mirrors dark glass structure) */
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-profile-card,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-profile-card,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-link:not(.active),
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-link:not(.active),
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-sublink:not(.active),
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-sublink:not(.active),
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-group:not(.is-section-active):not(.is-expanded) .sidebar-nav-group-trigger,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-group:not(.is-section-active):not(.is-expanded) .sidebar-nav-group-trigger,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-utilities-section .language-switcher,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-utilities-section .language-switcher,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-utilities-section .sidebar-utility-link,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-utilities-section .sidebar-utility-link {
  background: rgba(255, 255, 255, 0.28) !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-link.active,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-link.active,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-sublink.active,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-sublink.active,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-group.is-section-active .sidebar-nav-group-trigger,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-group.is-section-active .sidebar-nav-group-trigger,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-group.is-expanded .sidebar-nav-group-trigger,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-nav-group.is-expanded .sidebar-nav-group-trigger,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-profile-group.is-section-active .sidebar-profile-card,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-profile-group.is-section-active .sidebar-profile-card,
html:not(.dark) body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-profile-group.is-expanded .sidebar-profile-card,
html.light body .sidebar-container .sidebar.sidebar--mobile.expanded .sidebar-profile-group.is-expanded .sidebar-profile-card {
  background: color-mix(in srgb, var(--icon-theme-accent, #10b981) 18%, rgba(255, 255, 255, 0.28)) !important;
  border: 1px solid var(--icon-theme-accent, #10b981) !important;
  color: color-mix(in srgb, var(--icon-theme-accent, #10b981) 72%, #0f172a) !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--icon-theme-accent, #10b981) 22%, transparent) !important;
}
/* Notifications — solid white cards (light mode) */
html:not(.dark) body .notifications-sidebar .notification-card,
html.light body .notifications-sidebar .notification-card {
  background: #ffffff !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
}
html:not(.dark) body .notifications-sidebar .notification-card--unread,
html.light body .notifications-sidebar .notification-card--unread {
  border-left: 3px solid var(--icon-theme-accent, #fbbf24) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
}
/* Send liberation — solid white inner cards + flat header (light mode) */
html:not(.dark) body .send-liberations-panel .send-liberations-header,
html.light body .send-liberations-panel .send-liberations-header {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--stroke-color) 65%, transparent) !important;
  box-shadow: none !important;
}
html:not(.dark) body .send-liberations-panel .send-liberations-client-row,
html.light body .send-liberations-panel .send-liberations-client-row,
html:not(.dark) body .send-liberations-panel .send-liberations-preview-card.up-item.liberation-event-item,
html.light body .send-liberations-panel .send-liberations-preview-card.up-item.liberation-event-item,
html:not(.dark) body .send-liberations-panel .icon-form-field__control .glass-dropdown__trigger,
html.light body .send-liberations-panel .icon-form-field__control .glass-dropdown__trigger,
html:not(.dark) body .send-liberations-panel .icon-form-field__control :is(.inp, .inp-calendar, input),
html.light body .send-liberations-panel .icon-form-field__control :is(.inp, .inp-calendar, input) {
  background: #ffffff !important;
  border: none !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 6px 16px rgba(15, 23, 42, 0.1),
    0 14px 36px rgba(15, 23, 42, 0.12) !important;
}
html body.dark .billboard-layout-root .billboard-panel .data-section-card:not(.billboard-row-card),
html.dark body .billboard-layout-root .billboard-panel .data-section-card:not(.billboard-row-card),
html body .dark .billboard-layout-root .billboard-panel .data-section-card:not(.billboard-row-card),
html body.dark .billboard-mobile-shell-wrapper .data-section-card:not(.billboard-row-card),
html.dark body .billboard-mobile-shell-wrapper .data-section-card:not(.billboard-row-card),
html body .dark .billboard-mobile-shell-wrapper .data-section-card:not(.billboard-row-card),
html body.dark .reports-layout-root .reports-panel .data-section-card:not(.reports-row-card),
html.dark body .reports-layout-root .reports-panel .data-section-card:not(.reports-row-card),
html body .dark .reports-layout-root .reports-panel .data-section-card:not(.reports-row-card),
html body.dark .notifications-sidebar .notification-card,
html.dark body .notifications-sidebar .notification-card,
html body .dark .notifications-sidebar .notification-card,
html body.dark .send-liberations-panel .send-liberations-client-row,
html.dark body .send-liberations-panel .send-liberations-client-row,
html body .dark .send-liberations-panel .send-liberations-client-row,
html body.dark .send-liberations-panel .send-liberations-preview-card.up-item.liberation-event-item,
html.dark body .send-liberations-panel .send-liberations-preview-card.up-item.liberation-event-item,
html body .dark .send-liberations-panel .send-liberations-preview-card.up-item.liberation-event-item {
  overflow: visible !important;
  isolation: auto !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.28),
    0 6px 18px rgba(0, 0, 0, 0.32),
    0 14px 40px rgba(0, 0, 0, 0.38) !important;
}
/* Quick access sidebar — icon theme accent (beats dark-mode white stroke rules) */
html.dark body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon,
html.dark body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon svg,
html body.dark button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon,
html body.dark button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon svg,
.dark body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon,
.dark body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon svg,
html[data-theme="dark"] body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon,
html[data-theme="dark"] body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon svg,
html:not(.dark) body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon,
html:not(.dark) body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon svg,
html.light body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon,
html.light body button.committee-quick-access-item.committee-quick-access-item .committee-quick-access-item__icon svg {
  color: var(--committee-qa-icon-accent, var(--icon-theme-accent, #fbbf24)) !important;
  stroke: var(--committee-qa-icon-accent, var(--icon-theme-accent, #fbbf24)) !important;
  fill: none !important;
}
/* Calendar mobile — full viewport below header (1023px and below) */
@media (max-width: 1023px) {
  html body .calendar-shell.app-page-shell-offset,
  html body div.p-6.calendar-layout-root.app-page-shell-offset {
    padding: 0 !important;
    position: fixed !important;
    top: var(--app-shell-header-height) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
  }
  html body .calendar-layout-root .app-page-shell__grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html:not(.dark) body .calendar-layout-root .app-page-shell__main .calendar-main-shell.calendar-main-shell,
  html.light body .calendar-layout-root .app-page-shell__main .calendar-main-shell.calendar-main-shell {
    background: rgba(255, 255, 255, 0.72) !important;
    -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
    backdrop-filter: blur(40px) saturate(200%) brightness(1.02) contrast(0.98) !important;
    border: none !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.4),
      0 4px 24px rgba(0, 0, 0, 0.04) !important;
    transform: translateZ(0) !important;
    isolation: isolate !important;
  }
  html.dark body .calendar-layout-root .app-page-shell__main .calendar-main-shell.calendar-main-shell,
  html body.dark .calendar-layout-root .app-page-shell__main .calendar-main-shell.calendar-main-shell,
  .dark body .calendar-layout-root .app-page-shell__main .calendar-main-shell.calendar-main-shell,
  html[data-theme="dark"] body .calendar-layout-root .app-page-shell__main .calendar-main-shell.calendar-main-shell {
    background: rgba(255, 255, 255, 0.06) !important;
    -webkit-backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
    backdrop-filter: blur(40px) saturate(200%) brightness(0.98) contrast(1.02) !important;
    border: none !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 4px 24px rgba(0, 0, 0, 0.25) !important;
    transform: translateZ(0) !important;
    isolation: isolate !important;
  }
  html body .calendar-layout-root .app-page-shell__main .calendar-main-shell > .calendar-black-container,
  html body .calendar-layout-root .app-page-shell__main .calendar-main-shell .counters-container .weekly-counter-container {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
  }
  html body .calendar-layout-root .app-page-shell__main .calendar-main-shell > *:not(:last-child) {
    border-bottom: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent) !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  html.dark body .calendar-layout-root .app-page-shell__main .calendar-main-shell > *:not(:last-child),
  html body.dark .calendar-layout-root .app-page-shell__main .calendar-main-shell > *:not(:last-child),
  .dark body .calendar-layout-root .app-page-shell__main .calendar-main-shell > *:not(:last-child) {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  }
  /* Billboard Delegate + News — full viewport below header (1023px and below) */
  html body div.p-6.billboard-layout-root.app-page-shell-offset:has(.billboard-delegate-page),
  html body div.p-6.billboard-layout-root.app-page-shell-offset:has(.billboard-news-page) {
    padding: 0 !important;
    padding-top: var(--app-shell-header-height) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  html body div.p-6.billboard-layout-root:has(.billboard-delegate-page) .billboard-panel,
  html body div.p-6.billboard-layout-root:has(.billboard-news-page) .billboard-panel {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  /* Reports mobile full-screen panels — keep fixed layout under frosted ::before shell */
  html:not(.dark) body div.p-6:has(.reports-user-activity-page) .reports-panel,
  html.light body div.p-6:has(.reports-user-activity-page) .reports-panel,
  html:not(.dark) body div.p-6:has(.reports-invoice-page) .reports-panel,
  html.light body div.p-6:has(.reports-invoice-page) .reports-panel,
  html:not(.dark) body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel,
  html.light body .reports-layout-root .reports-mobile-shell-wrapper .reports-panel {
    position: fixed !important;
  }
}
/* Data pages mobile — fixed full-screen panel in light mode too */
@media (max-width: 1024px) {
  html body #collective-agreement-mobile-wrapper,
  html body .collective-agreement-content-wrapper,
  html body #members-mobile-wrapper,
  html body .members-content-wrapper,
  html body #descriptions-mobile-wrapper,
  html body .reasons-content-wrapper,
  html body #salaries-mobile-wrapper,
  html body .salaries-content-wrapper,
  html body #bill-to-mobile-wrapper,
  html body .billto-content-wrapper,
  html body #export-import-mobile-wrapper,
  html body .export-import-content-wrapper {
    overflow: hidden !important;
    padding-bottom: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  html:not(.dark) body .app-page-shell__main:has(#collective-agreement-mobile-wrapper) .collective-agreement-page:not(.collective-agreement-settings-page) .collective-agreement-panel.collective-agreement-panel,
  html.light body .app-page-shell__main:has(#collective-agreement-mobile-wrapper) .collective-agreement-page:not(.collective-agreement-settings-page) .collective-agreement-panel.collective-agreement-panel,
  html:not(.dark) body .app-page-shell__main:has(#collective-agreement-mobile-wrapper) .collective-agreement-settings-page .collective-agreement-panel.collective-agreement-panel,
  html.light body .app-page-shell__main:has(#collective-agreement-mobile-wrapper) .collective-agreement-settings-page .collective-agreement-panel.collective-agreement-panel,
  html:not(.dark) body .app-page-shell__main:has(#members-mobile-wrapper) .members-page .members-panel.members-panel,
  html.light body .app-page-shell__main:has(#members-mobile-wrapper) .members-page .members-panel.members-panel,
  html:not(.dark) body .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-page .descriptions-panel.descriptions-panel,
  html.light body .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-page .descriptions-panel.descriptions-panel,
  html:not(.dark) body .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-page .salaries-panel.salaries-panel,
  html.light body .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-page .salaries-panel.salaries-panel,
  html:not(.dark) body .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-page .billto-panel.billto-panel,
  html.light body .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-page .billto-panel.billto-panel,
  html:not(.dark) body .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-page .export-import-panel.export-import-panel,
  html.light body .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-page .export-import-panel.export-import-panel {
    position: fixed !important;
    top: var(--app-shell-header-height) !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100vh - var(--app-shell-header-height)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }
  html:not(.dark) body .app-page-shell__main:has(#collective-agreement-mobile-wrapper) .collective-agreement-page .collective-agreement-panel.collective-agreement-panel,
  html.light body .app-page-shell__main:has(#collective-agreement-mobile-wrapper) .collective-agreement-page .collective-agreement-panel.collective-agreement-panel {
    padding: 1rem 0 0 0 !important;
  }
  html:not(.dark) body .app-page-shell__main:has(#members-mobile-wrapper) .members-page .members-panel.members-panel,
  html.light body .app-page-shell__main:has(#members-mobile-wrapper) .members-page .members-panel.members-panel,
  html:not(.dark) body .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-page .descriptions-panel.descriptions-panel,
  html.light body .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-page .descriptions-panel.descriptions-panel,
  html:not(.dark) body .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-page .salaries-panel.salaries-panel,
  html.light body .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-page .salaries-panel.salaries-panel,
  html:not(.dark) body .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-page .billto-panel.billto-panel,
  html.light body .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-page .billto-panel.billto-panel,
  html:not(.dark) body .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-page .export-import-panel.export-import-panel,
  html.light body .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-page .export-import-panel.export-import-panel {
    padding: 1rem 1rem 0 1rem !important;
  }
}
/* Committee row cards — subtle outline (main list + right panel) */
html body .grievance-committee-page .committee-row-card,
html body .mini-working-relations-page .committee-row-card,
html body .working-relations-page .committee-row-card,
html body .app-page-shell__main .grievance-committee-page .committees-main-content .committee-row-card,
html body .app-page-shell__main .mini-working-relations-page .committees-main-content .committee-row-card,
html body .app-page-shell__main .working-relations-page .committees-main-content .committee-row-card,
html body .app-page-shell__main .grievance-committee-page .committees-right-panel .committee-row-card,
html body .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card,
html body .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card,
html:not(.dark) body .grievance-committee-page .committee-row-card,
html:not(.dark) body .mini-working-relations-page .committee-row-card,
html:not(.dark) body .working-relations-page .committee-row-card,
html.light body .grievance-committee-page .committee-row-card,
html.light body .mini-working-relations-page .committee-row-card,
html.light body .working-relations-page .committee-row-card,
html:not(.dark) body .app-page-shell__main .grievance-committee-page .committees-main-content .committee-row-card,
html:not(.dark) body .app-page-shell__main .mini-working-relations-page .committees-main-content .committee-row-card,
html:not(.dark) body .app-page-shell__main .working-relations-page .committees-main-content .committee-row-card,
html.light body .app-page-shell__main .grievance-committee-page .committees-main-content .committee-row-card,
html.light body .app-page-shell__main .mini-working-relations-page .committees-main-content .committee-row-card,
html.light body .app-page-shell__main .working-relations-page .committees-main-content .committee-row-card,
html:not(.dark) body .app-page-shell__main .grievance-committee-page .committees-right-panel .committee-row-card,
html:not(.dark) body .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card,
html:not(.dark) body .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card,
html.light body .app-page-shell__main .grievance-committee-page .committees-right-panel .committee-row-card,
html.light body .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card,
html.light body .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html.dark body .grievance-committee-page .committee-row-card,
html.dark body .mini-working-relations-page .committee-row-card,
html.dark body .working-relations-page .committee-row-card,
html body.dark .grievance-committee-page .committee-row-card,
html body.dark .mini-working-relations-page .committee-row-card,
html body.dark .working-relations-page .committee-row-card,
html.dark body .app-page-shell__main .grievance-committee-page .committees-main-content .committee-row-card,
html.dark body .app-page-shell__main .mini-working-relations-page .committees-main-content .committee-row-card,
html.dark body .app-page-shell__main .working-relations-page .committees-main-content .committee-row-card,
html body.dark .app-page-shell__main .grievance-committee-page .committees-main-content .committee-row-card,
html body.dark .app-page-shell__main .mini-working-relations-page .committees-main-content .committee-row-card,
html body.dark .app-page-shell__main .working-relations-page .committees-main-content .committee-row-card,
html.dark body .app-page-shell__main .grievance-committee-page .committees-right-panel .committee-row-card,
html.dark body .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card,
html.dark body .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card,
html body.dark .app-page-shell__main .grievance-committee-page .committees-right-panel .committee-row-card,
html body.dark .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card,
html body.dark .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card,
html body .dark .grievance-committee-page .committee-row-card,
html body .dark .mini-working-relations-page .committee-row-card,
html body .dark .working-relations-page .committee-row-card,
html body .dark .app-page-shell__main .grievance-committee-page .committees-main-content .committee-row-card,
html body .dark .app-page-shell__main .mini-working-relations-page .committees-main-content .committee-row-card,
html body .dark .app-page-shell__main .working-relations-page .committees-main-content .committee-row-card,
html body .dark .app-page-shell__main .grievance-committee-page .committees-right-panel .committee-row-card,
html body .dark .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card,
html body .dark .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
/* Clickable archive / workflow point entries — themed hover halo + lift.
   Must beat the committee-row-card box-shadow/transform:none locks above. */
html body .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html:not(.dark) body .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html:not(.dark) body .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html.light body .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html.light body .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:focus-visible,
html body .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:focus-visible {
  cursor: pointer !important;
  background: color-mix(
    in srgb,
    var(--icon-theme-accent, #fbbf24) 12%,
    rgba(255, 255, 255, 0.28)
  ) !important;
  border: 1px solid color-mix(in srgb, var(--icon-theme-accent, #fbbf24) 55%, transparent) !important;
  box-shadow:
    0 4px 16px color-mix(in srgb, var(--icon-theme-accent, #fbbf24) 35%, transparent),
    0 0 14px color-mix(in srgb, var(--icon-theme-accent, #fbbf24) 28%, transparent) !important;
  transform: translateY(-2px) !important;
  -webkit-transform: translateY(-2px) !important;
}
html.dark body .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html.dark body .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body.dark .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body.dark .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html.dark body .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html.dark body .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body.dark .app-page-shell__main .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body.dark .app-page-shell__main .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body .dark .mini-working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover,
html body .dark .working-relations-page .committees-right-panel .committee-row-card.committee-point-card--clickable:hover {
  background: color-mix(
    in srgb,
    var(--icon-theme-accent, #fbbf24) 16%,
    rgba(255, 255, 255, 0.04)
  ) !important;
  border: 1px solid color-mix(in srgb, var(--icon-theme-accent, #fbbf24) 60%, transparent) !important;
  box-shadow:
    0 4px 18px color-mix(in srgb, var(--icon-theme-accent, #fbbf24) 40%, transparent),
    0 0 16px color-mix(in srgb, var(--icon-theme-accent, #fbbf24) 32%, transparent) !important;
  transform: translateY(-2px) !important;
  -webkit-transform: translateY(-2px) !important;
}
/* Descriptions page row cards — subtle outline (list + accordion) */
html body .descriptions-page .descriptions-row-card,
html body #descriptions-mobile-wrapper .descriptions-row-card,
html body .app-page-shell__main .descriptions-page .descriptions-panel .descriptions-row-card,
html body .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-row-card,
html:not(.dark) body .descriptions-page .descriptions-row-card,
html.light body .descriptions-page .descriptions-row-card,
html:not(.dark) body #descriptions-mobile-wrapper .descriptions-row-card,
html.light body #descriptions-mobile-wrapper .descriptions-row-card,
html:not(.dark) body .app-page-shell__main .descriptions-page .descriptions-panel .descriptions-row-card,
html.light body .app-page-shell__main .descriptions-page .descriptions-panel .descriptions-row-card,
html:not(.dark) body .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-row-card,
html.light body .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html.dark body .descriptions-page .descriptions-row-card,
html body.dark .descriptions-page .descriptions-row-card,
html.dark body #descriptions-mobile-wrapper .descriptions-row-card,
html body.dark #descriptions-mobile-wrapper .descriptions-row-card,
html.dark body .app-page-shell__main .descriptions-page .descriptions-panel .descriptions-row-card,
html body.dark .app-page-shell__main .descriptions-page .descriptions-panel .descriptions-row-card,
html.dark body .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-row-card,
html body.dark .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-row-card,
html body .dark .descriptions-page .descriptions-row-card,
html body .dark #descriptions-mobile-wrapper .descriptions-row-card,
html body .dark .app-page-shell__main .descriptions-page .descriptions-panel .descriptions-row-card,
html body .dark .app-page-shell__main:has(#descriptions-mobile-wrapper) .descriptions-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
/* Salaries page row cards — subtle outline (accordion + salary rows) */
html body .salaries-page .salaries-row-card,
html body #salaries-mobile-wrapper .salaries-row-card,
html body .app-page-shell__main .salaries-page .salaries-panel .salaries-row-card,
html body .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-row-card,
html:not(.dark) body .salaries-page .salaries-row-card,
html.light body .salaries-page .salaries-row-card,
html:not(.dark) body #salaries-mobile-wrapper .salaries-row-card,
html.light body #salaries-mobile-wrapper .salaries-row-card,
html:not(.dark) body .app-page-shell__main .salaries-page .salaries-panel .salaries-row-card,
html.light body .app-page-shell__main .salaries-page .salaries-panel .salaries-row-card,
html:not(.dark) body .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-row-card,
html.light body .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html.dark body .salaries-page .salaries-row-card,
html body.dark .salaries-page .salaries-row-card,
html.dark body #salaries-mobile-wrapper .salaries-row-card,
html body.dark #salaries-mobile-wrapper .salaries-row-card,
html.dark body .app-page-shell__main .salaries-page .salaries-panel .salaries-row-card,
html body.dark .app-page-shell__main .salaries-page .salaries-panel .salaries-row-card,
html.dark body .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-row-card,
html body.dark .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-row-card,
html body .dark .salaries-page .salaries-row-card,
html body .dark #salaries-mobile-wrapper .salaries-row-card,
html body .dark .app-page-shell__main .salaries-page .salaries-panel .salaries-row-card,
html body .dark .app-page-shell__main:has(#salaries-mobile-wrapper) .salaries-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
/* Bill To page row cards */
html body .billto-page .billto-row-card,
html body #bill-to-mobile-wrapper .billto-row-card,
html body .app-page-shell__main .billto-page .billto-panel .billto-row-card,
html body .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-row-card,
html:not(.dark) body .billto-page .billto-row-card,
html.light body .billto-page .billto-row-card,
html:not(.dark) body #bill-to-mobile-wrapper .billto-row-card,
html.light body #bill-to-mobile-wrapper .billto-row-card,
html:not(.dark) body .app-page-shell__main .billto-page .billto-panel .billto-row-card,
html.light body .app-page-shell__main .billto-page .billto-panel .billto-row-card,
html:not(.dark) body .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-row-card,
html.light body .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html.dark body .billto-page .billto-row-card,
html body.dark .billto-page .billto-row-card,
html.dark body #bill-to-mobile-wrapper .billto-row-card,
html body.dark #bill-to-mobile-wrapper .billto-row-card,
html.dark body .app-page-shell__main .billto-page .billto-panel .billto-row-card,
html body.dark .app-page-shell__main .billto-page .billto-panel .billto-row-card,
html.dark body .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-row-card,
html body.dark .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-row-card,
html body .dark .billto-page .billto-row-card,
html body .dark #bill-to-mobile-wrapper .billto-row-card,
html body .dark .app-page-shell__main .billto-page .billto-panel .billto-row-card,
html body .dark .app-page-shell__main:has(#bill-to-mobile-wrapper) .billto-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
/* Export/Import page section cards */
html body .export-import-page .export-import-row-card,
html body #export-import-mobile-wrapper .export-import-row-card,
html body .app-page-shell__main .export-import-page .export-import-panel .export-import-row-card,
html body .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-row-card,
html body .export-import-content-wrapper .export-import-row-card,
html:not(.dark) body .export-import-page .export-import-row-card,
html.light body .export-import-page .export-import-row-card,
html:not(.dark) body #export-import-mobile-wrapper .export-import-row-card,
html.light body #export-import-mobile-wrapper .export-import-row-card,
html:not(.dark) body .app-page-shell__main .export-import-page .export-import-panel .export-import-row-card,
html.light body .app-page-shell__main .export-import-page .export-import-panel .export-import-row-card,
html:not(.dark) body .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-row-card,
html.light body .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html.dark body .export-import-page .export-import-row-card,
html body.dark .export-import-page .export-import-row-card,
html.dark body #export-import-mobile-wrapper .export-import-row-card,
html body.dark #export-import-mobile-wrapper .export-import-row-card,
html.dark body .app-page-shell__main .export-import-page .export-import-panel .export-import-row-card,
html body.dark .app-page-shell__main .export-import-page .export-import-panel .export-import-row-card,
html.dark body .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-row-card,
html body.dark .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-row-card,
html body .dark .export-import-page .export-import-row-card,
html body .dark #export-import-mobile-wrapper .export-import-row-card,
html body .dark .app-page-shell__main .export-import-page .export-import-panel .export-import-row-card,
html body .dark .app-page-shell__main:has(#export-import-mobile-wrapper) .export-import-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
/* Grievance + Archive list row cards */
html body .grievance-layout-root .grievance-row-card,
html body .grievance-layout-root .grievance-panel .grievance-row-card,
html body .grievance-layout-root .app-page-shell__main .grievance-content-area .grievance-row-card,
html body #grievance-form-mobile-wrapper .grievance-row-card,
html body #archives-mobile-wrapper .grievance-row-card,
html:not(.dark) body .grievance-layout-root .grievance-row-card,
html.light body .grievance-layout-root .grievance-row-card,
html:not(.dark) body .grievance-layout-root .grievance-panel .grievance-row-card,
html.light body .grievance-layout-root .grievance-panel .grievance-row-card,
html:not(.dark) body .grievance-layout-root .app-page-shell__main .grievance-content-area .grievance-row-card,
html.light body .grievance-layout-root .app-page-shell__main .grievance-content-area .grievance-row-card,
html:not(.dark) body #grievance-form-mobile-wrapper .grievance-row-card,
html.light body #grievance-form-mobile-wrapper .grievance-row-card,
html:not(.dark) body #archives-mobile-wrapper .grievance-row-card,
html.light body #archives-mobile-wrapper .grievance-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html.dark body .grievance-layout-root .grievance-row-card,
html body.dark .grievance-layout-root .grievance-row-card,
html.dark body .grievance-layout-root .grievance-panel .grievance-row-card,
html body.dark .grievance-layout-root .grievance-panel .grievance-row-card,
html.dark body .grievance-layout-root .app-page-shell__main .grievance-content-area .grievance-row-card,
html body.dark .grievance-layout-root .app-page-shell__main .grievance-content-area .grievance-row-card,
html.dark body #grievance-form-mobile-wrapper .grievance-row-card,
html body.dark #grievance-form-mobile-wrapper .grievance-row-card,
html.dark body #archives-mobile-wrapper .grievance-row-card,
html body.dark #archives-mobile-wrapper .grievance-row-card,
html body .dark .grievance-layout-root .grievance-row-card,
html body .dark #grievance-form-mobile-wrapper .grievance-row-card,
html body .dark #archives-mobile-wrapper .grievance-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
/* Review & Sign list row cards */
html body .approval-layout-root .approval-sign-row-card,
html body .approval-layout-root .grievance-panel .approval-sign-row-card,
html body .approval-sign-sub-page .approval-sign-row-card,
html body #approval-grievance-sign-wrapper .approval-sign-row-card,
html:not(.dark) body .approval-layout-root .approval-sign-row-card,
html.light body .approval-layout-root .approval-sign-row-card,
html:not(.dark) body .approval-layout-root .grievance-panel .approval-sign-row-card,
html.light body .approval-layout-root .grievance-panel .approval-sign-row-card,
html:not(.dark) body .approval-sign-sub-page .approval-sign-row-card,
html.light body .approval-sign-sub-page .approval-sign-row-card,
html:not(.dark) body #approval-grievance-sign-wrapper .approval-sign-row-card,
html.light body #approval-grievance-sign-wrapper .approval-sign-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
html.dark body .approval-layout-root .approval-sign-row-card,
html body.dark .approval-layout-root .approval-sign-row-card,
html.dark body .approval-layout-root .grievance-panel .approval-sign-row-card,
html body.dark .approval-layout-root .grievance-panel .approval-sign-row-card,
html.dark body .approval-sign-sub-page .approval-sign-row-card,
html body.dark .approval-sign-sub-page .approval-sign-row-card,
html.dark body #approval-grievance-sign-wrapper .approval-sign-row-card,
html body.dark #approval-grievance-sign-wrapper .approval-sign-row-card,
html body .dark .approval-layout-root .approval-sign-row-card,
html body .dark #approval-grievance-sign-wrapper .approval-sign-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
  overflow: visible !important;
}
/* Billboard list row cards */
html body .billboard-layout-root .billboard-row-card,
html body .billboard-layout-root .billboard-panel .billboard-row-card,
html body .billboard-layout-root .app-page-shell__main .billboard-content-area .billboard-row-card,
html body .billboard-mobile-shell-wrapper .billboard-row-card,
html body .billboard-news-page .billboard-row-card,
html body .billboard-delegate-page .billboard-row-card,
html:not(.dark) body .billboard-layout-root .billboard-row-card,
html.light body .billboard-layout-root .billboard-row-card,
html:not(.dark) body .billboard-layout-root .billboard-panel .billboard-row-card,
html.light body .billboard-layout-root .billboard-panel .billboard-row-card,
html:not(.dark) body .billboard-mobile-shell-wrapper .billboard-row-card,
html.light body .billboard-mobile-shell-wrapper .billboard-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
}
html.dark body .billboard-layout-root .billboard-row-card,
html body.dark .billboard-layout-root .billboard-row-card,
html.dark body .billboard-layout-root .billboard-panel .billboard-row-card,
html body.dark .billboard-layout-root .billboard-panel .billboard-row-card,
html.dark body .billboard-mobile-shell-wrapper .billboard-row-card,
html body.dark .billboard-mobile-shell-wrapper .billboard-row-card,
html body .dark .billboard-layout-root .billboard-row-card,
html body .dark .billboard-mobile-shell-wrapper .billboard-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
}
/* Billboard news cards — full-bleed gallery layout on row cards */
html body .billboard-layout-root .billboard-panel .kiosk-news-card.news-article.billboard-row-card,
html body .billboard-mobile-shell-wrapper .billboard-news-page .kiosk-news-card.news-article.billboard-row-card {
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
}
/* Reports list row cards */
html body .reports-layout-root .reports-row-card,
html body .reports-layout-root .reports-panel .reports-row-card,
html body .reports-layout-root .reports-content-area .reports-row-card,
html body .reports-layout-root .reports-mobile-shell-wrapper .reports-row-card,
html body .reports-user-activity-page .reports-row-card,
html body .reports-invoice-page .reports-row-card,
html body .reports-page-content-wrapper .reports-row-card,
html:not(.dark) body .reports-layout-root .reports-row-card,
html.light body .reports-layout-root .reports-row-card,
html:not(.dark) body .reports-layout-root .reports-panel .reports-row-card,
html.light body .reports-layout-root .reports-panel .reports-row-card,
html:not(.dark) body div.p-6:has(.reports-user-activity-page) .reports-row-card,
html.light body div.p-6:has(.reports-user-activity-page) .reports-row-card,
html:not(.dark) body div.p-6:has(.reports-invoice-page) .reports-row-card,
html.light body div.p-6:has(.reports-invoice-page) .reports-row-card {
  background: rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
}
html.dark body .reports-layout-root .reports-row-card,
html body.dark .reports-layout-root .reports-row-card,
html.dark body .reports-layout-root .reports-panel .reports-row-card,
html body.dark .reports-layout-root .reports-panel .reports-row-card,
html.dark body .reports-layout-root .reports-mobile-shell-wrapper .reports-row-card,
html body.dark .reports-layout-root .reports-mobile-shell-wrapper .reports-row-card,
html body .dark .reports-layout-root .reports-row-card,
html body .dark .reports-layout-root .reports-panel .reports-row-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(203, 213, 225, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  isolation: auto !important;
}
html body .reports-layout-root .reports-row-card .user-activity-row td,
html body .reports-layout-root .reports-row-card .user-activity-table th,
html body .reports-layout-root .reports-row-card .invoice-event-row td,
html body .reports-layout-root .reports-row-card .invoice-events-table th {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
  transform: none !important;
  isolation: auto !important;
}