/* ALX CRM v4.3.21 — approved neon screens implemented as a functional, shared visual system.
   Layer is presentation only: existing API calls, result classification, user permissions,
   Call Bridge / MicroSIP and installer binaries are not modified. Decorative crops
   originate from user-approved visual mockups, not substitute UI screenshots. */
html[data-alx-theme="dark"],body.alx-crm-page.alx-dark{
 --alx-bg:#031222;--alx-panel:#061b30;--alx-panel2:#08223c;--alx-panel3:#0c2a49;
 --alx-line:#154163;--alx-text:#f3f8ff;--alx-muted:#a0b6d1;
 --ui-bg:#031222;--ui-panel:#071c31;--ui-panel2:#0b253f;--ui-panel3:#0d2944;
 --ui-input:#071a2d;--ui-line:#164160;--ui-line2:#255577;--ui-text:#f2f8ff;--ui-muted:#a4bdd6;
 --ui-blue:#0877ff;--ui-blue2:#278fff;
 --neo-border:#194c73;--neo-bg:#041a30;--neo-card:#061d34;--neo-soft:#0a2643;
 --neo-bright:#52b6ff;--neo-white:#f7fbff;--neo-muted:#a0bad8;--neo-shadow:0 14px 36px rgba(0,5,24,.28);
}
body.alx-crm-page{--neo-border:var(--ui-line);--neo-bg:var(--ui-panel);--neo-card:var(--ui-panel);--neo-soft:var(--ui-panel2);--neo-bright:#187bdf;--neo-white:var(--ui-text);--neo-muted:var(--ui-muted);--neo-shadow:0 12px 32px rgba(10,40,74,.08)}
/* Shell, sidebar and native actions */
body.alx-crm-page .app-shell{grid-template-columns:226px minmax(0,1fr)!important;min-height:100dvh}
body.alx-crm-page .sidebar{background:linear-gradient(165deg,#03172b,#041425 62%,#02101e)!important;border-right:1px solid #123d61!important;padding:20px 14px 16px!important}
body.alx-crm-page .sidebar .brand{margin:0 7px 20px!important;padding:0 0 17px;border-bottom:1px solid #19405e}
body.alx-crm-page .sidebar .brand img{width:100%;max-width:181px;height:auto}
body.alx-crm-page .sidebar nav{gap:6px!important}
body.alx-crm-page .sidebar .nav-item{min-height:44px;padding:11px 15px!important;font-size:13px!important;border:1px solid transparent;border-radius:10px!important;color:#b4c8e5;font-weight:650;display:flex;align-items:center;gap:12px}
body.alx-crm-page .sidebar .nav-item:hover{background:#082642!important;border-color:#145384;color:#fff}
body.alx-crm-page .sidebar .nav-item.active{background:linear-gradient(115deg,#096bed,#03439b)!important;box-shadow:0 0 21px rgba(3,124,255,.27),inset 4px 0 0 #53c7ff!important;border-color:#2694ff!important;color:white!important}
body.alx-crm-page .sidebar .nav-item .nav-ico{font-size:19px;min-width:21px;text-align:center;color:#bad5f8}
body.alx-crm-page .sidebar .sidebar-footer{border-top:1px solid #14456d!important;padding-top:14px!important}
body.alx-crm-page .sidebar .avatar{width:43px;height:43px;border:1px solid #1593fe;background:#093569;color:#fff;font-size:16px}
body.alx-crm-page .sidebar .sidebar-user strong{font-size:13px}
body.alx-crm-page .sidebar .sidebar-user small{color:#2fe0b4!important;font-weight:700}
body.alx-crm-page .main{min-width:0;padding:16px 22px 0!important;background:var(--ui-bg)!important;background-image:radial-gradient(ellipse 85% 55% at 60% -15%,rgba(10,106,245,.13),transparent 70%)!important}
body.alx-crm-page .topbar{border-bottom:1px solid var(--neo-border)!important;margin-bottom:0!important;padding:0 1px 12px!important;min-height:88px}
body.alx-crm-page .topbar .eyebrow{letter-spacing:.17em;font-size:10px!important;color:#9fc2ec!important;font-weight:800}
body.alx-crm-page .topbar h1{font-size:clamp(24px,2vw,31px)!important;line-height:1.12;font-weight:790!important;letter-spacing:-.04em;margin:3px 0 4px}
body.alx-crm-page .topbar .page-subtitle{font-size:12px!important;color:var(--neo-muted)!important;line-height:1.4}
body.alx-crm-page .topbar-right{gap:9px;min-width:0;flex-wrap:wrap;justify-content:flex-end}
body.alx-crm-page :is(.theme-toggle,.notification-btn){height:39px!important;border-radius:9px!important;padding:0 12px!important;font-size:12px!important;box-shadow:none!important}
body.alx-crm-page :is(button,a,input,select,textarea){transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
body.alx-crm-page :is(button,a,input,select,textarea):focus-visible{outline:2px solid #66baff!important;outline-offset:2px!important}
body.alx-crm-page .primary,body.alx-crm-page .dash-go-btn,body.alx-crm-page .agents-action-primary,body.alx-crm-page .reports-export,body.alx-crm-page .alx-download-btn{background:linear-gradient(180deg,#268fff,#055cdf)!important;border:1px solid #2797ff!important;color:white!important;box-shadow:0 7px 22px rgba(0,98,240,.24)!important;border-radius:9px!important}
body.alx-crm-page :is(.primary,.dash-go-btn,.agents-action-primary,.reports-export,.alx-download-btn):hover{filter:brightness(1.1)}
body.alx-crm-page :is(.secondary-btn,.dash-refresh-btn,.agents-action,.calls-reset,.reports-action,.leads-studio-refresh,.appt-refresh,.leads-studio-reset){border-radius:9px!important}
/* Every page uses the same hero architecture, plus illustration from approved screens. */
body.alx-crm-page :is(#viewDashboard,#viewLeads,#viewCallbacks,#viewCalls,#viewReports,#viewAgents,#viewSettings,#viewInstallers) {
 --neo-hero-art:none;
}
body.alx-crm-page #viewDashboard{--neo-hero-art:url('./neo-art/dashboard.webp')}
body.alx-crm-page #viewLeads{--neo-hero-art:url('./neo-art/leads.webp')}
body.alx-crm-page #viewCallbacks{--neo-hero-art:url('./neo-art/dashboard.webp')}
body.alx-crm-page #viewCalls{--neo-hero-art:url('./neo-art/calls.webp')}
body.alx-crm-page #viewReports{--neo-hero-art:url('./neo-art/reports.webp')}
body.alx-crm-page #viewAgents{--neo-hero-art:url('./neo-art/agents.webp')}
body.alx-crm-page #viewSettings{--neo-hero-art:url('./neo-art/settings.webp')}
body.alx-crm-page #viewInstallers{--neo-hero-art:url('./neo-art/installers.webp')}
body.alx-crm-page :is(#viewDashboard .dash-studio-hero,#viewLeads .leads-studio-hero,#viewCallbacks .appt-studio-hero,#viewCalls .calls-overview-head,#viewReports .reports-page-head,#viewAgents .agents-page-head,#viewSettings .settings-premium-top,#viewInstallers .studio-settings-hero){
 position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:184px!important;
 padding:27px 27px!important;border-radius:16px!important;border:1px solid #13517e!important;
 background:radial-gradient(ellipse 70% 140% at 88% 12%,rgba(10,83,201,.32),transparent 66%),linear-gradient(117deg,#061a31,#062345 75%,#08213e)!important;
 box-shadow:var(--neo-shadow)!important;margin-bottom:14px!important;
}
body.alx-crm-page :is(#viewDashboard .dash-studio-hero,#viewLeads .leads-studio-hero,#viewCallbacks .appt-studio-hero,#viewCalls .calls-overview-head,#viewReports .reports-page-head,#viewAgents .agents-page-head,#viewSettings .settings-premium-top,#viewInstallers .studio-settings-hero)::before{
 content:"";position:absolute;pointer-events:none;z-index:-1;top:0;right:12%;height:100%;width:48%;
 background-image:var(--neo-hero-art);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.86;
}
body.alx-crm-page :is(#viewDashboard .dash-studio-hero,#viewLeads .leads-studio-hero,#viewCallbacks .appt-studio-hero,#viewCalls .calls-overview-head,#viewReports .reports-page-head,#viewAgents .agents-page-head,#viewSettings .settings-premium-top,#viewInstallers .studio-settings-hero)::after{
 content:"";position:absolute;pointer-events:none;z-index:-2;inset:auto -4% -45% 39%;width:auto;height:155%;border:0!important;border-radius:45%;transform:rotate(-10deg);background:repeating-radial-gradient(ellipse at 42% 100%,transparent 0 23px,rgba(9,111,254,.23) 24px 25px,transparent 27px 46px)!important;opacity:.63;
}
body.alx-crm-page :is(#viewDashboard .dash-studio-hero h2,#viewLeads .leads-studio-hero h2,#viewCallbacks .appt-studio-hero h2,#viewCalls .calls-overview-head h2,#viewReports .reports-page-head h2,#viewAgents .agents-page-head h2,#viewSettings .settings-premium-top h2,#viewInstallers .studio-settings-hero h2){
 font-size:clamp(28px,3.05vw,45px)!important;line-height:1.09!important;font-weight:850!important;letter-spacing:-.052em!important;
 margin:11px 0 9px!important;color:#fff!important;text-shadow:0 2px 15px rgba(35,128,255,.15)
}
body.alx-crm-page :is(#viewDashboard .dash-hero-copy,#viewLeads .leads-studio-hero-copy,#viewCallbacks .appt-hero-copy,#viewCalls .calls-overview-head>div:first-child,#viewReports .reports-page-head>div:first-child,#viewAgents .agents-page-head>div:first-child,#viewSettings .settings-premium-title,#viewInstallers .studio-settings-hero-copy){max-width:630px;min-width:0;z-index:1;position:relative}
body.alx-crm-page :is(#viewDashboard .dash-hero-copy>p,#viewLeads .leads-studio-hero-copy>p,#viewCallbacks .appt-hero-copy>p,#viewCalls .calls-overview-head p,#viewReports .reports-page-head p,#viewAgents .agents-page-head p,#viewSettings .settings-premium-title>p,#viewInstallers .studio-settings-hero-copy>p){color:#c0d4ee!important;font-size:13px!important;line-height:1.55!important;max-width:590px}
body.alx-crm-page :is(#viewDashboard .dash-premium-overline,#viewLeads .leads-studio-overline,#viewCallbacks .appt-studio-overline,#viewCalls .calls-overline,#viewReports .reports-overline,#viewAgents .agents-overline,#viewSettings .settings-overline,#viewInstallers .studio-settings-eyebrow){color:#8ec6ff!important;font-size:10px!important;font-weight:850!important;letter-spacing:.15em!important}
body.alx-crm-page :is(#viewDashboard .dash-hero-caption,#viewLeads .leads-studio-hero-foot,#viewCallbacks .appt-privacy,#viewCalls .studio-hero-note,#viewReports .studio-hero-note,#viewAgents .studio-hero-note,#viewSettings .studio-settings-hero-note,#viewInstallers .studio-settings-hero-note){font-size:11px!important;color:#a8c9e6!important;margin-top:14px!important}
body.alx-crm-page :is(#viewDashboard .dash-premium-actions,#viewLeads .leads-studio-hero-actions,#viewCallbacks .appt-hero-actions,#viewCalls .calls-overview-head>div:last-child,#viewReports .reports-toolbar,#viewAgents .agents-head-actions,#viewSettings .settings-premium-actions,#viewInstallers .studio-installer-hero-meta){z-index:2;position:relative}
/* KPI system: subtle blue top reflection, real numbers only, no fabricated trends. */
body.alx-crm-page :is(#viewDashboard .dash-premium-kpi,#viewLeads .leads-studio-kpi,#viewCallbacks .appt-kpi,#viewCalls .calls-kpi,#viewReports .reports-kpi,#viewAgents .agents-kpi,#viewSettings .settings-health-tile){
 --neo-tint:#4c9fff;position:relative!important;overflow:hidden!important;min-height:132px!important;
 border:1px solid #18517e!important;border-radius:15px!important;
 background:linear-gradient(142deg,#061a30,#072039 87%,#092c4c)!important;
 box-shadow:0 12px 26px rgba(0,12,34,.16),inset 0 1px 0 rgba(103,169,255,.09)!important;padding:18px!important;
}
body.alx-crm-page :is(#viewDashboard .dash-premium-kpi,#viewLeads .leads-studio-kpi,#viewCallbacks .appt-kpi,#viewCalls .calls-kpi,#viewReports .reports-kpi,#viewAgents .agents-kpi,#viewSettings .settings-health-tile)::after{
 content:"";position:absolute;pointer-events:none;z-index:0;right:-20px;top:8px;width:105px;height:70px;
 background:radial-gradient(ellipse at 85% 50%,color-mix(in srgb,var(--neo-tint) 24%,transparent),transparent 73%);
 border-radius:100%;opacity:.78;
}
body.alx-crm-page :is(#viewDashboard .dash-premium-kpi strong,#viewLeads .leads-studio-kpi strong,#viewCallbacks .appt-kpi strong,#viewCalls .calls-kpi strong,#viewReports .reports-kpi strong,#viewAgents .agents-kpi strong){font-weight:830!important;font-size:clamp(24px,2.5vw,36px)!important;letter-spacing:-.04em!important;color:white!important;line-height:1.12!important}
body.alx-crm-page :is(#viewDashboard .dash-premium-kpi small,#viewLeads .leads-studio-kpi small,#viewCallbacks .appt-kpi small,#viewCalls .calls-kpi small,#viewReports .reports-kpi small,#viewAgents .agents-kpi small){color:#afc3de!important;font-size:11px!important;line-height:1.45!important}
body.alx-crm-page :is(#viewDashboard .dash-kpi-label,#viewLeads .leads-studio-kpi div>span,#viewCallbacks .appt-kpi-label,#viewCalls .calls-kpi-label,#viewReports .reports-kpi>span,#viewAgents .agents-kpi>span){font-size:10px!important;color:#b2cdf0!important;font-weight:800!important;letter-spacing:.09em!important}
body.alx-crm-page :is(#viewDashboard .dash-premium-kpi-icon,#viewLeads .leads-studio-icon,#viewCallbacks .appt-kpi-icon,#viewCalls .calls-kpi-icon,#viewSettings .settings-health-icon){border:1px solid #155da1!important;background:linear-gradient(145deg,#084984,#09294f)!important;color:#92c8ff!important;box-shadow:inset 0 1px 0 rgba(133,207,255,.12)}
body.alx-crm-page #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px!important}
body.alx-crm-page #viewDashboard .dash-premium-kpi{min-height:146px!important;padding:16px!important;gap:5px!important}
body.alx-crm-page #viewDashboard .dash-premium-kpi-icon{min-height:35px;width:35px;height:35px;font-size:18px}
body.alx-crm-page #viewDashboard .dash-kpi-corner{display:none}
body.alx-crm-page #viewLeads .leads-studio-kpis,body.alx-crm-page #viewCalls .calls-kpi-grid,body.alx-crm-page #viewCallbacks .appt-studio-kpis{gap:11px!important}
body.alx-crm-page #viewReports .reports-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px!important}
body.alx-crm-page #viewAgents .agents-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important}
body.alx-crm-page #viewReports .reports-kpi,body.alx-crm-page #viewAgents .agents-kpi{padding:18px 15px!important;min-height:139px!important}
body.alx-crm-page #viewReports .reports-kpi:before,body.alx-crm-page #viewAgents .agents-kpi:before{content:none!important}
body.alx-crm-page #viewReports .reports-kpi:after,body.alx-crm-page #viewAgents .agents-kpi:after{content:"";right:15px;top:13px;width:45px;height:25px;border-radius:3px;background:linear-gradient(155deg,transparent,rgba(71,166,255,.3),transparent)!important;transform:skewY(-15deg)}
body.alx-crm-page :is(#viewLeads .kpi-potential,#viewAgents .agents-kpi-green,#viewCalls .calls-kpi-answered,#viewReports .reports-kpi-green){--neo-tint:#2bdaac}
body.alx-crm-page :is(#viewLeads .kpi-follow,#viewCalls .calls-kpi-noanswer,#viewAgents .agents-kpi-orange,#viewReports .reports-kpi-amber){--neo-tint:#ffb545}
body.alx-crm-page :is(#viewDashboard .dash-premium-kpi-violet,#viewAgents .agents-kpi-violet,#viewReports .reports-kpi-violet,#viewReports .reports-kpi-pink,#viewCalls .calls-kpi-duration){--neo-tint:#aa82ff}
/* Panel surfaces and tables match the selected approved image composition. */
body.alx-crm-page :is(#viewDashboard .dash-analytics-panel,#viewDashboard .dashboard-card,#viewLeads .leads-studio-panel,#viewCallbacks .appt-studio-panel,#viewCalls .calls-workspace,#viewReports .reports-panel,#viewAgents .agents-panel,#viewSettings .settings-premium-card,#viewInstallers .studio-installer-main,#viewLeadDetail .lead-detail-page){background:linear-gradient(150deg,#061b31,#061a30 55%,#061b31)!important;border:1px solid #1a4a70!important;border-radius:15px!important;box-shadow:0 8px 28px rgba(0,7,28,.13)!important;overflow:hidden}
body.alx-crm-page :is(#viewDashboard .dash-analytics-head,#viewDashboard .dashboard-card-head,#viewCalls .calls-workspace-head,#viewReports .reports-panel-head,#viewAgents .agents-panel-heading,#viewLeads .leads-studio-panel-header,#viewSettings .settings-card-head){border-bottom-color:#164467!important;background:linear-gradient(100deg,rgba(15,55,90,.52),transparent 82%)!important}
body.alx-crm-page :is(#viewDashboard .dash-analytics-head h3,#viewDashboard .dashboard-card-head h2,#viewCalls .calls-workspace-head h3,#viewReports .reports-panel-head h3,#viewAgents .agents-panel-heading h3,#viewLeads .leads-studio-panel-header h3){font-size:16px!important;font-weight:785!important;color:#f7fbff!important;letter-spacing:-.02em!important}
body.alx-crm-page :is(#viewDashboard .dash-chart-track,#viewCalls .calls-trend-bar,#viewReports .reports-trend-bar){background:rgba(8,55,94,.62)!important}
body.alx-crm-page :is(#viewDashboard .dash-chart-fill,#viewCalls .calls-trend-bar-fill,#viewReports .reports-trend-fill){background:linear-gradient(180deg,#56c6ff,#006bed)!important;box-shadow:0 0 12px rgba(19,153,255,.22)}
body.alx-crm-page :is(#viewDashboard .dash-outcome-track,#viewReports .reports-outcome-track,#viewReports .reports-stage-track){background:#0a2b49!important;border-radius:30px}
body.alx-crm-page :is(#viewLeads .leads-studio-filterbar,#viewLeads .bulk-assign-bar,#viewCalls .calls-filters,#viewAgents .agents-toolbar,#viewCallbacks .appt-toolbar){background:rgba(6,26,48,.95)!important;border-color:#194365!important}
body.alx-crm-page :is(#viewLeads .lead-filters select,#viewCalls .calls-field input,#viewCalls .calls-field select,#viewAgents .agents-toolbar input,#viewAgents .agents-toolbar select,#viewCallbacks .appt-toolbar input,#viewCallbacks .appt-toolbar select){min-height:40px!important;height:40px!important;font-size:12px!important;font-weight:630!important;line-height:1.25!important;border-radius:9px!important;padding:0 12px!important;background:#061e35!important;color:#ecf6ff!important;border:1px solid #214f76!important}
body.alx-crm-page :is(#viewLeads .lead-table-wrap,#viewCalls .calls-table-wrap,#viewAgents .agents-table-container,#viewReports .reports-table-container,#viewCallbacks .appt-table-wrap){scrollbar-width:thin;scrollbar-color:#245781 transparent}
body.alx-crm-page :is(#viewLeads .lead-table,#viewCalls .calls-data-table,#viewAgents .agents-table,#viewReports .reports-table,#viewCallbacks .appt-table){color:#ecf7ff!important}
body.alx-crm-page :is(#viewLeads .lead-table th,#viewCalls .calls-data-table th,#viewAgents .agents-table th,#viewReports .reports-table th,#viewCallbacks .appt-table th){background:#092743!important;color:#b1ccef!important;letter-spacing:.06em!important;font-size:10px!important;font-weight:830!important;border-bottom:1px solid #225173!important}
body.alx-crm-page :is(#viewLeads .lead-table td,#viewCalls .calls-data-table td,#viewAgents .agents-table td,#viewReports .reports-table td,#viewCallbacks .appt-table td){border-color:#143c5b!important;font-size:12px!important;color:#d9eafd!important}
body.alx-crm-page :is(#viewLeads .lead-table tbody tr,#viewCalls .calls-data-table tbody tr,#viewAgents .agents-table tbody tr,#viewReports .reports-table tbody tr,#viewCallbacks .appt-table tbody tr):hover{background:#0a2b4a!important}
body.alx-crm-page #viewCalls .calls-workspace-head{min-height:100px!important}
body.alx-crm-page #viewReports .reports-panels{gap:12px!important}
body.alx-crm-page #viewReports .reports-trend-column{height:138px!important}
body.alx-crm-page #viewReports .reports-trend-bin{grid-template-rows:16px 138px 24px!important}
body.alx-crm-page #viewReports .reports-panel{padding:19px!important}
body.alx-crm-page #viewAgents .agents-table-container{max-height:none!important;overflow-x:auto!important}
body.alx-crm-page #viewAgents .agents-table{min-width:1050px!important}
/* Settings and installations use same visual system; forms remain native and functional. */
body.alx-crm-page #viewSettings .settings-premium-grid>.settings-premium-card{min-height:290px!important;background:#061b30!important;border:1px solid #1c4b72!important}
body.alx-crm-page #viewSettings .settings-premium-card .settings-card-head{background:linear-gradient(100deg,#0b3154,#09233d)!important}
body.alx-crm-page #viewSettings .settings-premium-card .settings-card-head h2{font-size:14px!important}
body.alx-crm-page #viewSettings .settings-premium-card :is(input[type=text],input[type=number],select){background:#071b31!important;color:#f0f7ff!important}
body.alx-crm-page #viewSettings .settings-health-tile{min-height:122px!important}
body.alx-crm-page #viewSettings .settings-health-copy strong{font-size:16px!important}
body.alx-crm-page #viewInstallers .studio-installer-main{padding:20px!important}
body.alx-crm-page #viewInstallers .alx-installer-card{position:relative!important;overflow:hidden!important;min-height:315px!important;background:linear-gradient(143deg,#07233d,#071c33)!important;border-color:#185482!important}
body.alx-crm-page #viewInstallers .alx-installer-card::before{content:"";position:absolute;right:7px;top:28px;width:135px;height:135px;pointer-events:none;background:url('./neo-art/installers.webp') center/contain no-repeat;opacity:.18}
body.alx-crm-page #viewInstallers .studio-installer-version{background:#071d35!important;border:1px solid #1c5383!important}
body.alx-crm-page #viewInstallers .studio-installer-safety{background:#06243b!important;border:1px solid #16537b!important}
/* Appointments old scroll repair remains untouched. No forced overflow overrides. */
body.alx-crm-page #viewCallbacks .appt-studio-panel{min-height:0}
/* Responsive: adjust component layout, never hide or fake real data */
@media(max-width:1500px){
 body.alx-crm-page #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.alx-crm-page #viewReports .reports-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.alx-crm-page #viewAgents .agents-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1160px){
 body.alx-crm-page .app-shell{grid-template-columns:76px minmax(0,1fr)!important}
 body.alx-crm-page .sidebar .nav-item{justify-content:center;font-size:0!important;padding:11px!important}
 body.alx-crm-page .sidebar .nav-item>span:last-child{display:none}
 body.alx-crm-page .sidebar .brand img{width:43px;max-width:43px;object-fit:cover;object-position:left}
 body.alx-crm-page .sidebar .sidebar-user{display:none}
 body.alx-crm-page #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.alx-crm-page #viewAgents .agents-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:850px){
 body.alx-crm-page .main{padding:12px!important}
 body.alx-crm-page :is(#viewDashboard .dash-studio-hero,#viewLeads .leads-studio-hero,#viewCallbacks .appt-studio-hero,#viewCalls .calls-overview-head,#viewReports .reports-page-head,#viewAgents .agents-page-head,#viewSettings .settings-premium-top,#viewInstallers .studio-settings-hero){padding:20px!important;min-height:160px!important}
 body.alx-crm-page :is(#viewDashboard .dash-studio-hero,#viewLeads .leads-studio-hero,#viewCallbacks .appt-studio-hero,#viewCalls .calls-overview-head,#viewReports .reports-page-head,#viewAgents .agents-page-head,#viewSettings .settings-premium-top,#viewInstallers .studio-settings-hero)::before{right:0;opacity:.24;width:70%}
 body.alx-crm-page #viewReports .reports-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.alx-crm-page #viewAgents .agents-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 body.alx-crm-page .app-shell{display:block!important}
 body.alx-crm-page .sidebar{position:relative!important;width:auto;height:auto;min-height:auto!important}
 body.alx-crm-page .sidebar nav{display:flex!important;overflow:auto!important;gap:4px!important}
 body.alx-crm-page .sidebar .nav-item>span:last-child{display:block}
 body.alx-crm-page .sidebar .nav-item{font-size:11px!important;flex:none}
 body.alx-crm-page .sidebar .sidebar-footer{display:none}
 body.alx-crm-page #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.alx-crm-page :is(#viewDashboard .dash-studio-hero h2,#viewLeads .leads-studio-hero h2,#viewCallbacks .appt-studio-hero h2,#viewCalls .calls-overview-head h2,#viewReports .reports-page-head h2,#viewAgents .agents-page-head h2,#viewSettings .settings-premium-top h2,#viewInstallers .studio-settings-hero h2){font-size:28px!important}
 body.alx-crm-page .topbar{min-height:auto;gap:8px}
}
@media(prefers-reduced-motion:reduce){body.alx-crm-page *{transition:none!important;animation:none!important}}
/* Readability and accessibility: never show reference-image sample figures as live data. */
/* Real runtime class names for asynchronously rendered lists. */
body.alx-crm-page #viewLeads .lead-grid-table{border-collapse:separate;border-spacing:0;color:#eef7ff!important}
body.alx-crm-page #viewLeads .lead-grid-table th{background:#082744!important;color:#b7d3ee!important;border-color:#1b4c72!important;font-size:10px!important;font-weight:800!important;letter-spacing:.055em!important}
body.alx-crm-page #viewLeads .lead-grid-table td{border-color:#173d5d!important;font-size:12px!important;color:#dbeaff!important;background:transparent!important}
body.alx-crm-page #viewLeads .lead-grid-table tbody tr.lead-status-row{background:#051a2f!important;box-shadow:inset 3px 0 0 transparent!important}
body.alx-crm-page #viewLeads .lead-grid-table tbody tr.status-row-not_interested{background:#081b2e!important;box-shadow:inset 3px 0 0 #ec6d83!important}
body.alx-crm-page #viewLeads .lead-grid-table tbody tr.status-row-no_answer{background:#091d31!important;box-shadow:inset 3px 0 0 #e6a645!important}
body.alx-crm-page #viewLeads .lead-grid-table tbody tr.status-row-dep{background:#102335!important;box-shadow:inset 3px 0 0 #f7a150!important}
body.alx-crm-page #viewLeads .lead-grid-table tbody tr.status-row-dep td,body.alx-crm-page #viewLeads .lead-grid-table tbody tr.status-row-dep .lead-name-link,body.alx-crm-page #viewLeads .lead-grid-table tbody tr.status-row-dep .phone-link{color:#e6f3ff!important}
body.alx-crm-page #viewLeads .lead-grid-table tbody tr:hover{background:#0c2d4c!important}
body.alx-crm-page #viewLeads .lead-grid-table .lead-name-link{font-size:12px!important;color:#f2f8ff!important;font-weight:760!important}
body.alx-crm-page #viewLeads .lead-grid-table .phone-link{font-size:12px!important;color:#95cfff!important}
body.alx-crm-page #viewLeads .lead-grid-table .quick-status{min-height:32px!important;font-size:11px!important;border-radius:8px!important}
body.alx-crm-page #viewCallbacks .appt-data-table th{font-size:10px!important;background:#092642!important;color:#b6d0ed!important;border-color:#1b4d73!important}
body.alx-crm-page #viewCallbacks .appt-data-table td{font-size:12px!important;background:#071b31!important;border-color:#1a4365!important;color:#e8f3ff!important}
body.alx-crm-page #viewCallbacks .appt-data-table tbody tr:hover td{background:#0b2948!important}
/* Real table scroll containers keep the existing independent horizontal scrolling. */
body.alx-crm-page #viewLeads .lead-table-wrap,body.alx-crm-page #viewCallbacks .appt-table-scroll{scrollbar-width:thin;scrollbar-color:#2b6390 transparent}

/* v4.3.22: approved design details; measurements are CSS pixels at normal 100% zoom.
   Browser zoom is entirely user-controlled and must not be compensated in CSS. */
body.alx-crm-page .sidebar .nav-item .nav-ico svg{width:19px;height:19px;display:block;stroke:currentColor;fill:none;flex:none}
body.alx-crm-page .sidebar .nav-item .nav-ico{display:grid;place-items:center}
body.alx-crm-page .sidebar .nav-item.active .nav-ico svg{filter:drop-shadow(0 0 4px rgba(148,209,255,.45))}
/* Approved illustration art is transparent and cropped independently of all live text. */
body.alx-crm-page :is(#viewDashboard .dash-studio-hero,#viewLeads .leads-studio-hero,#viewCallbacks .appt-studio-hero,#viewCalls .calls-overview-head,#viewReports .reports-page-head,#viewAgents .agents-page-head,#viewSettings .settings-premium-top,#viewInstallers .studio-settings-hero)::before{
 opacity:1!important;right:7%!important;width:52%!important;top:0!important;height:100%!important;
 background-position:center right!important;background-size:contain!important;
}
/* Shared industrial-blue studio layering from the approved mockups */
body.alx-crm-page :is(#viewDashboard .dash-studio-hero,#viewLeads .leads-studio-hero,#viewCallbacks .appt-studio-hero,#viewCalls .calls-overview-head,#viewReports .reports-page-head,#viewAgents .agents-page-head,#viewSettings .settings-premium-top,#viewInstallers .studio-settings-hero){
 background:radial-gradient(ellipse 57% 100% at 68% 40%,rgba(17,108,255,.14),transparent),linear-gradient(118deg,#061a32 0%,#062349 69%,#092a56 100%)!important;
}
body.alx-crm-page :is(#viewDashboard .dash-premium-kpi,#viewLeads .leads-studio-kpi,#viewCallbacks .appt-kpi,#viewCalls .calls-kpi,#viewReports .reports-kpi,#viewAgents .agents-kpi):hover{
 border-color:#2277b8!important;box-shadow:0 14px 35px rgba(0,11,36,.24),inset 0 1px 0 rgba(114,184,255,.2)!important;
}
/* Honest donut: actual saved call outcomes only, updated by neo-visual.js. */
body.alx-crm-page #viewDashboard .dash-analytics-panel:has(.dash-outcome-donut){
 display:grid!important;grid-template-columns:minmax(124px,36%) minmax(0,1fr);align-items:center;column-gap:16px;row-gap:10px;
}
body.alx-crm-page #viewDashboard .dash-analytics-panel:has(.dash-outcome-donut)>.dash-analytics-head,
body.alx-crm-page #viewDashboard .dash-analytics-panel:has(.dash-outcome-donut)>.dash-accuracy-note{grid-column:1/-1}
body.alx-crm-page #viewDashboard .dash-outcome-visual{grid-column:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:9px 3px 7px 14px}
body.alx-crm-page #viewDashboard .dash-outcome-donut{width:min(100%,164px);aspect-ratio:1;border-radius:50%;
 background:conic-gradient(#18cfa3 0% var(--a,0%),#f5b843 var(--a,0%) var(--b,0%),#9573f8 var(--b,0%) 100%);
 box-shadow:0 0 0 1px rgba(92,177,247,.21),0 0 25px rgba(18,91,219,.17);
 display:grid;place-items:center;position:relative;
}
body.alx-crm-page #viewDashboard .dash-outcome-donut:before{content:"";position:absolute;inset:23%;border-radius:50%;background:#061a30;box-shadow:inset 0 0 15px #020d1b,0 0 1px #81b9ff}
body.alx-crm-page #viewDashboard .dash-outcome-donut-hole{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
body.alx-crm-page #viewDashboard .dash-outcome-donut-hole strong{font-size:24px;font-weight:830;line-height:1.1;color:#f7fbff}
body.alx-crm-page #viewDashboard .dash-outcome-donut-hole small{font-size:10px;font-weight:600;color:#9bbbdc}
body.alx-crm-page #viewDashboard .dash-analytics-panel:has(.dash-outcome-donut)>.dash-outcome-grid{grid-column:2;min-width:0}
body.alx-crm-page #viewDashboard .dash-outcome-grid{gap:11px}
/* Both installation package illustrations are genuine extracts of the approved preview,
   shown behind editable text, not screenshots that replace buttons. */
body.alx-crm-page #viewInstallers .alx-installer-card.physical::before,
body.alx-crm-page #viewInstallers .alx-installer-card.server::before{
 content:"";pointer-events:none;position:absolute;right:0;top:12%;width:42%;height:65%;
 background-repeat:no-repeat;background-size:contain;background-position:right center;
 opacity:.81;z-index:0;
}
body.alx-crm-page #viewInstallers .alx-installer-card.physical::before{background-image:url('./neo-art/physical-device.webp')}
body.alx-crm-page #viewInstallers .alx-installer-card.server::before{background-image:url('./neo-art/server-device.webp')}
body.alx-crm-page #viewInstallers .alx-installer-card :is(.alx-installer-icon,.studio-installer-copy,.studio-installer-bottom){position:relative;z-index:1}
body.alx-crm-page #viewInstallers .alx-installer-card .studio-installer-copy p{max-width:68%;text-shadow:0 1px 8px #03182c}
body.alx-crm-page #viewInstallers .alx-installer-card .studio-installer-bottom{margin-top:auto}
body.alx-crm-page #viewInstallers .studio-installer-safety{box-shadow:inset 0 1px 0 rgba(97,194,255,.14)}
/* Six real statistics per row are usable at 1366px CSS viewport width. */
@media (min-width:1260px){
 body.alx-crm-page #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 body.alx-crm-page #viewReports .reports-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media (max-width:1259px){
 body.alx-crm-page #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.alx-crm-page #viewReports .reports-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:850px){
 body.alx-crm-page #viewDashboard .dash-analytics-panel:has(.dash-outcome-donut){grid-template-columns:minmax(0,1fr)!important}
 body.alx-crm-page #viewDashboard .dash-outcome-visual,body.alx-crm-page #viewDashboard .dash-analytics-panel:has(.dash-outcome-donut)>.dash-outcome-grid{grid-column:1}
 body.alx-crm-page #viewDashboard .dash-outcome-donut{max-width:130px}
 body.alx-crm-page #viewInstallers .alx-installer-card .studio-installer-copy p{max-width:100%}
 body.alx-crm-page #viewInstallers .alx-installer-card:before{opacity:.17!important}
}
@media(max-width:600px){
 body.alx-crm-page #viewDashboard .dash-premium-kpis,body.alx-crm-page #viewReports .reports-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}