/* Final desktop application-shell layer. It loads after feature styles so every
   contextual third row uses the same dock geometry and glass treatment. */
:root {
  --topbar-context-badge-radius: 14px;
  --topbar-context-link-size: .75rem;
}

/* Produkcije imaju samo jedan vanjski badge. Unutarnje funkcijske grupe ne
   smiju ponovno dobiti obojenu glass podlogu iz općih surface pravila. */
html body[data-view="organization"] #appShell #diagramToolbar .production-third-row > :is(.production-third-row-filters, .production-third-row-actions) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body[data-interface-theme] {
  --topbar-navigation-muted: var(--uis-muted);
}

body[data-interface-theme][data-interface-navigation="solid"] {
  --topbar-navigation-material: var(--uis-panel);
  --topbar-navigation-shadow: inset 0 100px rgba(0, 0, 0, .1);
  --topbar-navigation-filter: none;
}

body[data-interface-theme][data-interface-navigation="glass"] {
  --topbar-navigation-material: linear-gradient(145deg, color-mix(in srgb, var(--uis-panel) 80%, transparent), color-mix(in srgb, var(--uis-card) 74%, transparent));
  --topbar-navigation-shadow: inset 0 100px rgba(0, 0, 0, .1);
  --topbar-navigation-filter: blur(26px) saturate(1.14);
  --topbar-navigation-muted: var(--uig-muted);
}

/* Glavna navigacijska traka završava čistom plohom; kontekstni red i aktivni
   tabovi već daju potrebnu razdjelnicu bez dodatne svijetle crte. */
html body[data-interface-theme][data-interface-navigation] #appShell .topbar-primary {
  border-bottom: 0 !important;
}

@media (min-width: 1367px) {
  .topbar-desktop-left {
    gap: 2px;
  }

  .topbar-leading-brand {
    width: 112px;
    height: 36px;
    flex-basis: 112px;
  }

  .topbar-leading-brand img {
    max-height: 34px;
  }

  .desktop-nav > .desktop-nav-button,
  .desktop-nav > .desktop-nav-group > .desktop-nav-button {
    font-size: .74rem;
  }

  .topbar-secondary .topbar-title h2 {
    font-size: .94rem;
  }

  .topbar-secondary #topbarEventSwitcher :is(button, .event-header-tab),
  .topbar-secondary .topbar-quick-link {
    font-size: .62rem !important;
  }

  body .topbar-primary .desktop-nav-dropdown > button {
    font-size: .69rem;
  }

  body .topbar-primary .desktop-nav-dropdown-copy small {
    font-size: .55rem;
  }

  body[data-interface-theme] .topbar-profile-menu > button {
    position: relative;
    grid-template-columns: 20px minmax(0, 1fr);
    min-height: 48px !important;
    gap: 10px;
    padding: 5px 11px !important;
    border-top: 0 !important;
    border-radius: 8px;
  }

  body[data-interface-theme] .topbar-profile-menu > button + button::before {
    position: absolute;
    top: 0;
    right: 16px;
    left: 16px;
    height: 1px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--uig-line, var(--uis-line-strong)) 48%, transparent) 18%, color-mix(in srgb, var(--uig-line, var(--uis-line-strong)) 48%, transparent) 82%, transparent);
    content: "";
    opacity: .72;
    pointer-events: none;
    transform: scaleY(.5);
    transform-origin: center top;
  }

  body[data-interface-theme] .topbar-profile-menu > button > svg {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
  }

  body[data-interface-theme] .topbar-profile-menu > button strong {
    font-size: .69rem !important;
  }

  body[data-interface-theme] .topbar-profile-menu > button small {
    font-size: .55rem !important;
  }

  /* Full-screen service workspaces keep both visible bands edge-to-edge. */
  body:is(.accounting-overlay-open,.secretary-overlay-open,.pedagogue-overlay-open,.admin-overlay-open) :is(.topbar-primary,.topbar-secondary),
  body:is(.secretary-overlay-open,.pedagogue-overlay-open,.admin-overlay-open) .diagram-toolbar:not([hidden]),
  body.accounting-overlay-open .accounting-page > .acc-hero {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    border-radius: 0 !important;
  }

  body:has(.workrecords-control-panel) .topbar-secondary,
  body:has(.workrecords-schedule-nav) .topbar-secondary,
  body:has(.commute-hero) .topbar-secondary,
  body:has(.weekend-hero) .topbar-secondary,
  body:has(.diagram-toolbar:not([hidden])) .topbar-secondary {
    margin-bottom: 0;
    border-radius: 12px 12px 0 0;
  }

  body[data-interface-surface="glass"]:not(.admin-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.accounting-overlay-open):not(.my-teaching-schedule-expanded) .diagram-toolbar:not([hidden]) {
    width: auto !important;
    margin: 0 clamp(8px, .8vw, 16px) 4px !important;
    border-color: var(--app-shell-dock-border) !important;
    border-radius: 0 0 12px 12px !important;
    background: var(--app-shell-dock-background) !important;
    background-image: var(--app-shell-dock-background) !important;
    box-shadow: var(--app-shell-dock-shadow) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
    backdrop-filter: blur(10px) saturate(1.05) !important;
  }

  body[data-view="school-diagram"] .topbar-secondary {
    margin-bottom: 4px;
    border-radius: 12px;
  }

  body[data-interface-surface="glass"][data-view="school-diagram"] .diagram-toolbar:not([hidden]),
  body[data-view="school-diagram"] .diagram-toolbar:not([hidden]) {
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-interface-theme][data-interface-surface="glass"][data-view="organization"] #diagramToolbar:not([hidden]) {
    border-color: var(--app-shell-dock-border) !important;
    background-color: transparent !important;
    background-image: var(--app-shell-dock-background) !important;
    box-shadow: var(--app-shell-dock-shadow) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
    backdrop-filter: blur(10px) saturate(1.05) !important;
  }

  body[data-interface-surface="glass"] .commute-page .commute-hero,
  body[data-interface-surface="glass"][data-view="workrecords"] .workrecords-evidence > .workrecords-control-panel,
  body[data-interface-surface="glass"][data-view="workrecords"] .workrecords-schedule > .workrecords-schedule-nav {
    border-color: var(--app-shell-dock-border) !important;
    border-width: 0 1px 1px !important;
    border-radius: 0 0 12px 12px !important;
    background: var(--app-shell-dock-background) !important;
    background-image: var(--app-shell-dock-background) !important;
    box-shadow: var(--app-shell-dock-shadow) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
    backdrop-filter: blur(10px) saturate(1.05) !important;
  }

  body[data-view="weekend"][data-interface-surface="glass"] .weekend-page > .weekend-hero[data-ui-surface="panel"] {
    box-sizing: border-box !important;
    width: auto !important;
    margin: 0 clamp(8px, .8vw, 16px) 4px !important;
    border-color: var(--app-shell-dock-border) !important;
    border-width: 0 1px 1px !important;
    border-radius: 0 0 12px 12px !important;
    background: var(--app-shell-dock-background) !important;
    background-image: var(--app-shell-dock-background) !important;
    box-shadow: var(--app-shell-dock-shadow) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
    backdrop-filter: blur(10px) saturate(1.05) !important;
  }

  body[data-interface-surface="glass"] .commute-page .commute-hero,
  body[data-interface-surface="glass"][data-view="workrecords"] .workrecords-evidence > .workrecords-control-panel {
    margin-inline: calc(clamp(8px, .8vw, 16px) - clamp(18px, 3vw, 58px)) !important;
  }

  body[data-interface-surface="glass"][data-view="workrecords"] .workrecords-schedule > .workrecords-schedule-nav {
    top: var(--app-shell-sticky-offset, 129px) !important;
    margin: 0 calc(clamp(8px, .8vw, 16px) - clamp(18px, 3vw, 58px)) 12px !important;
  }

  body[data-interface-surface="glass"][data-view="organization"] #diagramToolbar :is(.organization-toolbar-badge, .production-third-row) {
    background: color-mix(in srgb, var(--uig-inset) 58%, transparent) !important;
    box-shadow: none !important;
  }
}

/* The compact application shell starts at 1366px. Its administrator workspace
   uses the single summary menu as well, so desktop tab groups cannot remain
   underneath it and extend beyond a 13-inch viewport. */
@media (max-width: 1366px) {
  html body[data-view="admin"] .topbar-event-switcher .admin-header-tabs {
    display: none !important;
  }

  html body[data-view="admin"] .topbar-event-switcher .admin-mobile-nav {
    display: block !important;
  }

  html body[data-view="admin"] .admin-work-calendar > nav.admin-work-calendar-tabs {
    box-sizing: border-box;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 14px;
    overflow-x: auto;
  }
}

/* Standard desktop views keep the second row as its own quiet context layer.
   Views with a third row use the connected dock geometry defined above. */
@media (min-width: 1367px) {
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not([data-view="profile"]):not(:has(.workrecords-control-panel)):not(:has(.workrecords-schedule-nav)):not(:has(.commute-hero)):not(:has(.weekend-hero)):not(:has(.diagram-toolbar:not([hidden]))) .topbar {
    border-bottom: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not([data-view="profile"]):not(:has(.workrecords-control-panel)):not(:has(.workrecords-schedule-nav)):not(:has(.commute-hero)):not(:has(.weekend-hero)):not(:has(.diagram-toolbar:not([hidden]))) .topbar-secondary {
    min-height: 42px;
    grid-template-columns: minmax(150px, auto) minmax(0, 1fr);
    gap: clamp(14px, 1.4vw, 28px);
    margin: 0 clamp(16px, 2vw, 38px) 2px;
    padding: 0 clamp(4px, .65vw, 12px);
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not([data-view="profile"]):not(:has(.workrecords-control-panel)):not(:has(.workrecords-schedule-nav)):not(:has(.commute-hero)):not(:has(.weekend-hero)):not(:has(.diagram-toolbar:not([hidden]))) .topbar-title h2 {
    min-height: 24px;
    gap: 8px;
    font-size: clamp(.88rem, 1vw, 1.02rem);
    letter-spacing: -.01em;
  }

  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not([data-view="profile"]):not(:has(.workrecords-control-panel)):not(:has(.workrecords-schedule-nav)):not(:has(.commute-hero)):not(:has(.weekend-hero)):not(:has(.diagram-toolbar:not([hidden]))) .topbar-title h2::before {
    width: 3px;
    height: 16px;
    flex-basis: 3px;
    box-shadow: 0 0 14px color-mix(in srgb, var(--uis-accent) 48%, transparent);
  }

  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not([data-view="profile"]):not(:has(.workrecords-control-panel)):not(:has(.workrecords-schedule-nav)):not(:has(.commute-hero)):not(:has(.weekend-hero)):not(:has(.diagram-toolbar:not([hidden]))) .topbar-event-switcher {
    width: auto !important;
    max-width: min(72vw, 1320px);
    min-width: 0;
    justify-self: end;
  }

  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not([data-view="profile"]):not(:has(.workrecords-control-panel)):not(:has(.workrecords-schedule-nav)):not(:has(.commute-hero)):not(:has(.weekend-hero)):not(:has(.diagram-toolbar:not([hidden]))) .topbar-event-switcher :is(.event-header-tabs, .topbar-quick-links) {
    min-width: 0;
  }

  body[data-view="board"] .topbar-secondary .topbar-quick-links {
    padding: 3px 4px;
    border-color: color-mix(in srgb, var(--theme-glass-accent) 22%, transparent);
    background: color-mix(in srgb, var(--theme-body-base) 54%, transparent);
    box-shadow: inset 0 1px color-mix(in srgb, white 5%, transparent), 0 7px 20px rgba(0, 0, 0, .1);
  }

  /* Give the two navigation rows a little air while keeping every contextual
     third row visually attached to the slimmer second row. Overlay workspaces
     intentionally keep their established geometry. */
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) {
    --app-shell-sticky-offset: 120px;
    --app-shell-dock-shadow: 0 7px 20px rgba(0, 0, 0, .12);
  }

  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar {
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary {
    min-height: 50px !important;
    margin-top: 4px !important;
    padding-block: 2px !important;
    border-bottom-width: 0 !important;
  }

  /* The contextual tabs are a slim second level inside the primary bar. */
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) { --app-shell-sticky-offset: 84px; }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar { overflow: visible; }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-primary { min-height: 70px; align-items: start; }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-title { display: none !important; }

  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary:has(.event-header-tabs, .topbar-quick-links) {
    position: absolute !important;
    top: 47px;
    right: 16px;
    left: var(--desktop-context-left, 160px);
    z-index: 6;
    width: auto;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    animation: desktopContextDrop 180ms cubic-bezier(.2, .8, .2, 1) both;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary:has(.event-header-tabs, .topbar-quick-links) .topbar-event-switcher { width: auto !important; max-width: 100%; justify-self: start; overflow-x: auto; }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tabs, .topbar-quick-links) { width: max-content; min-width: 0; gap: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link) { position: relative; min-height: 22px !important; height: 22px !important; padding: 0 10px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link) > :is(svg, img, .app-asset-icon) { display: none !important; }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link) + :is(.event-header-tab, .topbar-quick-link)::before { position: absolute; top: 5px; bottom: 5px; left: 0; width: 1px; background: color-mix(in srgb, var(--uis-text) 22%, transparent); content: ""; }
  body[data-view="organization"]:not(.admin-overlay-open):not(.my-teaching-schedule-expanded) #diagramToolbar:not([hidden]) { border-width: 1px !important; border-radius: 12px !important; }

  @keyframes desktopContextDrop {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* Final desktop composition: one shared shell with a darker primary level
     and a quiet text-only context rail below it. */
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) { --app-shell-sticky-offset: 94px; }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-primary {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    align-items: center;
    margin: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }
  body[data-view="profile"] .topbar-primary {
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary:has(.event-header-tabs, .topbar-quick-links) {
    --topbar-context-edge: clamp(8px, .8vw, 16px);
    box-sizing: border-box;
    position: static !important;
    display: block !important;
    width: auto;
    min-height: 28px !important;
    margin: 0 var(--topbar-context-edge) 8px !important;
    padding: 3px 16px !important;
    border: 0 !important;
    border-radius: 0 0 var(--topbar-context-badge-radius) var(--topbar-context-badge-radius) !important;
    background: color-mix(in srgb, var(--uis-panel) 88%, black) !important;
    background-image: none !important;
    animation: desktopContextDrop 180ms cubic-bezier(.2, .8, .2, 1) both;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary:has(.event-header-tabs):not(:has(.topbar-quick-links)) {
    width: calc(var(--desktop-primary-nav-end, 100%) - var(--desktop-primary-nav-start, var(--topbar-context-edge)));
    max-width: calc(100% - var(--desktop-primary-nav-start, var(--topbar-context-edge)) - var(--topbar-context-edge));
    margin-right: auto !important;
    margin-left: var(--desktop-primary-nav-start, var(--topbar-context-edge)) !important;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary:has(.topbar-quick-links) {
    width: max-content;
    max-width: calc(100% - var(--topbar-context-edge) - var(--topbar-context-edge));
    margin-left: auto !important;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary:has(.event-header-tabs, .topbar-quick-links) .topbar-event-switcher {
    position: static !important;
    right: auto !important;
    left: auto !important;
    width: max-content !important;
    max-width: 100%;
    margin-left: 0 !important;
    justify-self: start !important;
    transform: none !important;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tabs, .topbar-quick-links) {
    justify-content: flex-start !important;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary:has(.topbar-quick-links) .topbar-event-switcher {
    margin-left: auto !important;
    justify-self: end !important;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary .topbar-quick-links {
    justify-content: flex-end !important;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link) {
    padding-inline: 11px !important;
    font-size: var(--topbar-context-link-size) !important;
  }
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link).is-active,
  body:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link)[aria-current="page"] {
    color: var(--uis-text) !important;
    box-shadow: inset 0 -2px var(--uis-accent) !important;
  }
  body[data-view="organization"]:not(.admin-overlay-open):not(.my-teaching-schedule-expanded) #diagramToolbar:not([hidden]) { margin-top: 4px !important; }

  /* One deterministic navigation material across views. Older view-specific
     transparent and quick-link surfaces must not change the second level. */
  html body[data-interface-theme][data-interface-navigation]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) :is(.topbar-primary, #appShell .topbar-secondary:has(.event-header-tabs, .topbar-quick-links)) {
    border: 0 !important;
    background: var(--topbar-navigation-material) !important;
    box-shadow: var(--topbar-navigation-shadow) !important;
    -webkit-backdrop-filter: var(--topbar-navigation-filter) !important;
    backdrop-filter: var(--topbar-navigation-filter) !important;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tabs, .topbar-quick-links) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar:has(.topbar-event-switcher:not([hidden])) .desktop-nav .desktop-nav-button:not(.is-active) {
    color: var(--uis-text) !important;
    opacity: 1;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar:has(.topbar-event-switcher:not([hidden])) .desktop-nav .desktop-nav-button:not(.is-active):is(:hover, :focus-visible) {
    opacity: 1;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar:has(.topbar-event-switcher:not([hidden])) .desktop-nav .desktop-nav-button.is-active,
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link).is-active {
    opacity: 1;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar:has(.topbar-event-switcher:not([hidden])) .desktop-nav .desktop-nav-button.is-active,
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar:has(.topbar-event-switcher:not([hidden])) .desktop-nav .desktop-nav-button.is-active > span {
    color: var(--uis-accent) !important;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar:has(.topbar-event-switcher:not([hidden])) .desktop-nav .desktop-nav-button.is-active > .main-nav-icon {
    background-color: var(--uis-accent) !important;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar:has(.topbar-event-switcher:not([hidden])) .desktop-nav .desktop-nav-button.is-active > svg {
    color: var(--uis-accent) !important;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link):is(.is-active, [aria-current="page"]) {
    border-radius: 7px !important;
    background: color-mix(in srgb, var(--uis-accent) 12%, transparent) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--uis-accent) 28%, transparent), inset 0 -2px var(--uis-accent) !important;
    text-transform: none;
  }
  html body[data-interface-theme]:not(.accounting-overlay-open):not(.secretary-overlay-open):not(.pedagogue-overlay-open):not(.admin-overlay-open):not(.my-teaching-schedule-expanded):not([data-view="profile"]) .topbar-secondary :is(.event-header-tab, .topbar-quick-link):not(.is-active):not([aria-current="page"]) {
    color: var(--topbar-navigation-muted) !important;
    opacity: .94;
  }
  html body[data-interface-theme][data-view="organization"]:not(.admin-overlay-open):not(.my-teaching-schedule-expanded) #appShell #diagramToolbar:not([hidden]) {
    margin-top: 4px !important;
    border-width: 1px !important;
    border-radius: 12px !important;
  }
  html body[data-interface-theme][data-view="organization"]:not(.admin-overlay-open):not(.my-teaching-schedule-expanded) #appShell .topbar #diagramToolbar:not([hidden]) {
    border-top-width: 1px !important;
    border-top-style: solid !important;
  }

  /* Selected third rows sit directly on the application background. Their
     controls keep their own affordances, without one more enclosing card. */
  html body[data-interface-theme][data-view="organization"]:not(.admin-overlay-open):not(.my-teaching-schedule-expanded) #appShell .topbar #diagramToolbar:is(:has(.organization-toolbar-quick), :has(.production-third-row)) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  body[data-view="organization"] .production-third-row {
    box-sizing: border-box;
    width: max-content;
    max-width: 100%;
    grid-template-columns: auto auto;
    justify-content: end;
    justify-self: end;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid var(--uig-line, var(--uis-line));
    border-radius: 13px;
    background: var(--uig-inset, var(--uis-inset));
  }
  body[data-view="organization"] .production-third-row-copy {
    display: none !important;
  }
  body[data-view="organization"] .production-third-row :is(.production-third-row-filters, .production-third-row-actions) {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
  }
  body[data-view="organization"] .production-third-row-filters {
    justify-self: end;
    justify-content: flex-start;
  }
  html body[data-interface-surface][data-view="organization"] .organization-spaces-heading[data-ui-surface="panel"] {
    width: auto;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  html body[data-interface-theme][data-view="workrecords"]:not(.admin-overlay-open):not(.my-teaching-schedule-expanded) #appShell .workrecords-schedule > .workrecords-schedule-nav {
    min-height: 52px !important;
    justify-content: flex-end !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-heading {
    display: none !important;
  }
  body[data-view="workrecords"] .workrecords-schedule .workrecords-schedule-actions {
    margin-left: auto;
  }
  html body[data-interface-theme][data-view="weekend"] #appShell .weekend-page > .weekend-hero[data-ui-surface="panel"] {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  html body[data-interface-theme][data-view="events"] #appShell .topbar #diagramToolbar:has(.school-year-filter-tabs) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  body[data-view="events"] .school-year-filter-tabs .event-header-tab > svg {
    display: none !important;
  }
  html body[data-interface-theme][data-view="events"] #appShell .calendar-productions > header {
    padding: 6px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  body[data-view="events"] .calendar-productions > header h2 {
    margin: 0;
    color: var(--uis-text) !important;
  }
  body[data-view="meetings"] #content {
    padding-top: 12px;
  }
}