/* SLPT R27 Dashboard Modern Professional — B4a Welcome + Canvas only. */
:root{
  --r255-burgundy:#7a2743;
  --r255-burgundy-soft:#f7edf1;
  --r255-indigo:#6366f1;
  --r255-ink:#172033;
}
#content:has(.v192-dashboard){
  background:
    radial-gradient(circle at 18% 0%,rgba(122,39,67,.055),transparent 28%),
    radial-gradient(circle at 76% 2%,rgba(99,102,241,.045),transparent 24%),
    var(--r248-page)!important;
}
#content .v192-dashboard{gap:18px!important}
#content .v192-dashboard .v192-hero,
#content .v192-dashboard .v192-hero.r16-owner-hero,
#content .v192-dashboard .v192-hero.r16-generic-hero{
  position:relative!important;
  min-height:94px!important;
  padding:18px 20px 17px 22px!important;
  border:1px solid color-mix(in srgb,var(--r248-line) 78%,var(--r255-burgundy) 22%)!important;
  border-radius:18px!important;
  background:
    linear-gradient(112deg,rgba(122,39,67,.075),rgba(99,102,241,.035) 46%,rgba(255,255,255,.70) 100%),
    var(--r248-panel)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055),inset 0 1px rgba(255,255,255,.72)!important;
  overflow:hidden!important;
}
#content .v192-dashboard .v192-hero::before{
  content:''!important;
  position:absolute!important;
  left:0!important;top:18px!important;bottom:18px!important;width:4px!important;
  border-radius:0 4px 4px 0!important;
  background:linear-gradient(180deg,var(--r255-burgundy),color-mix(in srgb,var(--r255-indigo) 72%,var(--r255-burgundy) 28%))!important;
  box-shadow:0 0 18px rgba(122,39,67,.22)!important;
}
#content .v192-dashboard .v192-hero-copy{padding-left:4px!important}
#content .v192-dashboard .v192-hero h1{font-size:clamp(24px,2vw,31px)!important;font-weight:790!important;letter-spacing:-.038em!important}
#content .v192-dashboard .v192-hero p{margin-top:6px!important;font-size:12.5px!important;line-height:1.45!important}
#content .v192-dashboard .v192-hero-chips{margin-top:11px!important}
#content .v192-dashboard .v192-hero-chips span{
  padding:6px 10px!important;
  border-color:color-mix(in srgb,var(--r248-line) 78%,var(--r255-burgundy) 22%)!important;
  background:color-mix(in srgb,var(--r248-panel) 86%,var(--r255-burgundy-soft) 14%)!important;
  color:color-mix(in srgb,var(--r248-text) 76%,var(--r255-burgundy) 24%)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.035)!important;
}
html[data-theme="mist-graphite"] #content:has(.v192-dashboard){
  background:
    radial-gradient(circle at 18% 0%,rgba(171,68,103,.10),transparent 29%),
    radial-gradient(circle at 76% 2%,rgba(99,102,241,.085),transparent 25%),
    var(--r248-page)!important;
}
html[data-theme="mist-graphite"] #content .v192-dashboard .v192-hero{
  border-color:color-mix(in srgb,var(--r248-line) 76%,#a94b6c 24%)!important;
  background:linear-gradient(112deg,rgba(122,39,67,.16),rgba(99,102,241,.08) 46%,rgba(13,24,39,.76) 100%),var(--r248-panel)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-theme="mist-graphite"] #content .v192-dashboard .v192-hero-chips span{background:rgba(255,255,255,.035)!important}
@media(max-width:780px){#content .v192-dashboard .v192-hero{min-height:82px!important;padding:15px 16px 14px 18px!important;border-radius:15px!important}}
@media(prefers-reduced-motion:reduce){#content .v192-dashboard .v192-hero{transition:none!important}}