/* FlaroCity KittyCats navigation — compact, viewport-safe, and isolated from generic dropdown grid rules. */
.nav-kittycats{position:static!important;--nav-neon:#c56dff}
.nav-dropdown-kittycats{box-sizing:border-box!important}

@media (min-width: 981px){
  .site-header,.header-layout,.primary-nav{overflow:visible!important}

  /* Normal pages: keep small dropdowns visually attached to their own tab. */
  .nav-menu-item:not(.nav-kittycats)>.nav-dropdown{
    position:absolute!important;
    z-index:2000!important;
    top:calc(100% - 1px)!important;
    left:50%!important;
    right:auto!important;
    min-width:210px!important;
    max-width:min(290px,calc(100vw - 24px))!important;
    gap:2px!important;
    padding:8px!important;
    transform:translateX(-50%)!important;
  }

  /* KittyCats workspace pages: clear the secondary workspace bar instead. */
  .has-kc-workspace-nav .nav-menu-item:not(.nav-kittycats)>.nav-dropdown{
    position:fixed!important;
    top:var(--nav-dropdown-top,76px)!important;
    left:var(--nav-dropdown-left,50vw)!important;
  }

  .primary-nav .nav-menu-item:not(.nav-kittycats)>.nav-dropdown a{
    min-height:32px!important;
    padding:6px 10px!important;
    justify-content:flex-start!important;
    font-size:.72rem!important;
    text-align:left!important;
  }

  .nav-kittycats>summary{position:relative;z-index:2110}

  .nav-dropdown-kittycats{
    position:fixed!important;
    z-index:2000!important;
    top:var(--kc-mega-top,76px)!important;
    left:50vw!important;
    right:auto!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:min(920px,calc(100vw - 32px))!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100vh - var(--kc-mega-top,76px) - 16px)!important;
    padding:0!important;
    overflow:auto!important;
    border:1px solid rgba(174,112,255,.34)!important;
    border-radius:18px!important;
    background:rgba(7,7,24,.985)!important;
    box-shadow:0 24px 64px rgba(0,0,0,.58),0 0 36px rgba(128,66,255,.14)!important;
    transform:translateX(-50%) translateY(7px)!important;
    transition:opacity .14s ease,transform .14s ease,visibility .14s linear!important;
  }

  /* Higher specificity than home.css's generic display:grid !important rule. */
  .primary-nav .nav-kittycats[open]>.nav-dropdown-kittycats,
  .primary-nav .nav-kittycats:hover>.nav-dropdown-kittycats,
  .primary-nav .nav-kittycats:focus-within>.nav-dropdown-kittycats{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateX(-50%) translateY(0)!important;
  }
}

.kc-mega-intro{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  grid-column:1/-1!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  padding:8px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(110deg,rgba(117,56,255,.2),rgba(13,12,36,.52) 58%,rgba(0,214,255,.08))!important;
}
.kc-mega-intro>span{
  padding:5px 8px!important;
  border:1px solid rgba(190,137,255,.3)!important;
  border-radius:999px!important;
  color:#dabfff!important;
  font-size:.58rem!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.kc-mega-intro>strong{
  min-width:0!important;
  color:#fff!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  text-align:left!important;
}
.kc-mega-intro>a{
  min-height:30px!important;
  padding:5px 7px!important;
  color:#80eaff!important;
  background:none!important;
  border:0!important;
  font-size:.68rem!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.kc-mega-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-column:1/-1!important;
  align-items:start!important;
  gap:1px!important;
  width:100%!important;
  background:rgba(255,255,255,.06)!important;
}
.kc-mega-group{
  min-width:0!important;
  height:100%!important;
  padding:9px!important;
  background:linear-gradient(180deg,rgba(16,14,42,.99),rgba(8,7,25,.99))!important;
}
.kc-dropdown-label{
  display:block!important;
  grid-column:auto!important;
  margin:0 0 5px!important;
  padding:0 2px 7px!important;
  border:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#b69ae5!important;
  font-size:.58rem!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  text-align:left!important;
}
.primary-nav .kc-mega-group>a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:6px!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:5px 6px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  text-align:left!important;
}
.primary-nav .kc-mega-group>a:hover,
.primary-nav .kc-mega-group>a:focus-visible{
  background:linear-gradient(90deg,rgba(126,72,255,.16),rgba(41,210,255,.07))!important;
  transform:none!important;
}
.kc-mega-group>a>span{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.kc-mega-group>a strong{
  display:block!important;
  color:#f4f0ff!important;
  font-size:.71rem!important;
  line-height:1.16!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.kc-mega-group>a small{
  display:block!important;
  color:#9690aa!important;
  font-size:.57rem!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.kc-mega-group>a i{
  align-self:center!important;
  color:#77669c!important;
  font-size:.68rem!important;
  font-style:normal!important;
}
.primary-nav .kc-mega-group>a .nav-badge{
  position:static!important;
  align-self:start!important;
  justify-self:end!important;
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:2px 4px!important;
  border:1px solid rgba(255,198,85,.24)!important;
  border-radius:5px!important;
  background:rgba(255,190,64,.1)!important;
  color:#ffcf6f!important;
  font-size:.43rem!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}

@media (max-width: 1100px) and (min-width: 981px){
  .nav-dropdown-kittycats{width:min(920px,calc(100vw - 24px))!important}
  .kc-mega-group{padding:8px!important}
  .primary-nav .kc-mega-group>a{padding-inline:5px!important}
}

@media (max-width: 980px){
  .primary-nav.is-open{grid-template-columns:1fr!important;gap:4px!important;padding:8px!important}
  .primary-nav>a,.nav-menu-item>summary{min-height:40px!important;justify-content:flex-start!important;padding-top:6px!important;padding-bottom:6px!important}
  .nav-kittycats{position:relative!important;width:100%!important}
  .nav-dropdown-kittycats{
    position:static!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:min(56vh,460px)!important;
    margin-top:4px!important;
    padding:0!important;
    overflow:auto!important;
    border:1px solid rgba(174,112,255,.28)!important;
    border-radius:12px!important;
    background:rgba(8,7,25,.98)!important;
    box-shadow:none!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .primary-nav .nav-kittycats[open]>.nav-dropdown-kittycats{display:block!important}
  .primary-nav .nav-menu-item:not(.nav-kittycats)>.nav-dropdown{gap:2px!important;padding:6px!important;max-height:44vh!important;overflow:auto!important}
  .primary-nav .nav-menu-item:not(.nav-kittycats)>.nav-dropdown a{min-height:36px!important;padding:6px 10px!important;justify-content:flex-start!important;text-align:left!important}
  .kc-mega-intro{grid-template-columns:1fr!important;gap:4px!important;min-height:0!important;padding:8px 10px!important;text-align:left!important}
  .kc-mega-intro>span{justify-self:start!important}
  .kc-mega-intro>a{justify-self:start!important;padding-left:0!important}
  .kc-mega-grid{grid-template-columns:1fr!important}
  .kc-mega-group{height:auto!important;padding:7px 9px!important}
  .primary-nav .kc-mega-group>a{min-height:36px!important}
}
/* Update 26C: route-backed KittyCats workspace navigation */
.kc-workspace-nav-wrap{position:relative;z-index:2050;border-bottom:1px solid rgba(92,224,255,.16);background:linear-gradient(180deg,rgba(8,7,25,.98),rgba(10,8,31,.94));box-shadow:0 8px 24px rgba(0,0,0,.24)}
.kc-workspace-nav-wrap .shell{display:grid;gap:8px;padding-top:8px;padding-bottom:8px}
.kc-workspace-nav{display:flex;gap:8px;overflow-x:auto;padding:0 0 4px;scrollbar-width:thin;overscroll-behavior-x:contain}
.kc-workspace-nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:40px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);color:#c7c3da;font-size:.66rem;font-weight:850;letter-spacing:.03em;text-decoration:none;white-space:nowrap}
.kc-workspace-nav a:hover,.kc-workspace-nav a:focus-visible{border-color:rgba(78,225,255,.42);color:#fff;background:rgba(78,225,255,.08);outline:2px solid transparent;box-shadow:0 0 0 2px rgba(78,225,255,.16)}
.kc-workspace-nav a.active{border-color:rgba(255,82,193,.5);color:#fff;background:linear-gradient(135deg,rgba(70,223,255,.1),rgba(255,82,193,.13));box-shadow:inset 0 -2px 0 #ff52c1,0 8px 24px rgba(0,0,0,.18)}
.kc-workspace-nav a b{padding:2px 5px;border:1px solid rgba(255,202,81,.28);border-radius:999px;background:rgba(255,202,81,.08);color:#ffd978;font-size:.46rem;letter-spacing:.08em}
.kc-workspace-context{display:flex;align-items:center;gap:8px;min-height:24px;color:#76748a;font-size:.58rem;font-weight:750}
.kc-workspace-context a{color:#8feaff;text-decoration:none}.kc-workspace-context a:hover,.kc-workspace-context a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.kc-workspace-context strong{color:#aaa7bb}.kc-workspace-account{margin-left:auto}
.nav-dropdown-kittycats a.active{border-color:rgba(255,82,193,.32)!important;background:rgba(255,82,193,.06)!important}
@media (max-width: 760px){.kc-workspace-nav-wrap .shell{padding-left:16px;padding-right:16px}.kc-workspace-nav a{min-height:48px;padding:8px 16px;font-size:.7rem}.kc-workspace-context{font-size:.56rem}.kc-workspace-account{max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Update 26C-1: route-backed notification workspace */
.kc-notification-list{display:grid;gap:16px;margin-top:16px}.kc-notification-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px;border:1px solid rgba(126,234,255,.22);border-radius:16px;background:rgba(12,10,38,.72)}.kc-notification-card.unread{border-color:rgba(255,82,193,.58);box-shadow:0 0 24px rgba(255,82,193,.08)}.kc-notification-card h3{margin:8px 0;font-size:1.05rem}.kc-notification-card p,.kc-notification-card small{margin:0;color:var(--muted,#aaa4bd)}.kc-notification-state{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;background:rgba(126,234,255,.12);color:#7eeaff}.kc-notification-state.failed{background:rgba(255,91,112,.14);color:#ff9aaa}.kc-notification-state.suppressed,.kc-notification-state.deferred{background:rgba(255,200,88,.14);color:#ffd26f}.kc-notification-state.sent,.kc-notification-state.in_site_sent{background:rgba(83,255,174,.14);color:#7dffc0}.kc-notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.kc-notification-actions form{margin:0}.kc-check-row{display:flex!important;align-items:center;gap:8px}.kc-check-row input{inline-size:20px;block-size:20px}.kc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.kc-notification-card{align-items:flex-start;flex-direction:column}.kc-notification-actions{justify-content:flex-start;width:100%}.kc-notification-actions .button{min-height:48px}.kc-form-grid{grid-template-columns:1fr}}