/* =========================================================
   CORA 1.7.6 — PANEL NAVIGATOR
   Home panels are navigation, not filters.
   ========================================================= */

.dashboard-panel-navigator{
  width:100%;
  margin:2px 0 22px;
}

.dashboard-panel-navigator-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 2px 9px;
}
.dashboard-panel-navigator-head>span{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
}
.dashboard-panel-navigator-head small{
  color:#756c91;
  font-size:8px;
  line-height:1;
  font-weight:850;
  letter-spacing:.16em;
}
.dashboard-panel-navigator-head strong{
  overflow:hidden;
  color:#9a94aa;
  font-size:9px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:-.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dashboard-panel-manage{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  padding:0 11px;
  border:1px solid rgba(101,83,184,.11);
  border-radius:11px;
  background:rgba(255,255,255,.66);
  color:#756d8d;
  box-shadow:0 7px 20px rgba(68,51,132,.035),inset 0 1px 0 rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  backdrop-filter:blur(16px) saturate(1.08);
  font-size:8px;
  font-weight:780;
  transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease);
}
.dashboard-panel-manage svg{width:14px;height:14px}
.dashboard-panel-manage:hover{
  transform:translateY(-1px);
  border-color:rgba(101,83,184,.18);
  background:rgba(245,242,255,.9);
  color:var(--cora-violet-700,#6855d9);
  box-shadow:0 10px 24px rgba(68,51,132,.06),inset 0 1px 0 rgba(255,255,255,.95);
}

/* Overrides the old pill switcher intentionally. */
.dashboard-space-switcher.dashboard-panel-switcher{
  width:100%!important;
  max-width:none!important;
  min-width:0;
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  margin:0!important;
  padding:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:1px solid rgba(101,83,184,.11)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(246,243,253,.70))!important;
  box-shadow:0 14px 38px rgba(68,51,132,.055),inset 0 1px 0 rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.dashboard-space-switcher.dashboard-panel-switcher::-webkit-scrollbar{display:none}

.dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab{
  min-width:0!important;
  min-height:68px!important;
  height:auto!important;
  flex:1 1 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  padding:10px 13px!important;
  border:1px solid rgba(93,79,154,.065)!important;
  border-radius:16px!important;
  background:rgba(250,249,253,.78)!important;
  color:#676273!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  scroll-snap-align:start;
  text-align:left;
  transform:translateZ(0);
  transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),color .22s var(--ease)!important;
}
.dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab:hover{
  transform:translateY(-1px);
  border-color:rgba(105,87,194,.13)!important;
  background:rgba(255,255,255,.94)!important;
  color:#393544!important;
  box-shadow:0 9px 22px rgba(74,58,139,.055),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab.is-active{
  transform:scale(1.012);
  border-color:rgba(255,255,255,.20)!important;
  background:linear-gradient(135deg,#7561f4 0%,#8069f7 54%,#9a83fa 100%)!important;
  color:#fff!important;
  box-shadow:0 13px 28px rgba(92,70,210,.22),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(61,40,161,.08)!important;
}

.dashboard-panel-icon{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 36px;
  border:1px solid rgba(102,86,173,.07);
  border-radius:12px;
  background:rgba(238,235,247,.75);
  color:#7b7392;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
  transition:inherit;
}
.dashboard-panel-icon svg{width:16px!important;height:16px!important;stroke-width:1.8}
.dashboard-panel-tab.is-active .dashboard-panel-icon{
  border-color:rgba(255,255,255,.17);
  background:rgba(255,255,255,.14);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.dashboard-panel-tab.is-primary-panel:not(.is-active) .dashboard-panel-icon{
  background:linear-gradient(145deg,rgba(235,231,255,.95),rgba(250,249,255,.92));
  color:#705dde;
}

.dashboard-panel-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
.dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-copy strong{
  max-width:100%;
  overflow:hidden;
  color:inherit;
  font-size:12px;
  line-height:1.1;
  font-weight:820;
  letter-spacing:-.025em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-copy small{
  max-width:100%;
  overflow:hidden;
  color:#9a94a7;
  font-size:8px;
  line-height:1.15;
  font-weight:620;
  letter-spacing:0;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab.is-active .dashboard-panel-copy small{
  color:rgba(255,255,255,.76);
}

/* The panel change should feel like changing perspective, not toggling a filter. */
.dashboard-home .dashboard-grid,
.dashboard-home .dashboard-empty-home{
  animation:cora-panel-content-in .24s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes cora-panel-content-in{
  from{opacity:.35;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}

/* The old pencil is no longer part of the switcher. Keep legacy markup harmless. */
.dashboard-space-switcher .dashboard-space-manage{display:none!important}

@media(min-width:1180px){
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab{min-height:72px!important;padding:11px 15px!important}
  .dashboard-panel-icon{width:38px;height:38px;flex-basis:38px}
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-copy strong{font-size:13px}
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-copy small{font-size:8.5px}
}

@media(max-width:760px){
  .dashboard-panel-navigator{margin:1px 0 18px}
  .dashboard-panel-navigator-head{align-items:center;margin:0 1px 8px}
  .dashboard-panel-navigator-head>span{gap:0}
  .dashboard-panel-navigator-head strong{display:none}
  .dashboard-panel-manage{width:32px;min-height:32px;padding:0;border-radius:11px}
  .dashboard-panel-manage span{display:none}
  .dashboard-space-switcher.dashboard-panel-switcher{
    gap:6px!important;
    padding:5px!important;
    border-radius:19px!important;
    scroll-padding-inline:5px;
  }
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab{
    min-width:116px!important;
    min-height:58px!important;
    flex:0 0 auto!important;
    gap:8px!important;
    padding:8px 10px!important;
    border-radius:14px!important;
  }
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab.is-primary-panel{min-width:124px!important}
  .dashboard-panel-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px}
  .dashboard-panel-icon svg{width:14px!important;height:14px!important}
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-copy{gap:0}
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-copy strong{font-size:10px}
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-copy small{display:none}
}

@media(max-width:390px){
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab{min-width:106px!important}
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab.is-primary-panel{min-width:114px!important}
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-copy strong{font-size:9.5px}
}

@media(prefers-reduced-motion:reduce){
  .dashboard-home .dashboard-grid,
  .dashboard-home .dashboard-empty-home{animation:none!important}
  .dashboard-space-switcher.dashboard-panel-switcher .dashboard-panel-tab,
  .dashboard-panel-manage{transition:none!important}
}