/* Navigation readability and predictable wayfinding. Scoped to the shared application shell. */
@media(min-width:901px){
  .premium-app:not(.sidebar-collapsed){grid-template-columns:280px minmax(0,1fr)!important;}
  .premium-app:not(.sidebar-collapsed)>.crm-sidebar{width:280px!important;}
  .premium-app:not(.sidebar-collapsed) .sidebar-scroll{padding-left:12px!important;padding-right:12px!important;}
  .premium-app .crm-sidebar .nav-section-label{font-size:12px!important;line-height:1.3!important;letter-spacing:.12em!important;}
  .premium-app .crm-sidebar .tab-button{min-height:50px!important;padding-left:12px!important;padding-right:12px!important;}
  .premium-app .crm-sidebar .tab-button .nav-label{font-size:14px!important;line-height:1.25!important;font-weight:750!important;}
  .premium-app .crm-sidebar .proposal-nav-group .subnav button{min-height:40px!important;font-size:13px!important;line-height:1.25!important;}
  .premium-app.sidebar-collapsed .desktop-menu-toggle{
    display:inline-flex!important;
    width:auto!important;
    min-width:86px!important;
    padding:0 12px!important;
    gap:8px!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  .premium-app.sidebar-collapsed .desktop-menu-toggle span{display:inline!important;}
  .premium-app .topbar .app-back-btn{min-width:0!important;font-size:13px!important;}
}

@media(max-width:900px){
  .premium-app .crm-sidebar .nav-section-label{font-size:12px!important;}
  .premium-app .crm-sidebar .tab-button .nav-label{font-size:14px!important;}
  .premium-app .crm-sidebar .proposal-nav-group .subnav button{font-size:13px!important;}
}

/* Dashboard annotation fixes: consistent compact cards and clear back/forward navigation. */
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-list-body{
  display:grid!important;
  gap:9px!important;
}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row{
  --alert-color:#fb923c;
  display:grid!important;
  grid-template-columns:36px 30px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:9px!important;
  min-height:62px!important;
  padding:9px 10px!important;
  border:1px solid rgba(148,163,184,.13)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,rgba(8,15,26,.92),rgba(15,23,42,.72))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  color:#f8fafc!important;
}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--alert-color) 48%,rgba(148,163,184,.18))!important;
  background:linear-gradient(135deg,rgba(12,21,35,.98),rgba(18,29,46,.86))!important;
}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row.gold{--alert-color:#f59e0b;}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row.red{--alert-color:#ef4444;}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row.blue{--alert-color:#38bdf8;}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row.orange{--alert-color:#fb923c;}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row.green{--alert-color:#22c55e;}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-alert-icon{
  width:34px!important;
  height:34px!important;
  border:1px solid color-mix(in srgb,var(--alert-color) 26%,transparent)!important;
  border-radius:11px!important;
  color:var(--alert-color)!important;
  background:color-mix(in srgb,var(--alert-color) 10%,rgba(15,23,42,.76))!important;
}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-count{
  color:#f8fafc!important;
  font-size:.92rem!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums;
  text-align:center;
}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-list-main{
  min-width:0;
  display:grid!important;
  gap:3px!important;
  text-align:left;
}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-list-main strong{
  color:#f8fafc!important;
  font-size:.78rem!important;
  font-weight:780!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-list-main small{
  color:#aebbd0!important;
  font-size:.65rem!important;
  font-weight:620!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row > svg{
  width:16px!important;
  height:16px!important;
  color:var(--alert-color)!important;
}
.dashboard-v1 .dashboard-workflow-nav{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,248px))!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:12px 0 0!important;
  border:0!important;
  background:transparent!important;
}
.dashboard-v1 .dashboard-workflow-nav .workflow-nav-btn{
  min-height:58px!important;
  padding:0 18px!important;
  border:1px solid rgba(148,163,184,.2)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,rgba(8,15,26,.94),rgba(15,23,42,.82))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  color:#f8fafc!important;
  font-size:.9rem!important;
  font-weight:800!important;
}
.dashboard-v1 .dashboard-workflow-nav .workflow-nav-btn:hover{
  border-color:rgba(251,146,60,.52)!important;
  background:linear-gradient(135deg,rgba(251,146,60,.14),rgba(15,23,42,.9))!important;
  color:#fff!important;
}
.dashboard-v1 .dashboard-workflow-nav .workflow-nav-btn svg{
  width:19px!important;
  height:19px!important;
  color:#fb923c!important;
}
.dashboard-v1 .dashboard-history-back{justify-content:flex-start!important;}
.dashboard-v1 .dashboard-history-forward{justify-content:flex-end!important;}

@media(max-width:760px){
  .dashboard-v1 .dashboard-automation-watch-panel .dashboard-automation-row{
    grid-template-columns:34px 26px minmax(0,1fr) 16px!important;
    gap:7px!important;
  }
  .dashboard-v1 .dashboard-workflow-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* Dashboard color-matched hover outlines for KPI and pipeline cards. */
.dashboard-v1 .dashboard-kpi-card,
.dashboard-v1 .dashboard-pipeline-card,
.dashboard-v1 .pipeline-period-control{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease!important;
}
.dashboard-v1 .dashboard-kpi-card:hover,
.dashboard-v1 .dashboard-kpi-card:focus-visible{
  border-color:var(--kpi-accent,#fb923c)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--kpi-accent,#fb923c) 70%,transparent),0 0 26px color-mix(in srgb,var(--kpi-accent,#fb923c) 25%,transparent),0 18px 44px rgba(0,0,0,.34)!important;
  transform:translateY(-2px)!important;
  outline:none!important;
}
.dashboard-v1 .dashboard-pipeline-card:hover,
.dashboard-v1 .dashboard-pipeline-card:focus-visible{
  border-color:var(--pipe-color,#fb923c)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--pipe-color,#fb923c) 68%,transparent),0 0 20px color-mix(in srgb,var(--pipe-color,#fb923c) 23%,transparent),0 10px 24px rgba(0,0,0,.24)!important;
  transform:translateY(-2px)!important;
  outline:none!important;
}
.dashboard-v1 .pipeline-period-control{
  --pipe-color:#fb923c;
}
.dashboard-v1 .pipeline-period-control:hover,
.dashboard-v1 .pipeline-period-control:focus-within{
  border-color:var(--pipe-color)!important;
  box-shadow:0 0 0 1px rgba(251,146,60,.68),0 0 20px rgba(251,146,60,.2),0 10px 24px rgba(0,0,0,.24)!important;
  transform:translateY(-2px)!important;
}