/* SLPT R27 Dashboard Modern Professional — B4f Dashboard shell/topbar polish only. */
#appView:has(#content .v192-dashboard) .topbar{
  min-height:64px!important;
  border-bottom-color:color-mix(in srgb,var(--r248-line) 86%,#7a2743 14%)!important;
  background:color-mix(in srgb,var(--r248-panel) 96%,#f8eef2 4%)!important;
  box-shadow:0 6px 20px rgba(15,23,42,.045)!important;
  backdrop-filter:blur(14px)!important;
}
#appView:has(#content .v192-dashboard) .topbar .search-wrap{
  border-color:color-mix(in srgb,var(--r248-line) 84%,#6366f1 16%)!important;
  background:color-mix(in srgb,var(--r248-panel-soft) 94%,#eef2ff 6%)!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.65)!important;
}
#appView:has(#content .v192-dashboard) .topbar .search-wrap:focus-within{
  border-color:rgba(99,102,241,.30)!important;
  box-shadow:0 0 0 3px rgba(99,102,241,.075),inset 0 1px rgba(255,255,255,.7)!important;
}
#appView:has(#content .v192-dashboard) .topbar button:not(#mobileMenu){
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#appView:has(#content .v192-dashboard) .topbar button:not(#mobileMenu):hover{transform:translateY(-1px)!important}
html[data-theme="mist-graphite"] #appView:has(#content .v192-dashboard) .topbar{
  background:color-mix(in srgb,var(--r248-panel) 96%,#241321 4%)!important;
  border-bottom-color:#25354a!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="mist-graphite"] #appView:has(#content .v192-dashboard) .topbar .search-wrap{background:#101d2d!important;border-color:#26384f!important;box-shadow:none!important}
@media(max-width:900px){#appView:has(#content .v192-dashboard) .topbar{min-height:58px!important;padding:9px 12px!important}}
@media(prefers-reduced-motion:reduce){#appView:has(#content .v192-dashboard) .topbar button:not(#mobileMenu){transition:none!important;transform:none!important}}