/* EQ v15.348 — dashboard refinement / interaction clarity.
   Frontend only. No image generation, no methodology changes. */

/* ---------- Dashboard brand: readable compact lockup ---------- */
.eq-dashboard-page .eq-sidebar-brand{min-height:78px!important;padding-top:3px!important}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard{
  --eqb-main:16.8px;--eqb-sub:0px;--eqb-copy:198px;--eqb-bar-w:7px;--eqb-bar-h:34px;--eqb-bar-gap:3px;--eqb-gap:9px;
  position:absolute!important;left:3px!important;top:7px!important;width:247px!important;max-width:247px!important;
  transform:none!important;transform-origin:left top!important;overflow:visible!important
}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-bars{filter:drop-shadow(0 0 7px rgba(168,85,247,.30)) drop-shadow(0 0 9px rgba(56,189,248,.16))!important}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-copy{width:198px!important;min-width:198px!important;max-width:198px!important;height:36px!important;min-height:36px!important}
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-title{top:8px!important;font-size:16.8px!important;letter-spacing:-.052em!important;line-height:1!important;text-shadow:0 1px 0 rgba(0,0,0,.75),0 0 8px rgba(255,255,255,.08)!important}
/* The full canonical subtitle is valuable in horizontal headers, but is unreadable at sidebar scale. */
.eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-subtitle{display:none!important}
.eq-dashboard-page .eq-sidebar-brand .collapse-button{right:1px!important;top:48px!important}
@media(min-width:1101px){body.eq-sidebar-collapsed .eq-sidebar-brand{min-height:70px!important}body.eq-sidebar-collapsed .eq-sidebar-brand .brand.eq-brand-standard{left:12px!important;top:8px!important;transform:scale(.72)!important;width:58px!important}body.eq-sidebar-collapsed .eq-sidebar-brand .eq-brand-lock-copy{display:none!important}body.eq-sidebar-collapsed .eq-sidebar-brand .collapse-button{right:3px!important;top:43px!important}}

/* ---------- Persona integration: dissolve artwork into the hero instead of framing it ---------- */
.eq-dashboard-page .hero-panel{overflow:hidden!important;isolation:isolate}
.eq-dashboard-page .hero-panel::before{content:'';position:absolute;z-index:0;right:-3%;top:-4%;width:57%;height:108%;pointer-events:none;border-radius:44%;background:radial-gradient(ellipse at 54% 50%,rgba(52,116,233,.15) 0,rgba(50,99,205,.075) 42%,rgba(21,52,108,.025) 68%,transparent 82%);filter:blur(20px)}
html:not([data-eq-theme="light"]) .eq-dashboard-page .hero-panel::before{background:radial-gradient(ellipse at 54% 50%,rgba(47,105,219,.14) 0,rgba(29,69,147,.075) 42%,transparent 73%),linear-gradient(90deg,transparent 0%,rgba(3,11,25,.18) 18%,rgba(2,8,19,.68) 100%);filter:blur(16px)}
.eq-dashboard-page .hero-copy{z-index:2}
.eq-dashboard-page .hero-visual{z-index:1;overflow:visible!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.eq-dashboard-page .hero-visual::before{inset:10% 7% 9%!important;border-radius:44%!important;background:radial-gradient(ellipse at 54% 50%,rgba(47,105,219,.16),rgba(8,24,52,.09) 50%,transparent 78%)!important;filter:blur(34px)!important}
.eq-dashboard-page .hero-image-underlay{
  inset:-3.5% -3% -4%!important;border-radius:0!important;background-size:100% 100%!important;background-position:center!important;
  filter:saturate(.98) contrast(1.015) brightness(.95)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 3%,rgba(0,0,0,.78) 7%,#000 12%,#000 96%,rgba(0,0,0,.72) 99%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 3%,rgba(0,0,0,.78) 7%,#000 12%,#000 96%,rgba(0,0,0,.72) 99%,transparent 100%)!important
}
.eq-dashboard-page .hero-image-vignette{inset:-4%!important;border-radius:0!important;background:radial-gradient(ellipse at 52% 49%,transparent 0 66%,rgba(7,19,42,.035) 77%,rgba(7,19,42,.10) 89%,transparent 100%)!important;box-shadow:none!important}

/* ---------- Dark dashboard: a little more air, gradient and restrained glow ---------- */
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card{
  background:radial-gradient(circle at 13% 10%,rgba(90,132,255,.055),transparent 34%),linear-gradient(155deg,rgba(12,22,43,.94),rgba(7,14,29,.91))!important;
  border-color:rgba(120,158,235,.095)!important;box-shadow:0 18px 42px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025)!important
}
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card:nth-child(2){background:radial-gradient(circle at 14% 9%,rgba(175,87,255,.065),transparent 34%),linear-gradient(155deg,rgba(12,22,43,.94),rgba(7,14,29,.91))!important}
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card:nth-child(3){background:radial-gradient(circle at 14% 9%,rgba(67,222,181,.06),transparent 34%),linear-gradient(155deg,rgba(12,22,43,.94),rgba(7,14,29,.91))!important}
html:not([data-eq-theme="light"]) .eq-dashboard-page .stat-card:nth-child(4){background:radial-gradient(circle at 14% 9%,rgba(255,159,85,.065),transparent 34%),linear-gradient(155deg,rgba(12,22,43,.94),rgba(7,14,29,.91))!important}
html:not([data-eq-theme="light"]) .eq-dashboard-page :is(.content-card,.workspace-card,.sidebar-card){background:radial-gradient(circle at 8% 0%,rgba(101,126,255,.035),transparent 30%),linear-gradient(160deg,rgba(10,19,37,.94),rgba(6,13,27,.91))!important;box-shadow:0 18px 44px rgba(1,7,18,.24),inset 0 1px 0 rgba(255,255,255,.02)!important}

/* ---------- Light dashboard: daylight slate, no black KPI islands ---------- */
html[data-eq-theme="light"] .eq-dashboard-page .hero-panel::before{background:radial-gradient(ellipse at 54% 50%,rgba(68,133,231,.14),rgba(85,119,190,.065) 45%,transparent 76%),linear-gradient(90deg,transparent 0%,rgba(213,225,240,.16) 22%,rgba(205,219,236,.38) 100%)}
html[data-eq-theme="light"] .eq-dashboard-page .hero-image-underlay{filter:saturate(.96) contrast(1.01) brightness(.985)!important}
html[data-eq-theme="light"] .eq-dashboard-page .hero-image-vignette{background:radial-gradient(ellipse at 52% 49%,transparent 0 70%,rgba(224,234,246,.10) 84%,rgba(226,236,247,.34) 96%,transparent 100%)!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card{
  background:radial-gradient(circle at 12% 7%,rgba(82,128,255,.075),transparent 31%),linear-gradient(155deg,#f8fafc 0%,#eef3f8 100%)!important;
  border-color:rgba(43,67,101,.12)!important;box-shadow:0 14px 34px rgba(48,68,98,.10),inset 0 1px 0 rgba(255,255,255,.72)!important
}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card:nth-child(2){background:radial-gradient(circle at 12% 7%,rgba(165,91,231,.075),transparent 31%),linear-gradient(155deg,#f8fafc 0%,#eef3f8 100%)!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card:nth-child(3){background:radial-gradient(circle at 12% 7%,rgba(45,185,148,.07),transparent 31%),linear-gradient(155deg,#f8fafc 0%,#eef3f8 100%)!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card:nth-child(4){background:radial-gradient(circle at 12% 7%,rgba(239,139,67,.075),transparent 31%),linear-gradient(155deg,#f8fafc 0%,#eef3f8 100%)!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-copy span{color:#465975!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-copy b{color:#15243a!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-copy small{color:#526f98!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card[data-eq-href]:hover{background:radial-gradient(circle at 12% 7%,rgba(91,131,242,.10),transparent 34%),linear-gradient(155deg,#fff 0%,#edf3f8 100%)!important;border-color:rgba(71,112,177,.20)!important}
html[data-eq-theme="light"] .eq-dashboard-page .eq-sidebar-brand .brand.eq-brand-standard .eq-brand-lock-title{color:#14233a!important;text-shadow:none!important;-webkit-text-stroke:0!important}

/* ---------- Profile menu: identity first, actions second ---------- */
.eq-profile-menu.eq-profile-menu-v348{width:286px!important;padding:10px!important;border-radius:18px!important}
.eq-profile-identity{display:grid;gap:3px;padding:10px 11px 12px;margin-bottom:3px}
.eq-profile-identity b{font:800 15px/1.2 Manrope,Inter,system-ui;color:#f3f7ff}
.eq-profile-identity span{font:650 12px/1.3 Manrope,Inter,system-ui;color:#a9b9d7}
.eq-profile-identity small{font:600 12px/1.35 Manrope,Inter,system-ui;color:#7f94b7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eq-profile-menu .eq-profile-section-label{padding:7px 11px 4px;color:#7185a8;font:800 10px/1.2 Manrope,Inter,system-ui;letter-spacing:.09em;text-transform:uppercase}
.eq-profile-menu button[data-eq-theme-choice].is-active{background:rgba(77,121,224,.14)!important;border:1px solid rgba(100,144,239,.15)!important}
.eq-profile-menu button[data-eq-profile-logout]{margin-top:4px;color:#ffd2d2!important;background:rgba(255,93,93,.055)!important}
.eq-profile-menu button[data-eq-profile-logout]:hover{background:rgba(255,93,93,.11)!important}
html[data-eq-theme="light"] .eq-profile-identity b{color:#17263d!important}html[data-eq-theme="light"] .eq-profile-identity span{color:#5f718c!important}html[data-eq-theme="light"] .eq-profile-identity small{color:#6c7f9c!important}
html[data-eq-theme="light"] .eq-profile-menu button[data-eq-profile-logout]{color:#9f3c42!important;background:rgba(184,63,70,.055)!important}

/* ---------- Hover help for controls ---------- */
.eq-hover-tip{position:fixed;z-index:12000;max-width:260px;padding:8px 10px;border-radius:10px;background:rgba(7,16,32,.97);border:1px solid rgba(120,163,236,.18);box-shadow:0 12px 28px rgba(0,0,0,.28);color:#edf4ff;font:650 12px/1.35 Manrope,Inter,system-ui;letter-spacing:-.01em;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease;white-space:normal}
.eq-hover-tip.show{opacity:1;transform:none}
html[data-eq-theme="light"] .eq-hover-tip{background:rgba(248,251,254,.98);border-color:rgba(45,66,96,.14);box-shadow:0 12px 28px rgba(47,68,98,.15);color:#243650}

/* Bigger weekly delta requested in KPI cards. */
.eq-dashboard-page .stat-copy small{font-size:16px!important;line-height:1.15!important;font-weight:750!important}

@media(max-width:1320px){.eq-dashboard-page .hero-image-underlay{inset:-2.5%!important}}
@media(max-width:760px){.eq-dashboard-page .hero-image-underlay{inset:-1.5%!important}.eq-hover-tip{display:none!important}}

/* ---------- Light mode final tone: daylight slate, intentionally not white ---------- */
html[data-eq-theme="light"] body{background:radial-gradient(circle at 8% 0%,rgba(158,103,232,.10),transparent 28%),radial-gradient(circle at 78% 3%,rgba(63,151,225,.11),transparent 31%),linear-gradient(180deg,#e3eaf2 0%,#dce5ef 52%,#e2e9f1 100%)!important}
html[data-eq-theme="light"] .eq-sidebar{background:linear-gradient(180deg,rgba(224,232,241,.98),rgba(216,226,237,.97))!important}
html[data-eq-theme="light"] .eq-dashboard-page .hero-panel{background:radial-gradient(circle at 17% 0%,rgba(177,105,238,.12),transparent 31%),radial-gradient(circle at 77% 100%,rgba(61,165,225,.09),transparent 38%),linear-gradient(135deg,#eef3f8 0%,#e4ebf3 100%)!important}
html[data-eq-theme="light"] .eq-dashboard-page :is(.content-card,.workspace-card,.sidebar-card){background:linear-gradient(155deg,rgba(239,244,249,.97),rgba(228,236,245,.97))!important;border-color:rgba(43,67,101,.12)!important;box-shadow:0 14px 34px rgba(48,68,98,.09),inset 0 1px 0 rgba(255,255,255,.48)!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card{background:radial-gradient(circle at 12% 7%,rgba(82,128,255,.07),transparent 31%),linear-gradient(155deg,#eef3f8 0%,#e3ebf3 100%)!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card:nth-child(2){background:radial-gradient(circle at 12% 7%,rgba(165,91,231,.07),transparent 31%),linear-gradient(155deg,#eef3f8 0%,#e3ebf3 100%)!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card:nth-child(3){background:radial-gradient(circle at 12% 7%,rgba(45,185,148,.065),transparent 31%),linear-gradient(155deg,#eef3f8 0%,#e3ebf3 100%)!important}
html[data-eq-theme="light"] .eq-dashboard-page .stat-card:nth-child(4){background:radial-gradient(circle at 12% 7%,rgba(239,139,67,.07),transparent 31%),linear-gradient(155deg,#eef3f8 0%,#e3ebf3 100%)!important}
html[data-eq-theme="light"] .eq-profile-menu{background:rgba(236,242,248,.985)!important}
