/* A readable control panel: the same destinations appear in clear groups on
   desktop and in scrollable, named sections on small screens. */
#staff-initials.has-image {overflow:hidden;padding:0}
#staff-initials.has-image img,
#staff-initials.has-image svg {display:block;width:100%;height:100%;object-fit:cover}

@media (min-width:751px) {
  .topbar {
    display:grid!important;
    grid-template-columns:44px max-content minmax(0,1fr) max-content;
    align-items:center;
    justify-content:normal;
    column-gap:12px;
    height:70px;
    padding:0 clamp(16px,2vw,28px);
  }
  .topbar .mobile-menu {
    display:grid!important;
    place-items:center;
    grid-column:1;
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    border-radius:10px;
  }
  .topbar .location {grid-column:2;min-width:0;max-width:210px}
  .topbar .gc-global-search {grid-column:3;justify-self:center;width:min(100%,620px);min-width:0;height:44px;margin:0}
  .topbar .gc-global-search input {height:42px}
  .topbar .top-actions {grid-column:4;justify-self:end;min-width:0;gap:8px}
  .topbar :is(.v1-store-switch,.gc-availability-trigger,.gc-timeclock-trigger,.theme-toggle) {min-height:44px}
  .topbar .v1-store-switch {max-width:100%;min-width:0!important;overflow:hidden}
  .topbar .v1-store-switch strong {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .sidebar>nav:not(.gc-mobile-nav) {
    padding:5px 5px 16px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#405772 transparent!important;
  }
  .sidebar>nav:not(.gc-mobile-nav)>.gc-nav-section-label {
    margin:15px 10px 5px;
    color:#88a1bd;
    font-size:9px;
    font-weight:900;
    letter-spacing:.15em;
  }
  .sidebar>nav:not(.gc-mobile-nav)>.gc-nav-section-label:first-child {margin-top:3px}
  .sidebar>nav:not(.gc-mobile-nav)>.nav-link {
    position:relative;
    display:flex;
    align-items:center;
    min-height:37px;
    margin:1px 2px;
    padding:8px 10px;
    gap:10px;
    border:1px solid transparent;
    border-radius:9px;
    color:#b7c6d8;
    font-size:12.5px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    transition:background-color .15s ease,border-color .15s ease,color .15s ease;
  }
  .sidebar>nav:not(.gc-mobile-nav)>.nav-link>span:first-child {
    flex:0 0 18px;
    width:18px!important;
    min-width:18px;
    display:grid;
    place-items:center;
    color:#90a9c4;
  }
  .sidebar>nav:not(.gc-mobile-nav)>.nav-link:hover {
    color:#fff;
    background:#1a2d43;
    border-color:#34516f;
  }
  .sidebar>nav:not(.gc-mobile-nav)>.nav-link.active {
    color:#fff;
    background:linear-gradient(90deg,#24425f,#1b324c);
    border-color:#456987;
    box-shadow:inset 3px 0 #5fc4ef;
  }
  .sidebar>nav:not(.gc-mobile-nav)>.nav-link.active>span:first-child {color:#bfeaff}
  .sidebar>nav:not(.gc-mobile-nav)>.nav-link:focus-visible,
  .sidebar-bottom>.nav-link:focus-visible {
    outline:2px solid #84d5ff;
    outline-offset:1px;
  }
  .sidebar-bottom>.nav-link[data-view="settings"] {
    min-height:38px;
    border:1px solid transparent;
    border-radius:9px;
  }
  .sidebar-bottom>.nav-link[data-view="settings"]:hover,
  .sidebar-bottom>.nav-link[data-view="settings"].active {
    color:#fff;
    background:#1b324c;
    border-color:#456987;
  }

  html[data-gc-desktop-nav-collapsed="true"] {--gc-sidebar-desktop:76px}
  html[data-gc-desktop-nav-collapsed="true"] .app-shell {grid-template-columns:76px minmax(0,1fr)!important}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar {width:76px!important;padding:14px 8px!important}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar>.brand {
    height:66px!important;min-height:66px!important;max-height:66px!important;margin:0 0 14px!important;
  }
  html[data-gc-desktop-nav-collapsed="true"] .sidebar>.brand .brand-logo {display:none!important}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar>.brand::after {
    content:"";display:block;width:48px;height:48px;background:url('assets/gotcracked-favicon-48.png') center/contain no-repeat;
  }
  html[data-gc-desktop-nav-collapsed="true"] .sidebar>nav:not(.gc-mobile-nav) {padding:0 2px 10px!important}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar>nav:not(.gc-mobile-nav)>.gc-nav-section-label {display:none!important}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar>nav:not(.gc-mobile-nav)>.nav-link,
  html[data-gc-desktop-nav-collapsed="true"] .sidebar-bottom>.nav-link[data-view="settings"] {
    justify-content:center;min-height:44px;margin:2px 0;padding:0!important;gap:0;font-size:0!important;
  }
  html[data-gc-desktop-nav-collapsed="true"] .sidebar>nav:not(.gc-mobile-nav)>.nav-link>span:first-child,
  html[data-gc-desktop-nav-collapsed="true"] .sidebar-bottom>.nav-link[data-view="settings"]>span:first-child {
    flex:0 0 22px;width:22px!important;min-width:22px;height:22px;
  }
  html[data-gc-desktop-nav-collapsed="true"] .sidebar .nav-link b {display:none!important}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar>nav:not(.gc-mobile-nav)>.nav-link[data-view="repair-reference"] {gap:0!important;justify-content:center!important}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar-bottom {display:grid;justify-items:center;gap:4px}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar-bottom>.nav-link[data-view="settings"] {width:48px}
  html[data-gc-desktop-nav-collapsed="true"] .sidebar-bottom>.profile {width:100%;margin:0!important;padding-top:8px!important}
  html[data-gc-desktop-nav-collapsed="true"] .gc-account-identity {grid-template-columns:1fr!important;justify-items:center;padding:4px!important}
  html[data-gc-desktop-nav-collapsed="true"] .gc-account-identity-copy,
  html[data-gc-desktop-nav-collapsed="true"] .gc-account-open-indicator,
  html[data-gc-desktop-nav-collapsed="true"] .gc-logout-button>span:last-child {display:none!important}
  html[data-gc-desktop-nav-collapsed="true"] .gc-logout-button {width:44px;min-width:44px;min-height:44px;padding:0}
}
@media (min-width:751px) and (max-width:1050px) {
  :root {--gc-topbar:104px}
  main {grid-template-rows:var(--gc-topbar) minmax(0,1fr)}
  .topbar {
    grid-template-columns:44px minmax(0,1fr) auto;
    grid-template-rows:44px 44px;
    gap:4px 8px;
    height:104px;
    padding:6px clamp(12px,2vw,18px);
  }
  .topbar .mobile-menu {grid-column:1;grid-row:1}
  .topbar .location {grid-column:2;grid-row:1;max-width:100%}
  .topbar .top-actions {grid-column:3;grid-row:1;gap:6px}
  .topbar .gc-global-search {grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;max-width:none}
  .topbar .gc-timeclock-trigger {white-space:nowrap}
  body.training-store main {grid-template-rows:auto var(--gc-topbar) minmax(0,1fr)}
  body.training-store .v1-training-banner {grid-row:1;position:relative;top:auto}
  body.training-store .topbar {grid-row:2}
  body.training-store .view {grid-row:3}
}
@media (min-width:751px) and (max-height:760px) {
  .sidebar>nav:not(.gc-mobile-nav)>.gc-nav-section-label {margin-top:10px}
  .sidebar>nav:not(.gc-mobile-nav)>.nav-link {min-height:34px;padding-block:6px}
}
@media (max-width:750px) {
  :root {--gc-topbar:104px}
  .gc-mobile-nav-backdrop {z-index:120!important}
  html[data-gc-mobile-nav-open="true"] .sidebar,
  .sidebar.open {z-index:130!important}
  .topbar {
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto;
    grid-template-rows:44px 44px;
    align-items:center;
    gap:4px 8px;
    height:104px;
    padding:6px 12px;
  }
  .topbar .mobile-menu {grid-column:1;grid-row:1;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
  .topbar .location {grid-column:2;grid-row:1;min-width:0;width:auto;max-width:100%}
  .topbar .top-actions {grid-column:3;grid-row:1;min-width:0;gap:4px}
  .topbar .gc-global-search {grid-column:1/-1;grid-row:2;width:100%;height:44px;min-width:0;margin:0}
  .topbar .gc-global-search input {height:42px}
  .topbar .v1-store-switch {width:100%;min-width:0!important;max-width:100%;min-height:44px;padding-inline:10px!important;overflow:hidden}
  .topbar .v1-store-switch strong {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .top-actions .gc-maintenance-approval {min-width:0;max-width:84px}
  .topbar .top-actions .gc-maintenance-review {max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .topbar .theme-toggle {width:44px!important;min-width:44px!important;min-height:44px;padding-inline:4px!important}
  .sidebar>.gc-mobile-nav {
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:#49617e transparent!important;
  }
  .gc-mobile-nav>.nav-link,
  .gc-mobile-nav-group-links>.nav-link {
    flex-basis:auto!important;
    height:auto!important;
    min-height:40px!important;
    font-size:12.5px!important;
  }
  .gc-mobile-nav-group>summary {
    height:auto!important;
    min-height:42px!important;
    font-size:12px!important;
    letter-spacing:.01em;
  }
  .gc-mobile-nav-group[data-mobile-group="operations"]>summary::before {--nav-icon:url("assets/nav-inventory.svg?v=20260928-lucide1")}
  .gc-mobile-nav-group[data-mobile-group="team"]>summary::before {--nav-icon:url("assets/nav-schedule.svg?v=20260928-lucide1")}
  .gc-mobile-nav-group[data-mobile-group="help"]>summary::before {--nav-icon:url("assets/nav-support.svg?v=20260928-lucide1")}
  .gc-mobile-nav .nav-link:focus-visible,
  .gc-mobile-nav-group>summary:focus-visible {outline:2px solid #84d5ff;outline-offset:1px}
}