/* v4.3.24 – dashboard layout redesign, real components, no reference screenshot wallpaper.
   Overrides the legacy dashboard only. Other CRM views and click-to-call remain untouched. */
body.alx-crm-page.alx-dark #viewDashboard.dashboard-studio{--nova-border:rgba(107,132,222,.32);--nova-shadow:0 16px 40px rgba(0,4,25,.32);padding-bottom:18px}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero{min-height:224px!important;padding:26px 29px!important;display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(215px,.8fr) minmax(175px,.43fr)!important;align-items:center!important;gap:19px!important;overflow:hidden!important;isolation:isolate;border:1px solid #3e54a8!important;background:radial-gradient(ellipse at 63% 40%,rgba(80,65,201,.25),transparent 42%),linear-gradient(111deg,#0c1c3d 0%,#101d4b 50%,#081d3b 100%)!important;box-shadow:inset 0 1px rgba(213,215,255,.13),0 12px 45px rgba(5,6,33,.30)!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero::before{display:none!important;content:none!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero::after{display:none!important;content:none!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-copy{position:relative;z-index:2;min-width:0;max-width:none!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-copy h2{margin:12px 0 11px!important;line-height:1.13!important;font-size:clamp(28px,2.5vw,39px)!important;letter-spacing:-.045em!important;max-width:none!important;font-weight:840!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-greeting-name{background:linear-gradient(96deg,#fff,#b6b2ff 72%,#b06aff);-webkit-background-clip:text;background-clip:text;color:transparent}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-copy>p{font-size:12.5px!important;line-height:1.65!important;max-width:610px!important;color:#b4c7ee!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:21px;font-size:10.5px;font-weight:690}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-tags>span{min-height:28px;padding:6px 10px;display:inline-flex;align-items:center;gap:7px;background:rgba(12,24,56,.65);border:1px solid rgba(107,132,220,.36);border-radius:8px;color:#d0dffa}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-tags b{color:#f7f9ff}
body.alx-crm-page.alx-dark .nova-online{height:7px;width:7px;display:inline-block;flex:none;border-radius:50%;background:#22dfb5;box-shadow:0 0 0 3px rgba(27,226,165,.11),0 0 11px rgba(27,226,165,.45)}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-art{position:relative;z-index:1;height:168px;max-width:360px;width:100%;min-width:0;justify-self:center;align-self:end;pointer-events:none;filter:drop-shadow(0 8px 16px rgba(58,51,210,.3))}
body.alx-crm-page.alx-dark #viewDashboard .nova-art-glow{position:absolute;inset:-27px -13px -4px;background:radial-gradient(ellipse at 66% 40%,rgba(132,69,254,.25),transparent 65%)}
body.alx-crm-page.alx-dark #viewDashboard .nova-art-axis{position:absolute;inset:34px 10px 15px;background:repeating-linear-gradient(0deg,rgba(111,146,255,.12) 0 1px,transparent 1px 33px);border-bottom:1px solid rgba(121,177,255,.19)}
body.alx-crm-page.alx-dark #viewDashboard .nova-art-bars{position:absolute;bottom:19px;left:8%;right:5%;display:flex;align-items:flex-end;justify-content:space-between;gap:13px;height:112px;transform:perspective(500px) rotateY(-9deg)}
body.alx-crm-page.alx-dark #viewDashboard .nova-art-bars i{flex:1;max-width:34px;height:var(--h,50%);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#b9a3ff,#675efe 30%,#306df6 95%);box-shadow:inset -6px 0 10px rgba(13,30,114,.32),0 0 17px rgba(86,77,255,.44);border:1px solid rgba(211,194,255,.34)}
body.alx-crm-page.alx-dark #viewDashboard .nova-art-bars i:nth-child(1){--h:23%}body.alx-crm-page.alx-dark #viewDashboard .nova-art-bars i:nth-child(2){--h:40%}body.alx-crm-page.alx-dark #viewDashboard .nova-art-bars i:nth-child(3){--h:37%}body.alx-crm-page.alx-dark #viewDashboard .nova-art-bars i:nth-child(4){--h:62%}body.alx-crm-page.alx-dark #viewDashboard .nova-art-bars i:nth-child(5){--h:80%}body.alx-crm-page.alx-dark #viewDashboard .nova-art-bars i:nth-child(6){--h:95%}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-art svg{position:absolute;left:2%;right:0;top:2%;width:100%;height:94%;filter:drop-shadow(0 0 8px #668aff)}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-side{position:relative;z-index:3;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:11px;justify-self:end}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-status{display:flex;align-items:center;gap:8px;color:#73ecd2;font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-side>strong{color:#fff;font-size:18px;letter-spacing:-.03em;line-height:1.24}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-side #dashboardUpdatedAt{font-size:10px!important;color:#afbee6!important;white-space:normal!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-buttons button{height:35px!important;min-width:0!important;padding:0 13px!important;border-radius:9px!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-hero-buttons .dash-go-btn{background:linear-gradient(95deg,#2289fe,#6652f8)!important;box-shadow:0 5px 18px rgba(72,71,248,.35)!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-shortcuts{margin:10px 0!important;min-height:40px!important;padding:7px 13px!important;background:rgba(15,26,58,.72)!important;border-color:rgba(112,137,221,.27)!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-shortcuts button{padding:5px 9px!important;font-size:10px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-dataset{border-radius:9px!important;margin-bottom:12px!important;padding:8px 12px!important;font-size:10px!important;background:rgba(16,28,65,.55)!important}
/* Rich KPI cards: actual per-day sparkline remains separate accessible SVG */
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;margin-bottom:13px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi{position:relative;min-height:167px!important;padding:17px 14px 54px!important;border:1px solid var(--nova-border)!important;border-radius:15px!important;background:radial-gradient(circle at 98% 110%,rgba(102,90,220,.18),transparent 64%),linear-gradient(155deg,#10214a,#0a1632 72%)!important;box-shadow:var(--nova-shadow),inset 0 1px rgba(255,255,255,.05)!important;transition:transform .15s,border-color .15s!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi:hover{transform:translateY(-3px);border-color:rgba(117,141,255,.8)!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi-icon{width:37px!important;height:37px!important;border-radius:11px!important;background:linear-gradient(155deg,rgba(66,112,236,.5),rgba(34,39,118,.35))!important;border-color:rgba(126,151,255,.32)!important;color:#c4d5ff!important;font-size:20px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi .dash-kpi-label{color:#c3d1f9!important;font-size:10px!important;letter-spacing:.07em!important;margin-top:6px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi strong{color:#fff!important;font-size:30px!important;line-height:1.12!important;letter-spacing:-.04em!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi small{color:#afbee7!important;font-size:10px!important;line-height:1.35!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi .studio-kpi-visual{height:36px!important;bottom:8px!important;left:13px!important;right:13px!important;opacity:1!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi .dash-kpi-corner{opacity:.5}
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi-orange{--studio-spark:#ef85ae}
body.alx-crm-page.alx-dark #viewDashboard .dash-mini-row{margin:0 0 14px!important;gap:12px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-mini-row>div{min-height:45px!important;background:linear-gradient(130deg,#142044,#0d1936)!important;border-color:rgba(107,132,222,.29)!important;border-radius:11px!important}
/* Analysis: denser plotted space with visual polish, trustworthy data only */
body.alx-crm-page.alx-dark #viewDashboard .dash-premium-analytics{grid-template-columns:minmax(0,1.48fr) minmax(0,1fr)!important;gap:13px!important;margin-bottom:13px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-analytics-panel{min-height:316px!important;background:linear-gradient(155deg,#111e42,#0b172e 90%)!important;border:1px solid var(--nova-border)!important;border-radius:16px!important;box-shadow:var(--nova-shadow)!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-analytics-panel .dash-analytics-head{min-height:84px!important;background:transparent!important;padding:19px 20px!important;border-bottom:1px solid rgba(117,139,222,.20)!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-chart{height:205px!important;margin:7px 16px 12px!important;background:repeating-linear-gradient(0deg,transparent 0 37px,rgba(112,132,202,.11) 38px 39px)!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-chart-day>strong{font-size:11px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-outcome-donut{width:170px!important;height:170px!important;box-shadow:0 0 40px rgba(132,97,251,.2)!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-analytics-panel:has(.dash-outcome-donut){grid-template-columns:minmax(155px,.85fr) minmax(0,1.1fr)!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-outcome-visual{min-width:0!important;padding:8px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-outcome-grid{min-width:0!important;padding:8px 14px 8px 3px!important}
/* Main operational area: three independent cards, lower analytics composed as two */
body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row.dashboard-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;margin-bottom:13px!important;align-items:stretch!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dashboard-card{min-height:232px!important;max-height:320px!important;overflow:hidden!important;background:linear-gradient(154deg,#101f43,#0b172e)!important;border:1px solid var(--nova-border)!important;border-radius:15px!important;box-shadow:var(--nova-shadow)!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dashboard-card-body{max-height:245px;overflow-y:auto!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dashboard-card-head{background:rgba(30,45,93,.30)!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dash-appts .dash-row,body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dash-follow .dash-row{grid-template-columns:minmax(76px,.72fr) minmax(0,1.25fr) auto!important;gap:7px!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dash-row{font-size:11px!important;padding:9px 11px!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dash-person strong{font-size:11px!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dash-person small{font-size:9px!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:13px;margin-top:0}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row>.dashboard-card,body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row>.studio-source-panel{min-height:255px!important;max-height:370px!important;margin:0!important;background:linear-gradient(145deg,#101e40,#091832)!important;border:1px solid var(--nova-border)!important;border-radius:15px!important;overflow:hidden!important;box-shadow:var(--nova-shadow)!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row .dashboard-card-body{max-height:280px;overflow:auto}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row .studio-source-body{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;gap:13px!important;padding:13px 15px!important;align-items:center!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row .studio-source-ring{width:115px!important;height:115px!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row .studio-source-ring:before{inset:23px!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row .studio-source-legend{gap:6px!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row .studio-source-legend>div{padding:4px 0!important;gap:6px!important}
body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row .studio-source-note{padding:0!important;margin:0!important;font-size:9px!important}
body.alx-crm-page.alx-dark #viewDashboard .dash-footer-note{margin:10px 0!important}
@media(max-width:1490px){
 body.alx-crm-page.alx-dark #viewDashboard .nova-hero{grid-template-columns:minmax(0,1.35fr) minmax(160px,.63fr) minmax(150px,.47fr)!important;gap:11px!important}
 body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpi{min-height:142px!important}
}
@media(min-width:1491px){body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:1150px){
 body.alx-crm-page.alx-dark #viewDashboard .nova-hero{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr)!important;gap:12px!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-hero-art{display:none!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dash-recent{grid-column:1/-1}
 body.alx-crm-page.alx-dark #viewDashboard .dash-premium-analytics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 body.alx-crm-page.alx-dark #viewDashboard .dash-analytics-panel:has(.dash-outcome-donut){grid-template-columns:1fr!important}
 body.alx-crm-page.alx-dark #viewDashboard .dash-outcome-visual,body.alx-crm-page.alx-dark #viewDashboard .dash-outcome-grid{grid-column:1!important}
 body.alx-crm-page.alx-dark #viewDashboard .dash-outcome-donut{width:130px!important;height:130px!important}
}
@media(max-width:780px){
 body.alx-crm-page.alx-dark #viewDashboard .nova-hero{grid-template-columns:1fr!important;min-height:0!important;padding:20px!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-hero-side{justify-self:start!important;align-items:flex-start!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-hero-copy h2{font-size:27px!important}
 body.alx-crm-page.alx-dark #viewDashboard .dash-premium-analytics{grid-template-columns:1fr!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row{grid-template-columns:1fr!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row.dashboard-grid{grid-template-columns:1fr!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-activity-row .dash-recent{grid-column:auto}
}
@media(max-width:520px){
 body.alx-crm-page.alx-dark #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-overview-row .studio-source-body{grid-template-columns:1fr!important}
 body.alx-crm-page.alx-dark #viewDashboard .nova-shortcuts>div{flex-wrap:wrap}
}