/* ALX CRM v4.1.0 — clean premium frontend layer. Loaded after legacy stylesheet. */ :root{--alx-bg:#eef4fb;--alx-panel:#fff;--alx-panel2:#f7faff;--alx-line:#d6e2ef;--alx-text:#0b1b31;--alx-muted:#7890aa;--alx-blue:#1677ff;--alx-blue2:#0b5ed7;--alx-shadow:0 14px 34px rgba(15,45,78,.08)} html[data-alx-theme="dark"]{--alx-bg:#061423;--alx-panel:#0a1d31;--alx-panel2:#0d243c;--alx-line:#1f4161;--alx-text:#f3f8ff;--alx-muted:#7f9ab6;--alx-blue:#2687ff;--alx-blue2:#1166d7;--alx-shadow:0 18px 42px rgba(0,0,0,.22)} *{box-sizing:border-box} body.alx-crm-page{margin:0!important;background:var(--alx-bg)!important;color:var(--alx-text)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important} body.alx-crm-page .app-shell{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;min-height:100vh!important;background:var(--alx-bg)!important} body.alx-crm-page .sidebar{position:sticky!important;top:0!important;height:100vh!important;width:auto!important;padding:28px 20px 22px!important;background:linear-gradient(180deg,#061323 0%,#07182a 55%,#061321 100%)!important;border-right:1px solid #16324f!important;box-shadow:14px 0 42px rgba(1,11,25,.16)!important;display:flex!important;flex-direction:column!important;z-index:20!important} body.alx-crm-page .brand{height:78px!important;margin:0 0 24px!important;padding:0 10px 22px!important;border-bottom:1px solid rgba(121,166,214,.14)!important;background:none!important;filter:none!important;display:flex!important;align-items:center!important;overflow:visible!important} body.alx-crm-page .brand:before,body.alx-crm-page .brand:after{content:none!important;display:none!important} body.alx-crm-page .brand img{display:block!important;width:188px!important;max-width:100%!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))!important} body.alx-crm-page .sidebar nav{display:grid!important;gap:8px!important;margin:0!important} body.alx-crm-page .nav-item{appearance:none!important;width:100%!important;height:50px!important;min-height:50px!important;padding:0 16px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#9db4cc!important;display:flex!important;align-items:center!important;gap:14px!important;font-size:14px!important;font-weight:650!important;letter-spacing:-.01em!important;box-shadow:none!important;transform:none!important} body.alx-crm-page .nav-item:hover{background:#0c2744!important;color:#f2f7ff!important;border-color:#173d63!important;transform:none!important} body.alx-crm-page .nav-item.active{background:linear-gradient(90deg,#0d64d8 0%,#0b315a 100%)!important;color:#fff!important;border-color:#2b7ddd!important;box-shadow:0 10px 28px rgba(13,100,216,.25),inset 3px 0 #75b4ff!important} body.alx-crm-page .nav-ico{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;font-size:18px!important;line-height:1!important;color:inherit!important} body.alx-crm-page .sidebar-footer{margin-top:auto!important;padding:20px 10px 0!important;border-top:1px solid rgba(121,166,214,.14)!important;display:flex!important;gap:11px!important;align-items:flex-start!important} body.alx-crm-page .sidebar-footer .avatar{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;background:linear-gradient(145deg,#173b68,#0b2545)!important;border:1px solid #3d6b99!important;color:#dcecff!important;display:grid!important;place-items:center!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important} body.alx-crm-page .sidebar-user strong{display:block!important;color:#f7fbff!important;font-size:13px!important;margin:2px 0 3px!important}body.alx-crm-page .sidebar-user small{display:block!important;color:#56d69a!important;font-size:11px!important}body.alx-crm-page .logout-btn{display:inline-block!important;margin-top:10px!important;color:#93abc4!important;font-size:12px!important;text-decoration:none!important} body.alx-crm-page .main{min-width:0!important;max-width:none!important;padding:28px 34px 34px!important;background:radial-gradient(circle at 78% -5%,rgba(55,137,255,.08),transparent 31%),var(--alx-bg)!important} body.alx-crm-page .topbar{min-height:86px!important;margin:0 0 22px!important;padding:0 0 18px!important;border-bottom:1px solid var(--alx-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;background:transparent!important} body.alx-crm-page .page-heading{min-width:220px!important}body.alx-crm-page .eyebrow{margin:0 0 5px!important;color:#7995b1!important;font-size:10px!important;font-weight:750!important;letter-spacing:.18em!important}body.alx-crm-page .topbar h1{margin:0!important;color:var(--alx-text)!important;font-size:28px!important;line-height:1.05!important;font-weight:780!important;letter-spacing:-.045em!important}body.alx-crm-page .page-subtitle{margin:7px 0 0!important;color:var(--alx-muted)!important;font-size:12px!important} body.alx-crm-page .topbar-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:1!important}body.alx-crm-page .top-actions{display:flex!important;align-items:center!important;gap:10px!important} body.alx-crm-page button,body.alx-crm-page input,body.alx-crm-page select,body.alx-crm-page textarea{font:inherit!important} body.alx-crm-page .theme-toggle,body.alx-crm-page .notification-btn,body.alx-crm-page .secondary-btn{height:42px!important;border:1px solid var(--alx-line)!important;border-radius:10px!important;background:var(--alx-panel)!important;color:var(--alx-text)!important;font-weight:650!important;box-shadow:0 5px 15px rgba(15,45,78,.04)!important} body.alx-crm-page .theme-toggle,body.alx-crm-page .notification-btn{padding:0 14px!important;white-space:nowrap!important} body.alx-crm-page .topbar input[type=search]{width:290px!important;height:42px!important;border-radius:10px!important;border:1px solid var(--alx-line)!important;background:var(--alx-panel)!important;color:var(--alx-text)!important;padding:0 14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important} body.alx-crm-page .primary{height:42px!important;border:1px solid #1d78e8!important;border-radius:10px!important;background:linear-gradient(180deg,#2588ff,#1268dc)!important;color:#fff!important;font-weight:750!important;padding:0 16px!important;box-shadow:0 8px 18px rgba(25,116,232,.24)!important} body.alx-crm-page .primary:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important} /* KPI */ body.alx-crm-page .premium-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin:0 0 18px!important} body.alx-crm-page .premium-stats .stat{position:relative!important;min-height:132px!important;padding:22px 22px 18px 86px!important;border-radius:14px!important;border:1px solid var(--alx-line)!important;background:var(--alx-panel)!important;box-shadow:var(--alx-shadow)!important;overflow:hidden!important;display:block!important} body.alx-crm-page .premium-stats .stat: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:#3288ff!important} body.alx-crm-page .premium-stats .stat:after{content:none!important;display:none!important} body.alx-crm-page .stat-icon{position:absolute!important;left:20px!important;top:22px!important;width:46px!important;height:46px!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:21px!important;font-weight:850!important;background:#e8f2ff!important;color:#1976ed!important;border:1px solid #cfe2fb!important;box-shadow:none!important} body.alx-crm-page .stat-copy{display:block!important}body.alx-crm-page .stat-copy>span{display:block!important;margin:2px 0 7px!important;color:#6e83a0!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important}body.alx-crm-page .stat-copy strong{display:block!important;color:var(--alx-text)!important;font-size:34px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.05em!important}body.alx-crm-page .stat-copy small{display:block!important;margin-top:8px!important;color:var(--alx-muted)!important;font-size:10px!important} body.alx-crm-page .stat-spark{position:absolute!important;right:18px!important;bottom:18px!important;width:84px!important;height:28px!important;opacity:.85!important} body.alx-crm-page .stat-callback:before{background:#f4bd39!important}.alx-crm-page .stat-potential:before{background:#38ce87!important}.alx-crm-page .stat-dep:before{background:#9a5cf5!important}.alx-crm-page .stat-callback .stat-icon{background:#fff4d6!important;color:#c88900!important;border-color:#f3dfa4!important}.alx-crm-page .stat-potential .stat-icon{background:#e0f9ee!important;color:#0ca76a!important;border-color:#bdebd7!important}.alx-crm-page .stat-dep .stat-icon{background:#f0e9ff!important;color:#7544d7!important;border-color:#dacdf8!important} /* Dashboard panels */ body.alx-crm-page .dashboard-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}body.alx-crm-page .dashboard-card{min-height:210px!important;border-radius:14px!important;border:1px solid var(--alx-line)!important;background:var(--alx-panel)!important;box-shadow:var(--alx-shadow)!important;overflow:hidden!important}body.alx-crm-page .dashboard-card-head{min-height:70px!important;padding:14px 18px!important;border-bottom:1px solid var(--alx-line)!important;background:var(--alx-panel)!important;display:flex!important;align-items:center!important;gap:12px!important}body.alx-crm-page .dashboard-card-head>div{flex:1!important}body.alx-crm-page .dashboard-card-head h2{margin:0!important;color:var(--alx-text)!important;font-size:16px!important;font-weight:780!important}body.alx-crm-page .dashboard-card-head small{display:block!important;margin-top:4px!important;color:var(--alx-muted)!important;font-size:10px!important}.alx-crm-page .dash-head-icon{width:40px!important;height:40px!important;border-radius:10px!important;background:#e5f0ff!important;color:#1877ef!important;border:1px solid #c9def8!important;display:grid!important;place-items:center!important;font-size:18px!important}.alx-crm-page .dash-head-icon.danger{background:#fff0ef!important;color:#e24949!important;border-color:#ffc9c6!important}.alx-crm-page .dashboard-link{border:0!important;background:transparent!important;color:#2581ee!important;font-weight:750!important;font-size:11px!important}.alx-crm-page .dashboard-card-body{background:var(--alx-panel)!important}.alx-crm-page .dash-row{min-height:50px!important;padding:8px 16px!important;border-bottom:1px solid var(--alx-line)!important;background:transparent!important}.alx-crm-page .dash-table{width:100%!important;border-collapse:collapse!important}.alx-crm-page .dash-table th{height:40px!important;padding:0 14px!important;background:var(--alx-panel2)!important;color:#7189a3!important;border-bottom:1px solid var(--alx-line)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.05em!important}.alx-crm-page .dash-table td{height:48px!important;padding:0 14px!important;background:transparent!important;color:var(--alx-text)!important;border-bottom:1px solid var(--alx-line)!important;font-size:12px!important}.alx-crm-page .dash-empty{padding:28px 18px!important;color:var(--alx-muted)!important} /* shared pages */ body.alx-crm-page .panel,body.alx-crm-page .single-panel,body.alx-crm-page .lead-table-panel,body.alx-crm-page .lead-detail-page,body.alx-crm-page .settings-card{background:var(--alx-panel)!important;color:var(--alx-text)!important;border:1px solid var(--alx-line)!important;border-radius:14px!important;box-shadow:var(--alx-shadow)!important} body.alx-crm-page .panel-head,body.alx-crm-page .settings-card-head{background:var(--alx-panel)!important;border-bottom:1px solid var(--alx-line)!important;color:var(--alx-text)!important}.alx-crm-page .panel-head h2,.alx-crm-page .settings-card-head h2{color:var(--alx-text)!important}.alx-crm-page .panel-head small,.alx-crm-page .settings-card-head small{color:var(--alx-muted)!important} body.alx-crm-page input:not([type=checkbox]):not([type=radio]),body.alx-crm-page select,body.alx-crm-page textarea{background:var(--alx-panel2)!important;color:var(--alx-text)!important;border:1px solid var(--alx-line)!important;border-radius:9px!important;outline:none!important}body.alx-crm-page input:focus,body.alx-crm-page select:focus,body.alx-crm-page textarea:focus{border-color:#2e83e9!important;box-shadow:0 0 0 3px rgba(46,131,233,.12)!important} /* Lead table keeps full-row status semantics */ body.alx-crm-page .lead-table-wrap{border-top:1px solid var(--alx-line)!important}body.alx-crm-page .lead-grid-table th{background:var(--alx-panel2)!important;color:#7087a1!important;border-color:var(--alx-line)!important}body.alx-crm-page .lead-grid-table td{border-color:rgba(130,158,187,.22)!important} /* Settings */ body.alx-crm-page .settings-grid{gap:16px!important}.alx-crm-page .settings-card{overflow:hidden!important}.alx-crm-page .settings-card-head{min-height:58px!important;padding:11px 14px!important}.alx-crm-page .settings-icon{width:34px!important;height:34px!important;border-radius:9px!important;background:#e8f2ff!important;color:#1777ee!important;display:grid!important;place-items:center!important}.alx-crm-page .settings-card label{color:var(--alx-text)!important}.alx-crm-page .settings-card p,.alx-crm-page .settings-card small{color:var(--alx-muted)!important} /* Dark reference mode */ body.alx-crm-page.alx-dark,html[data-alx-theme="dark"] body.alx-crm-page{background:#061423!important} body.alx-crm-page.alx-dark .main,html[data-alx-theme="dark"] body.alx-crm-page .main{background:radial-gradient(circle at 76% -6%,rgba(37,128,255,.17),transparent 32%),linear-gradient(180deg,#07182a 0%,#061423 100%)!important} body.alx-crm-page.alx-dark .premium-stats .stat,html[data-alx-theme="dark"] body.alx-crm-page .premium-stats .stat{background:linear-gradient(135deg,#0d243e 0%,#091a2d 100%)!important;border-color:#214766!important;box-shadow:0 18px 40px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important} body.alx-crm-page.alx-dark .stat-new,html[data-alx-theme="dark"] body.alx-crm-page .stat-new{background:radial-gradient(circle at 100% 100%,rgba(28,119,255,.26),transparent 42%),linear-gradient(135deg,#0d2747,#091a2e)!important}.alx-dark .stat-callback{background:radial-gradient(circle at 100% 100%,rgba(244,183,48,.18),transparent 42%),linear-gradient(135deg,#272535,#101d2e)!important}.alx-dark .stat-potential{background:radial-gradient(circle at 100% 100%,rgba(28,210,120,.18),transparent 42%),linear-gradient(135deg,#0d302d,#0a1f2d)!important}.alx-dark .stat-dep{background:radial-gradient(circle at 100% 100%,rgba(151,69,255,.22),transparent 42%),linear-gradient(135deg,#1c2142,#0c1a31)!important} body.alx-crm-page.alx-dark .stat-icon,html[data-alx-theme="dark"] body.alx-crm-page .stat-icon{background:#103b75!important;color:#64afff!important;border-color:#255e9d!important;box-shadow:0 0 22px rgba(38,133,255,.16)!important}.alx-dark .stat-callback .stat-icon{background:#59451f!important;color:#ffd45d!important;border-color:#81672d!important}.alx-dark .stat-potential .stat-icon{background:#104d39!important;color:#4de39f!important;border-color:#1c7656!important}.alx-dark .stat-dep .stat-icon{background:#3d2467!important;color:#c58aff!important;border-color:#66459d!important} body.alx-crm-page.alx-dark .dashboard-card,body.alx-crm-page.alx-dark .dashboard-card-head,body.alx-crm-page.alx-dark .dashboard-card-body,html[data-alx-theme="dark"] body.alx-crm-page .dashboard-card,html[data-alx-theme="dark"] body.alx-crm-page .dashboard-card-head,html[data-alx-theme="dark"] body.alx-crm-page .dashboard-card-body{background:#0a1d31!important;border-color:#20425f!important;color:#edf6ff!important}.alx-dark .dash-head-icon{background:#103b73!important;color:#6ab2ff!important;border-color:#285d91!important;box-shadow:0 0 18px rgba(31,126,255,.16)!important}.alx-dark .dash-head-icon.danger{background:#5a292e!important;color:#ff8080!important;border-color:#813b40!important}.alx-dark .dash-table th{background:#0d243b!important;color:#87a2bd!important}.alx-dark .dash-table td,.alx-dark .dash-row{background:#0a1d31!important;color:#e6f0fb!important;border-color:#173852!important}.alx-dark .dash-row:hover,.alx-dark .dash-table tbody tr:hover td{background:#102a45!important} body.alx-crm-page.alx-dark .panel,body.alx-crm-page.alx-dark .single-panel,body.alx-crm-page.alx-dark .lead-table-panel,body.alx-crm-page.alx-dark .lead-detail-page,body.alx-crm-page.alx-dark .settings-card,html[data-alx-theme="dark"] body.alx-crm-page .panel,html[data-alx-theme="dark"] body.alx-crm-page .single-panel,html[data-alx-theme="dark"] body.alx-crm-page .lead-table-panel,html[data-alx-theme="dark"] body.alx-crm-page .lead-detail-page,html[data-alx-theme="dark"] body.alx-crm-page .settings-card{background:#0a1d31!important;color:#eef6ff!important;border-color:#20425f!important;box-shadow:0 18px 40px rgba(0,0,0,.18)!important} body.alx-crm-page.alx-dark .panel-head,body.alx-crm-page.alx-dark .settings-card-head,html[data-alx-theme="dark"] body.alx-crm-page .panel-head,html[data-alx-theme="dark"] body.alx-crm-page .settings-card-head{background:#0c2239!important;border-color:#20425f!important;color:#eef6ff!important}.alx-dark .panel-head h2,.alx-dark .settings-card-head h2,.alx-dark .settings-card label{color:#eef6ff!important}.alx-dark .settings-icon{background:#103b73!important;color:#6ab2ff!important} body.alx-crm-page.alx-dark input:not([type=checkbox]):not([type=radio]),body.alx-crm-page.alx-dark select,body.alx-crm-page.alx-dark textarea,html[data-alx-theme="dark"] body.alx-crm-page input:not([type=checkbox]):not([type=radio]),html[data-alx-theme="dark"] body.alx-crm-page select,html[data-alx-theme="dark"] body.alx-crm-page textarea{background:#081a2d!important;color:#eaf4ff!important;border-color:#2b4d6b!important} /* detail hard reset: remove every light island */ .alx-dark #viewLeadDetail .detail-identity,.alx-dark #viewLeadDetail .lead-kpi-card,.alx-dark #viewLeadDetail .lead-workbar,.alx-dark #viewLeadDetail .quick-result-panel,.alx-dark #viewLeadDetail .lead-settings-panel,.alx-dark #viewLeadDetail .note-card,.alx-dark #viewLeadDetail .timeline-item{background:#0b2036!important;color:#eaf4ff!important;border-color:#274b69!important;box-shadow:none!important}.alx-dark #viewLeadDetail h2,.alx-dark #viewLeadDetail h3,.alx-dark #viewLeadDetail strong,.alx-dark #viewLeadDetail label{color:#f1f7ff!important}.alx-dark #viewLeadDetail p,.alx-dark #viewLeadDetail small,.alx-dark #viewLeadDetail .muted{color:#86a0bb!important} /* neutralize legacy duplicate decorative icons */ body.alx-crm-page .premium-stats .stat>.stat-icon+ .stat-icon{display:none!important} @media(max-width:1180px){body.alx-crm-page .app-shell{grid-template-columns:218px minmax(0,1fr)!important}.alx-crm-page .main{padding:24px 22px!important}.alx-crm-page .premium-stats{grid-template-columns:repeat(2,1fr)!important}.alx-crm-page .topbar{align-items:flex-start!important}.alx-crm-page .topbar-right{flex-wrap:wrap!important}.alx-crm-page .topbar input[type=search]{width:240px!important}} @media(max-width:760px){body.alx-crm-page .app-shell{grid-template-columns:76px minmax(0,1fr)!important}.alx-crm-page .sidebar{padding:20px 10px!important}.alx-crm-page .brand{padding:0 0 16px!important;justify-content:center!important}.alx-crm-page .brand img{width:54px!important;max-height:48px!important;object-fit:cover!important;object-position:left!important}.alx-crm-page .nav-item{padding:0!important;justify-content:center!important}.alx-crm-page .nav-item span:last-child{display:none!important}.alx-crm-page .sidebar-user{display:none!important}.alx-crm-page .premium-stats,.alx-crm-page .dashboard-grid{grid-template-columns:1fr!important}.alx-crm-page .main{padding:18px 14px!important}.alx-crm-page .topbar{display:block!important}.alx-crm-page .topbar-right{margin-top:16px!important;justify-content:flex-start!important}.alx-crm-page .top-actions{flex-wrap:wrap!important}.alx-crm-page .topbar input[type=search]{width:100%!important}} /* ============================================================ ALX CRM v4.1.0 — COMPACT OPERATIONS QA PASS Fixes: density, overflow, responsive toolbars, status rows, lead detail density, calls/settings density and dark tokens. ============================================================ */ :root{--alx-bg:#edf3f9;--alx-panel:#ffffff;--alx-panel2:#f5f8fc;--alx-panel3:#eef4fa;--alx-line:#cfdeec;--alx-text:#0b1d34;--alx-muted:#7188a1;--alx-blue:#1677ff;--alx-shadow:0 8px 24px rgba(17,48,81,.065)} html[data-alx-theme="dark"],body.alx-dark{--alx-bg:#071421;--alx-panel:#0b1c2d;--alx-panel2:#0e2338;--alx-panel3:#102941;--alx-line:#1d3b55;--alx-text:#edf6ff;--alx-muted:#8ba3ba;--alx-shadow:0 12px 30px rgba(0,0,0,.22)} body.alx-crm-page .app-shell{grid-template-columns:218px minmax(0,1fr)!important} body.alx-crm-page .sidebar{padding:18px 14px 16px!important} body.alx-crm-page .brand{height:68px!important;margin:0 0 14px!important;padding:0 8px 15px!important} body.alx-crm-page .brand img{width:170px!important;max-height:48px!important} body.alx-crm-page .sidebar nav{gap:5px!important} body.alx-crm-page .nav-item{height:44px!important;min-height:44px!important;padding:0 13px!important;border-radius:10px!important;gap:11px!important;font-size:13px!important} body.alx-crm-page .nav-ico{width:20px!important;height:20px!important;font-size:15px!important} body.alx-crm-page .sidebar-footer{padding:15px 7px 0!important;gap:9px!important} body.alx-crm-page .sidebar-footer .avatar{width:40px!important;height:40px!important;min-width:40px!important} body.alx-crm-page .sidebar-user strong{font-size:12px!important}.alx-crm-page .sidebar-user small,.alx-crm-page .logout-btn{font-size:10.5px!important}.alx-crm-page .logout-btn{margin-top:7px!important} body.alx-crm-page .main{padding:20px 24px 24px!important;overflow-x:hidden!important} body.alx-crm-page .topbar{min-height:68px!important;margin:0 0 14px!important;padding:0 0 12px!important;gap:16px!important} body.alx-crm-page .page-heading{min-width:205px!important;flex:0 0 auto!important} body.alx-crm-page .eyebrow{font-size:9px!important;margin-bottom:3px!important}.alx-crm-page .topbar h1{font-size:25px!important}.alx-crm-page .page-subtitle{font-size:10.5px!important;margin-top:5px!important} body.alx-crm-page .topbar-right{min-width:0!important;gap:8px!important;flex-wrap:nowrap!important}.alx-crm-page .top-actions{min-width:0!important;gap:8px!important;flex:1 1 auto!important;justify-content:flex-end!important} body.alx-crm-page .top-actions[style*="display: none"]{display:none!important} body.alx-crm-page .theme-toggle,body.alx-crm-page .notification-btn,body.alx-crm-page .secondary-btn,body.alx-crm-page .primary{height:36px!important;min-height:36px!important;border-radius:9px!important;font-size:12px!important;line-height:1!important;padding:0 12px!important;white-space:nowrap!important} body.alx-crm-page .topbar input[type=search]{width:clamp(190px,22vw,285px)!important;min-width:160px!important;height:36px!important;border-radius:9px!important;font-size:12px!important;padding:0 12px!important} body.alx-crm-page #importLeadsBtn,body.alx-crm-page #newLeadBtn{max-width:none!important;white-space:nowrap!important;line-height:1!important} /* KPI density + meaningful color identity; remove decorative spark marks */ body.alx-crm-page .premium-stats{gap:12px!important;margin-bottom:12px!important} body.alx-crm-page .premium-stats .stat{min-height:102px!important;padding:17px 14px 14px 68px!important;border-radius:12px!important} body.alx-crm-page .premium-stats .stat:before{top:14px!important;bottom:14px!important;width:3px!important} body.alx-crm-page .stat-icon{left:15px!important;top:17px!important;width:40px!important;height:40px!important;border-radius:10px!important;font-size:17px!important} body.alx-crm-page .stat-copy>span{font-size:9.5px!important;margin:1px 0 5px!important}.alx-crm-page .stat-copy strong{font-size:29px!important}.alx-crm-page .stat-copy small{font-size:9px!important;margin-top:5px!important}.alx-crm-page .stat-spark{display:none!important} body.alx-crm-page .stat-new:before{background:#2e7df4!important}.alx-crm-page .stat-callback:before{background:#eeb52d!important}.alx-crm-page .stat-potential:before{background:#25b978!important}.alx-crm-page .stat-dep:before{background:#8457e8!important} /* dashboard: content-driven compact cards */ body.alx-crm-page .dashboard-grid{gap:12px!important} body.alx-crm-page .dashboard-card{min-height:0!important;border-radius:12px!important} body.alx-crm-page .dashboard-card-head{min-height:54px!important;height:54px!important;padding:9px 13px!important;gap:9px!important} body.alx-crm-page .dash-head-icon{width:32px!important;height:32px!important;border-radius:8px!important;font-size:14px!important} body.alx-crm-page .dashboard-card-head h2{font-size:13.5px!important}.alx-crm-page .dashboard-card-head small{font-size:9px!important;margin-top:2px!important}.alx-crm-page .dashboard-link{font-size:10px!important} body.alx-crm-page .dash-empty{padding:18px 13px!important;min-height:62px!important;font-size:10px!important}.alx-crm-page .dash-row{min-height:40px!important;padding:6px 12px!important}.alx-crm-page .dash-table th{height:31px!important;padding:0 10px!important;font-size:8.5px!important}.alx-crm-page .dash-table td{height:38px!important;padding:0 10px!important;font-size:10px!important} /* Shared panels / compact toolbar geometry */ body.alx-crm-page .panel,body.alx-crm-page .single-panel,body.alx-crm-page .lead-table-panel,body.alx-crm-page .lead-detail-page,body.alx-crm-page .settings-card{border-radius:12px!important} body.alx-crm-page .panel-head{min-height:54px!important;height:auto!important;padding:9px 13px!important;gap:10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important} body.alx-crm-page .panel-head h2{font-size:13.5px!important;margin:0!important}.alx-crm-page .panel-head small{font-size:9px!important;margin-top:2px!important} body.alx-crm-page .inline-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:nowrap!important;min-width:0!important} body.alx-crm-page .inline-actions input,body.alx-crm-page .inline-actions select,body.alx-crm-page .lead-filters select{height:34px!important;min-height:34px!important;border-radius:8px!important;font-size:11px!important;padding:0 10px!important;background:var(--alx-panel)!important;color:var(--alx-text)!important;border:1px solid var(--alx-line)!important} body.alx-crm-page .inline-actions input{width:220px!important}.alx-crm-page .inline-actions select{width:150px!important} /* Leads: two stable toolbars; never overlap title or each other */ body.alx-crm-page .leads-table-head{display:grid!important;grid-template-columns:minmax(135px,.55fr) minmax(620px,2.45fr)!important;align-items:center!important;column-gap:14px!important;min-height:58px!important;padding:8px 12px!important} body.alx-crm-page .lead-filters{display:grid!important;grid-template-columns:repeat(5,minmax(105px,1fr)) auto!important;gap:7px!important;align-items:center!important;min-width:0!important} body.alx-crm-page .lead-filters select{width:100%!important;min-width:0!important}.alx-crm-page .lead-filters #exportCsvBtn{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:11px!important} body.alx-crm-page .bulk-assign-bar{min-height:48px!important;padding:7px 12px!important;gap:7px!important;align-items:center!important;flex-wrap:nowrap!important;background:var(--alx-panel2)!important;border-color:var(--alx-line)!important} body.alx-crm-page .bulk-assign-bar label,body.alx-crm-page .bulk-assign-bar strong{font-size:10px!important;white-space:nowrap!important}.alx-crm-page .bulk-assign-bar select{height:34px!important;min-height:34px!important;width:170px!important;margin-left:auto!important;font-size:11px!important}.alx-crm-page .bulk-assign-bar button{height:34px!important;min-height:34px!important;padding:0 11px!important;font-size:11px!important;white-space:nowrap!important} body.alx-crm-page .lead-grid-table th{height:31px!important;padding:0 9px!important;font-size:8.5px!important}.alx-crm-page .lead-grid-table td{height:43px!important;padding:5px 9px!important;font-size:10.5px!important}.alx-crm-page .lead-grid-table .status-select{min-height:32px!important;height:32px!important;font-size:10px!important} /* Full-row status language in light mode */ body.alx-crm-page .lead-grid-table tr.status-row-new>td{background:#edf5ff!important;border-color:#d7e8fb!important} body.alx-crm-page .lead-grid-table tr.status-row-no_answer>td{background:#f4f7fa!important;border-color:#e0e7ee!important} body.alx-crm-page .lead-grid-table tr.status-row-interested>td{background:#e4f7ec!important;border-color:#bfe9d0!important;color:#145c38!important} body.alx-crm-page .lead-grid-table tr.status-row-callback>td{background:#fff2d2!important;border-color:#f2d78d!important;color:#72500c!important} body.alx-crm-page .lead-grid-table tr.status-row-dep>td{background:#f0eaff!important;border-color:#d8c8fb!important;color:#55318e!important} body.alx-crm-page .lead-grid-table tr.status-row-not_interested>td{background:#ffeded!important;border-color:#f5cccc!important;color:#842f35!important} body.alx-crm-page .lead-grid-table tr.status-row-wrong_number>td{background:#f5edff!important;border-color:#dfccf8!important;color:#63368d!important} body.alx-crm-page .lead-grid-table tr.status-row-do_not_call>td{background:#ffe7e7!important;border-color:#efbcbc!important;color:#7d2329!important} /* Lead detail: one compact operation surface, avoid nested scrolling */ body.alx-crm-page #viewLeadDetail,body.alx-crm-page .lead-detail-page{overflow:visible!important;max-height:none!important;height:auto!important} body.alx-crm-page .lead-detail-page{padding:0!important}.alx-crm-page .detail-page-head{min-height:46px!important;padding:7px 12px!important}.alx-crm-page .detail-page-head button{height:32px!important;min-height:32px!important;font-size:10.5px!important;padding:0 11px!important} body.alx-crm-page #leadDetail{overflow:visible!important;max-height:none!important;height:auto!important;padding:10px!important}.alx-crm-page .detail-wrap{gap:10px!important} body.alx-crm-page #leadDetail .identity{min-height:92px!important;padding:12px 14px!important;border-radius:11px!important}.alx-crm-page #leadDetail .lead-avatar{width:54px!important;height:54px!important;min-width:54px!important;font-size:20px!important}.alx-crm-page #leadDetail .identity h2{font-size:18px!important;margin-bottom:6px!important}.alx-crm-page #leadDetail .contact-lines{gap:10px!important;font-size:10px!important}.alx-crm-page #leadDetail .detail-top-actions button{height:34px!important;font-size:10px!important} body.alx-crm-page #leadDetail .lead-workbar{min-height:62px!important;padding:7px!important;gap:7px!important;border-radius:11px!important}.alx-crm-page #leadDetail .kpi-card{min-height:48px!important;padding:7px 10px!important;border-radius:8px!important}.alx-crm-page #leadDetail .kpi-card span{font-size:8.5px!important}.alx-crm-page #leadDetail .kpi-card strong{font-size:12px!important;margin-top:2px!important}.alx-crm-page #leadDetail .workbar-call,.alx-crm-page #leadDetail .workbar-appt{min-height:48px!important;height:48px!important;font-size:11px!important;border-radius:8px!important} body.alx-crm-page #leadDetail .call-result-panel{padding:9px 11px!important;border-radius:11px!important}.alx-crm-page #leadDetail .call-result-head{margin-bottom:7px!important}.alx-crm-page #leadDetail .result-icon{width:30px!important;height:30px!important}.alx-crm-page #leadDetail .result-copy strong{font-size:12px!important}.alx-crm-page #leadDetail .result-copy small{font-size:8.5px!important}.alx-crm-page #leadDetail .call-result-grid{grid-template-columns:170px minmax(240px,1fr) auto!important;gap:7px!important;align-items:end!important}.alx-crm-page #leadDetail .call-result-grid:has(.call-result-date:not([hidden])){grid-template-columns:155px minmax(180px,1fr) 180px auto!important}.alx-crm-page #leadDetail .call-result-grid label{font-size:8.5px!important}.alx-crm-page #leadDetail .call-result-grid input,.alx-crm-page #leadDetail .call-result-grid select{height:34px!important;min-height:34px!important;font-size:10.5px!important}.alx-crm-page #leadDetail .call-result-save{height:34px!important;min-height:34px!important;padding:0 18px!important;font-size:10.5px!important} body.alx-crm-page #leadDetail .general-settings-card{padding:9px 11px!important;border-radius:11px!important}.alx-crm-page #leadDetail .general-settings-head{margin-bottom:7px!important}.alx-crm-page #leadDetail .general-settings-head .settings-icon{width:30px!important;height:30px!important}.alx-crm-page #leadDetail .general-settings-head strong{font-size:12px!important}.alx-crm-page #leadDetail .general-settings-head small{font-size:8.5px!important}.alx-crm-page #leadDetail .lead-control-grid{gap:7px!important}.alx-crm-page #leadDetail .lead-control-grid select,.alx-crm-page #leadDetail .lead-control-grid button{height:34px!important;min-height:34px!important;font-size:10.5px!important}.alx-crm-page #leadDetail .section-title{font-size:8.5px!important;margin-bottom:4px!important} /* Calls / callbacks / reports / agents: dense data tables */ body.alx-crm-page .single-panel .table-wrap table th{height:32px!important;padding:0 11px!important;font-size:8.5px!important}.alx-crm-page .single-panel .table-wrap table td{height:48px!important;padding:6px 11px!important;font-size:10.5px!important}.alx-crm-page #callRows .secondary-btn{height:32px!important;min-height:32px!important;font-size:10px!important;padding:0 11px!important} /* Settings: compact 3x2 viewport-oriented grid */ body.alx-crm-page .settings-page-head{min-height:42px!important;margin-bottom:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.alx-crm-page .settings-page-head>p{font-size:10px!important;margin:0!important}.alx-crm-page .settings-savebar .primary{height:34px!important;min-height:34px!important;font-size:10.5px!important} body.alx-crm-page .settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.alx-crm-page .settings-card{min-height:0!important}.alx-crm-page .settings-card-head{min-height:48px!important;height:48px!important;padding:7px 10px!important}.alx-crm-page .settings-icon{width:30px!important;height:30px!important;border-radius:8px!important;font-size:13px!important}.alx-crm-page .settings-card-head h2{font-size:12.5px!important}.alx-crm-page .settings-card-head small{font-size:8px!important;margin-top:1px!important}.alx-crm-page .settings-form{padding:8px 10px 10px!important;gap:7px!important}.alx-crm-page .settings-card label{font-size:9px!important;gap:3px!important}.alx-crm-page .settings-card input,.alx-crm-page .settings-card select{height:32px!important;min-height:32px!important;border-radius:7px!important;font-size:10px!important;padding:0 9px!important}.alx-crm-page .switch-row{min-height:36px!important;gap:7px!important}.alx-crm-page .switch-row strong{font-size:9px!important}.alx-crm-page .switch-row small{font-size:7.8px!important}.alx-crm-page .settings-note{padding:7px 9px!important;font-size:8.5px!important}.alx-crm-page .system-lines>div{min-height:31px!important;font-size:9px!important}.alx-crm-page .status-chip,.alx-crm-page .version-chip{font-size:8.5px!important;padding:3px 8px!important} /* Dark theme: every surface/input/table/status keeps hierarchy and color information */ body.alx-crm-page.alx-dark,html[data-alx-theme="dark"] body.alx-crm-page{background:var(--alx-bg)!important;color:var(--alx-text)!important} body.alx-crm-page.alx-dark .main,html[data-alx-theme="dark"] body.alx-crm-page .main{background:radial-gradient(circle at 78% -5%,rgba(38,135,255,.08),transparent 30%),var(--alx-bg)!important} body.alx-crm-page.alx-dark input,body.alx-crm-page.alx-dark select,body.alx-crm-page.alx-dark textarea,html[data-alx-theme="dark"] body.alx-crm-page input,html[data-alx-theme="dark"] body.alx-crm-page select,html[data-alx-theme="dark"] body.alx-crm-page textarea{background:#0d2236!important;color:#edf6ff!important;border-color:#28506f!important;box-shadow:none!important} body.alx-crm-page.alx-dark input:disabled,html[data-alx-theme="dark"] body.alx-crm-page input:disabled{background:#10283f!important;color:#9eb3c7!important} body.alx-crm-page.alx-dark .lead-grid-table th,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table th{background:#0c2033!important;color:#8fa8c0!important;border-color:#1c3a54!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-new>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-new>td{background:#0d2945!important;color:#dcecff!important;border-color:#19486f!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-no_answer>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-no_answer>td{background:#111f2d!important;color:#d5e0eb!important;border-color:#25394c!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-interested>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-interested>td{background:#0c3228!important;color:#c9f5df!important;border-color:#1a5b45!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-callback>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-callback>td{background:#382d12!important;color:#ffe5a0!important;border-color:#69531d!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-dep>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-dep>td{background:#292044!important;color:#e4d8ff!important;border-color:#4c3b78!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-not_interested>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-not_interested>td{background:#382025!important;color:#ffd5d9!important;border-color:#65343b!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-wrong_number>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-wrong_number>td{background:#2c203d!important;color:#e7d3ff!important;border-color:#50366c!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-do_not_call>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-do_not_call>td{background:#421d22!important;color:#ffd0d4!important;border-color:#743038!important} body.alx-crm-page.alx-dark #leadDetail .identity,body.alx-crm-page.alx-dark #leadDetail .lead-workbar,body.alx-crm-page.alx-dark #leadDetail .kpi-card,body.alx-crm-page.alx-dark #leadDetail .call-result-panel,body.alx-crm-page.alx-dark #leadDetail .general-settings-card,body.alx-crm-page.alx-dark #leadDetail .section,html[data-alx-theme="dark"] body.alx-crm-page #leadDetail .identity,html[data-alx-theme="dark"] body.alx-crm-page #leadDetail .lead-workbar,html[data-alx-theme="dark"] body.alx-crm-page #leadDetail .kpi-card,html[data-alx-theme="dark"] body.alx-crm-page #leadDetail .call-result-panel,html[data-alx-theme="dark"] body.alx-crm-page #leadDetail .general-settings-card,html[data-alx-theme="dark"] body.alx-crm-page #leadDetail .section{background:#0c2135!important;color:#edf6ff!important;border-color:#244964!important} body.alx-crm-page.alx-dark #leadDetail .timeline-item,html[data-alx-theme="dark"] body.alx-crm-page #leadDetail .timeline-item{background:#0f2840!important;color:#eaf4ff!important;border-color:#244a67!important} /* Responsive desktop QA: no right-edge clipping */ @media(max-width:1366px){body.alx-crm-page .app-shell{grid-template-columns:205px minmax(0,1fr)!important}.alx-crm-page .sidebar{padding-left:10px!important;padding-right:10px!important}.alx-crm-page .main{padding:16px 18px 20px!important}.alx-crm-page .brand img{width:160px!important}.alx-crm-page .topbar{gap:10px!important}.alx-crm-page .page-heading{min-width:190px!important}.alx-crm-page .topbar input[type=search]{width:220px!important}.alx-crm-page .lead-filters{grid-template-columns:repeat(5,minmax(92px,1fr)) auto!important}.alx-crm-page .leads-table-head{grid-template-columns:120px minmax(0,1fr)!important}.alx-crm-page .premium-stats{gap:10px!important}.alx-crm-page .premium-stats .stat{padding-left:62px!important}.alx-crm-page .stat-icon{left:13px!important}.alx-crm-page .settings-grid{gap:9px!important}} @media(max-width:1180px){body.alx-crm-page .app-shell{grid-template-columns:190px minmax(0,1fr)!important}.alx-crm-page .topbar{align-items:flex-start!important}.alx-crm-page .topbar-right{flex-wrap:wrap!important}.alx-crm-page .top-actions{width:100%!important}.alx-crm-page .lead-filters{grid-template-columns:repeat(3,minmax(120px,1fr))!important}.alx-crm-page .leads-table-head{grid-template-columns:1fr!important;row-gap:7px!important}.alx-crm-page .bulk-assign-bar{flex-wrap:wrap!important}.alx-crm-page .bulk-assign-bar select{margin-left:0!important}.alx-crm-page .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* v4.1 selector corrections against live JS-generated markup */ body.alx-crm-page .lead-grid-table .quick-status{height:32px!important;min-height:32px!important;padding:0 9px!important;border-radius:8px!important;font-size:10px!important} body.alx-crm-page #callRows .mini-call{height:32px!important;min-height:32px!important;padding:0 11px!important;border:1px solid var(--alx-line)!important;border-radius:8px!important;background:var(--alx-panel)!important;color:var(--alx-text)!important;font-size:10px!important;font-weight:650!important} body.alx-crm-page #callRows .call-outcome{font-size:9px!important;padding:4px 8px!important;border-radius:999px!important;background:#eef2f6!important;color:#53677d!important} body.alx-crm-page.alx-dark #callRows .call-outcome,html[data-alx-theme="dark"] body.alx-crm-page #callRows .call-outcome{background:#162c40!important;color:#b8c9d9!important;border:1px solid #29465f!important} /* keep the page itself as the primary scroll container */ body.alx-crm-page .crm-view,body.alx-crm-page .single-panel,body.alx-crm-page .lead-table-panel{max-height:none!important} body.alx-crm-page #viewCalls .table-wrap,body.alx-crm-page #viewCallbacks .table-wrap,body.alx-crm-page #viewReports .table-wrap,body.alx-crm-page #viewAgents .table-wrap{max-height:calc(100vh - 175px)!important;overflow:auto!important;scrollbar-gutter:stable!important} /* hover preserves semantic row tint rather than erasing it */ body.alx-crm-page .lead-grid-table tr.status-row-interested:hover>td{background:#d9f2e4!important}body.alx-crm-page .lead-grid-table tr.status-row-callback:hover>td{background:#fce9b8!important}body.alx-crm-page .lead-grid-table tr.status-row-no_answer:hover>td{background:#edf2f6!important}body.alx-crm-page .lead-grid-table tr.status-row-dep:hover>td{background:#e8defd!important} body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-interested:hover>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-interested:hover>td{background:#10402f!important}body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-callback:hover>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-callback:hover>td{background:#473916!important}body.alx-crm-page.alx-dark .lead-grid-table tr.status-row-no_answer:hover>td,html[data-alx-theme="dark"] body.alx-crm-page .lead-grid-table tr.status-row-no_answer:hover>td{background:#162736!important} /* v4.1.12 Kurulumlar */ .alx-installers-panel{padding:22px}.alx-installer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.alx-installer-card{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;padding:20px;border:1px solid var(--border,#dfe6ee);border-radius:16px;background:var(--panel,#fff)}.alx-installer-card h3{margin:0 0 7px;font-size:18px}.alx-installer-card p{margin:0 0 10px;line-height:1.55;opacity:.78}.alx-installer-card strong{font-size:13px;opacity:.8}.alx-installer-icon{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;background:rgba(45,108,223,.12)}.alx-download-btn{grid-column:1/-1;text-align:center;text-decoration:none;padding:11px 16px;border-radius:10px}.alx-install-note{margin-top:18px}@media(max-width:850px){.alx-installer-grid{grid-template-columns:1fr}} /* v4.1.13 Kurulumlar dark-theme contrast fix */ .alx-installers-panel{background:#0b1d31!important;border-color:#1d3c59!important} .alx-installers-panel .panel-head{background:#0d2742!important;border-color:#244765!important} .alx-installers-panel .panel-head h2{color:#f4f8ff!important} .alx-installers-panel .panel-head small{color:#9fb8d2!important} .alx-installer-card{background:#0d2238!important;border:1px solid #244765!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important;color:#f4f8ff!important} .alx-installer-card h3{color:#f4f8ff!important} .alx-installer-card p{color:#b8cbe0!important;opacity:1!important} .alx-installer-card strong{color:#8fb9e8!important;opacity:1!important} .alx-installer-icon{background:#173b61!important;color:#e9f3ff!important;border:1px solid #28557f!important} .alx-download-btn{display:block!important;background:linear-gradient(180deg,#2f8cff,#1472e6)!important;color:#fff!important;border:1px solid #3b96ff!important;font-weight:800!important;box-shadow:0 8px 18px rgba(20,114,230,.22)!important} .alx-download-btn:hover{filter:brightness(1.08)!important;transform:translateY(-1px)} .alx-install-note{color:#b8cbe0!important} /* ALX CRM v4.3.2 — Calls Premium: scoped presentation, no routing/API changes */ body.alx-crm-page #viewCalls .calls-premium{--cl-surface:var(--alx-panel,#fff);--cl-surface2:var(--alx-panel2,#f5f8fc);--cl-border:var(--alx-line,#d7e5f1);--cl-text:var(--alx-text,#102a45);--cl-muted:var(--alx-muted,#72849b);color:var(--cl-text)} body.alx-crm-page #viewCalls .calls-overview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 17px} body.alx-crm-page #viewCalls .calls-overview-head h2{font-size:23px;line-height:1.15;letter-spacing:-.6px;margin:5px 0 6px;color:var(--cl-text)} body.alx-crm-page #viewCalls .calls-overview-head p{font-size:12px;color:var(--cl-muted);margin:0} body.alx-crm-page #viewCalls .calls-overline{letter-spacing:2px;font-size:9px;font-weight:850;color:#4197ff} body.alx-crm-page #viewCalls .calls-source-pill{background:var(--cl-surface2);border:1px solid var(--cl-border);border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700;color:var(--cl-muted);white-space:nowrap} body.alx-crm-page #viewCalls .calls-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px} body.alx-crm-page #viewCalls .calls-kpi{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:15px;min-height:108px;padding:18px 16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 7px 24px rgba(0,25,53,.045);position:relative;overflow:hidden} body.alx-crm-page #viewCalls .calls-kpi:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--cl-kpi,#459aff)} body.alx-crm-page #viewCalls .calls-kpi-icon{background:color-mix(in srgb,var(--cl-kpi,#459aff) 15%,transparent);color:var(--cl-kpi,#459aff);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex:none} body.alx-crm-page #viewCalls .calls-kpi-answered{--cl-kpi:#25b78d}body.alx-crm-page #viewCalls .calls-kpi-noanswer{--cl-kpi:#e9aa46}body.alx-crm-page #viewCalls .calls-kpi-duration{--cl-kpi:#aa83ef} body.alx-crm-page #viewCalls .calls-kpi span{display:block;font-size:9px;letter-spacing:1.1px;font-weight:850;color:var(--cl-muted);margin-bottom:7px} body.alx-crm-page #viewCalls .calls-kpi strong{display:block;font-size:26px;letter-spacing:-.6px;line-height:1.1;color:var(--cl-text);font-variant-numeric:tabular-nums} body.alx-crm-page #viewCalls .calls-kpi small{display:block;font-size:10px;margin-top:8px;color:var(--cl-muted)} body.alx-crm-page #viewCalls .calls-workspace{margin:0!important;background:var(--cl-surface)!important;border:1px solid var(--cl-border)!important;border-radius:16px!important;padding:0!important;overflow:hidden;min-height:340px!important} body.alx-crm-page #viewCalls .calls-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--cl-border)} body.alx-crm-page #viewCalls .calls-workspace-head h3{margin:0 0 5px;color:var(--cl-text);font-size:16px;letter-spacing:-.2px} body.alx-crm-page #viewCalls .calls-workspace-head p{margin:0;color:var(--cl-muted);font-size:11px} body.alx-crm-page #viewCalls .calls-activity{display:flex;align-items:center;gap:18px} body.alx-crm-page #viewCalls .calls-activity>div:first-child{text-align:right;min-width:80px} body.alx-crm-page #viewCalls .calls-activity strong{display:block;color:var(--cl-text);font-size:10px} body.alx-crm-page #viewCalls .calls-activity small{display:block;font-size:9px;color:var(--cl-muted)} body.alx-crm-page #viewCalls .calls-activity-bars{display:flex;gap:7px;align-items:flex-end;height:47px} body.alx-crm-page #viewCalls .calls-activity-day{display:flex;align-items:center;flex-direction:column;gap:3px} body.alx-crm-page #viewCalls .calls-activity-day .calls-activity-bar{width:14px;height:31px;display:flex;align-items:flex-end;background:var(--cl-surface2);border-radius:5px;padding:2px} body.alx-crm-page #viewCalls .calls-activity-day .calls-activity-bar span{display:block;width:100%;border-radius:3px;background:var(--cl-border)} body.alx-crm-page #viewCalls .calls-activity-day .calls-activity-bar .has-data{background:linear-gradient(0deg,#236bde,#5db6ff)} body.alx-crm-page #viewCalls .calls-activity-day>small{font-size:8px;line-height:1} body.alx-crm-page #viewCalls .calls-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 19px;background:var(--cl-surface2);border-bottom:1px solid var(--cl-border)} body.alx-crm-page #viewCalls .calls-field{min-width:0;display:block} body.alx-crm-page #viewCalls .calls-field-search{flex:1 1 225px} body.alx-crm-page #viewCalls .calls-field input,body.alx-crm-page #viewCalls .calls-field select{height:36px!important;border:1px solid var(--cl-border)!important;border-radius:9px!important;background:var(--cl-surface)!important;color:var(--cl-text)!important;font-size:11px!important;padding:0 11px!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box} body.alx-crm-page #viewCalls .calls-field:not(.calls-field-search){flex:0 1 135px} body.alx-crm-page #viewCalls .calls-field input::placeholder{color:var(--cl-muted)} body.alx-crm-page #viewCalls .calls-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} body.alx-crm-page #viewCalls .calls-reset,body.alx-crm-page #viewCalls .calls-export,body.alx-crm-page #viewCalls .calls-refresh{height:36px!important;border-radius:9px!important;border:1px solid var(--cl-border)!important;background:var(--cl-surface)!important;color:var(--cl-text)!important;padding:0 12px!important;font-size:11px!important;font-weight:750!important;cursor:pointer;white-space:nowrap} body.alx-crm-page #viewCalls .calls-export{border-color:#286fbf!important;color:#e8f4ff!important;background:#155aa9!important} body.alx-crm-page #viewCalls .calls-reset:hover,body.alx-crm-page #viewCalls .calls-refresh:hover{border-color:#4899f6!important} body.alx-crm-page #viewCalls .calls-refresh:disabled{opacity:.6;cursor:wait} body.alx-crm-page #viewCalls .calls-fetch-status{margin:10px 18px;padding:9px 12px;border-radius:9px;background:var(--cl-surface2);color:var(--cl-muted);font-size:11px} body.alx-crm-page #viewCalls .calls-fetch-status.is-error{color:#e48770;border:1px solid #c45a4b} body.alx-crm-page #viewCalls .calls-fetch-status[hidden]{display:none!important} body.alx-crm-page #viewCalls .calls-table-wrap{width:100%;max-height:none!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-gutter:auto!important} body.alx-crm-page #viewCalls .calls-data-table{width:100%;min-width:850px;border-collapse:collapse!important;margin-bottom:0!important} body.alx-crm-page #viewCalls .calls-data-table th{font-size:10px!important;letter-spacing:.65px!important;white-space:nowrap!important;text-transform:uppercase;color:var(--cl-muted)!important;background:var(--cl-surface2)!important;padding:13px 15px!important} body.alx-crm-page #viewCalls .calls-data-table td{font-size:11px!important;padding:13px 15px!important;white-space:nowrap;line-height:1.4;color:var(--cl-text)!important} body.alx-crm-page #viewCalls .calls-data-table tbody tr:hover td{background:var(--cl-surface2)!important} body.alx-crm-page #viewCalls .calls-data-table td small{font-size:10px;margin-top:3px;color:var(--cl-muted)!important;font-weight:400} body.alx-crm-page #viewCalls .calls-customer-name{font-weight:760} body.alx-crm-page #viewCalls .calls-phone{font-variant-numeric:tabular-nums;font-weight:650;color:var(--cl-text)} body.alx-crm-page #viewCalls .calls-date strong{font-size:11px;font-variant-numeric:tabular-nums;font-weight:650;color:var(--cl-text)} body.alx-crm-page #viewCalls .calls-agent{color:var(--cl-muted)} body.alx-crm-page #viewCalls .calls-direction{display:inline-flex;align-items:center;gap:5px;font-weight:650} body.alx-crm-page #viewCalls .calls-direction span{font-size:15px;color:#459aff} body.alx-crm-page #viewCalls .calls-result{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:800;background:var(--cl-surface2);color:var(--cl-muted)} body.alx-crm-page #viewCalls .calls-result i{font-style:normal;font-size:12px} body.alx-crm-page #viewCalls .calls-result.outcome-answered{background:rgba(37,183,141,.15);color:#22b98f} body.alx-crm-page #viewCalls .calls-result.outcome-no_answer{background:rgba(233,170,70,.16);color:#da9e34} body.alx-crm-page #viewCalls .calls-result.outcome-failed,body.alx-crm-page #viewCalls .calls-result.outcome-cancelled{background:rgba(222,81,93,.14);color:#ee7e86} body.alx-crm-page #viewCalls .calls-result.outcome-busy{background:rgba(93,145,228,.15);color:#6aa5ff} body.alx-crm-page #viewCalls .calls-duration{font-variant-numeric:tabular-nums;font-weight:780} body.alx-crm-page #viewCalls .calls-redial{background:rgba(61,146,255,.1)!important;border:1px solid rgba(61,146,255,.32)!important;color:#4197ff!important;font-weight:850!important;white-space:nowrap} body.alx-crm-page #viewCalls .calls-redial:hover{background:rgba(61,146,255,.2)!important} body.alx-crm-page #viewCalls .calls-muted{color:var(--cl-muted)} body.alx-crm-page #viewCalls .calls-empty{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px 12px;color:var(--cl-muted);gap:8px} body.alx-crm-page #viewCalls .calls-empty>span{display:block;font-size:28px;background:var(--cl-surface2);width:54px;height:54px;line-height:54px;border-radius:15px;color:#4398fb} body.alx-crm-page #viewCalls .calls-empty strong{color:var(--cl-text);font-size:14px} body.alx-crm-page #viewCalls .calls-empty p{font-size:11px;margin:0} body.alx-crm-page #viewCalls .calls-data-note{font-size:10px;line-height:1.5;color:var(--cl-muted);padding:12px 20px;margin:0;border-top:1px solid var(--cl-border)} @media(max-width:1200px){body.alx-crm-page #viewCalls .calls-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.alx-crm-page #viewCalls .calls-activity{display:none}body.alx-crm-page #viewCalls .calls-field:not(.calls-field-search){flex:1 1 130px}} @media(max-width:700px){body.alx-crm-page #viewCalls .calls-overview-head{align-items:flex-start;flex-direction:column}body.alx-crm-page #viewCalls .calls-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}body.alx-crm-page #viewCalls .calls-kpi{padding:11px;gap:7px;min-height:100px}body.alx-crm-page #viewCalls .calls-kpi-icon{display:none}body.alx-crm-page #viewCalls .calls-kpi strong{font-size:21px}body.alx-crm-page #viewCalls .calls-filters{padding:10px}body.alx-crm-page #viewCalls .calls-field-search{flex-basis:100%}body.alx-crm-page #viewCalls .calls-data-note{padding:12px}} /* ALX CRM v4.3.5 - Reports Premium. Entirely scoped to Reports. */ #viewReports .reports-premium{display:grid;gap:18px;padding:24px 0 40px;max-width:1620px;margin:auto;color:var(--alx-text)} #viewReports .reports-page-head{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap} #viewReports .reports-overline{font-size:11px;font-weight:850;color:#52a9ff;letter-spacing:.22em} #viewReports .reports-page-head h2{font-size:26px;line-height:1.2;margin:7px 0 7px;font-weight:750;color:var(--alx-text)} #viewReports .reports-page-head p,#viewReports .reports-panel-head p{margin:0;color:var(--alx-muted);font-size:13px} #viewReports .reports-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap} #viewReports .reports-range-label{font-size:11px;color:var(--alx-muted);display:grid;gap:5px;font-weight:700} #viewReports .reports-range-label select,#viewReports .reports-action{min-height:39px;border:1px solid var(--alx-line);background:var(--alx-panel2);color:var(--alx-text);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:650;cursor:pointer} #viewReports .reports-action:hover{border-color:#3e92e5} #viewReports .reports-action:disabled{opacity:.65;cursor:wait} #viewReports .reports-export{background:#0e65da;color:white;border-color:#247eea} #viewReports .reports-info{font-size:12px;color:var(--alx-muted);padding:10px 13px;background:var(--alx-panel2);border:1px solid var(--alx-line);border-radius:10px} #viewReports .reports-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} #viewReports .reports-kpi{min-width:0;padding:17px 17px 15px;border:1px solid var(--alx-line);border-top:3px solid #4d9dff;background:var(--alx-panel);border-radius:13px;display:grid;gap:7px} #viewReports .reports-kpi span{color:var(--alx-muted);font-size:10px;letter-spacing:.08em;font-weight:850} #viewReports .reports-kpi strong{font-size:28px;font-weight:650;line-height:1.1;color:var(--alx-text);font-variant-numeric:tabular-nums} #viewReports .reports-kpi small{color:var(--alx-muted);font-size:10px;line-height:1.45} #viewReports .reports-kpi-green{border-top-color:#2fc69a} #viewReports .reports-kpi-amber{border-top-color:#f6b44c} #viewReports .reports-kpi-violet{border-top-color:#ad8bff} #viewReports .reports-kpi-pink{border-top-color:#f67da3} #viewReports .reports-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:16px} #viewReports .reports-panels-bottom{grid-template-columns:.95fr 1.05fr} #viewReports .reports-panel{min-width:0;border:1px solid var(--alx-line);background:var(--alx-panel);border-radius:15px;padding:19px 20px 21px} #viewReports .reports-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:19px} #viewReports .reports-panel-head h3{margin:0 0 5px;font-size:17px;font-weight:700;color:var(--alx-text)} #viewReports .reports-mini-label{font-size:11px;padding:6px 10px;border:1px solid var(--alx-line);background:var(--alx-panel2);border-radius:99px;color:var(--alx-muted);white-space:nowrap} #viewReports .reports-trend{max-width:100%;overflow-x:auto;padding:8px 2px 2px} #viewReports .reports-trend-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;min-width:490px;align-items:end} #viewReports .reports-trend-bars:has(> :nth-child(8):last-child){grid-template-columns:repeat(8,minmax(0,1fr));min-width:0} #viewReports .reports-trend-bars:has(> :nth-child(7):last-child){grid-template-columns:repeat(7,minmax(0,1fr));min-width:0} #viewReports .reports-trend-bars.is-month{grid-template-columns:repeat(30,minmax(0,1fr));min-width:610px;gap:3px} #viewReports .reports-trend-bin{min-width:0;display:grid;grid-template-rows:18px 118px 25px;gap:4px;text-align:center;align-items:end;font-size:10px;color:var(--alx-muted)} #viewReports .reports-trend-bin strong{font-size:10px;min-height:18px;font-weight:650;color:var(--alx-text)} #viewReports .reports-trend-bin small{font-size:9px;overflow:hidden;white-space:nowrap} #viewReports .reports-trend-column{height:118px;display:flex;align-items:flex-end;background:linear-gradient(to top,transparent 24%,rgba(100,150,195,.07) 25%,transparent 26%,transparent 49%,rgba(100,150,195,.07) 50%,transparent 51%,transparent 74%,rgba(100,150,195,.07) 75%,transparent 76%);border-bottom:1px solid var(--alx-line)} #viewReports .reports-trend-column span{display:block;width:100%;min-height:3px;background:var(--alx-line);border-radius:5px 5px 0 0} #viewReports .reports-trend-column span.has-data{background:linear-gradient(0deg,#136be7,#56b4ff)} #viewReports .reports-outcomes,#viewReports .reports-stages{display:grid;gap:12px} #viewReports .reports-outcome-line,#viewReports .reports-stage-line{display:grid;grid-template-columns:minmax(96px,145px) minmax(70px,1fr) 38px;align-items:center;gap:10px;color:var(--alx-text);font-size:12px} #viewReports .reports-outcome-key{display:flex;align-items:center;gap:8px} #viewReports .reports-outcome-key i{width:9px;height:9px;border-radius:50%;display:block;flex-shrink:0} #viewReports .reports-outcome-line strong,#viewReports .reports-stage-line strong{font-variant-numeric:tabular-nums;text-align:right;font-weight:700} #viewReports .reports-outcome-track,#viewReports .reports-stage-track{height:9px;background:var(--alx-panel2);border-radius:99px;overflow:hidden} #viewReports .reports-outcome-track span,#viewReports .reports-stage-track span{height:100%;display:block;border-radius:99px} #viewReports .reports-stage-track span{background:linear-gradient(90deg,#247bea,#4db4ff)} #viewReports .reports-ops{display:grid;gap:12px} #viewReports .reports-ops>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--alx-line)} #viewReports .reports-ops>div:last-child{border-bottom:0} #viewReports .reports-ops span{font-size:12px;color:var(--alx-muted)} #viewReports .reports-ops strong{font-size:19px;font-weight:680;font-variant-numeric:tabular-nums} #viewReports .reports-table-container{overflow:auto} #viewReports .reports-table{width:100%;border-collapse:collapse;min-width:780px;font-size:12px} #viewReports .reports-table th{padding:12px 14px;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--alx-muted);background:var(--alx-panel2);white-space:nowrap} #viewReports .reports-table th:first-child{text-align:left;border-radius:9px 0 0 9px} #viewReports .reports-table td{padding:14px;text-align:right;border-bottom:1px solid var(--alx-line);font-variant-numeric:tabular-nums;color:var(--alx-text)} #viewReports .reports-table td:first-child{text-align:left} #viewReports .reports-table td strong{font-weight:680} #viewReports .reports-table tbody tr:hover{background:var(--alx-panel2)} #viewReports .reports-table-foot,#viewReports .reports-method-note{margin:12px 0 0;font-size:11px;line-height:1.7;color:var(--alx-muted)} #viewReports .reports-method-note{margin-top:0;padding:0 4px} #viewReports .reports-empty{padding:30px 12px;color:var(--alx-muted);font-size:13px;text-align:center} @media(max-width:1360px){#viewReports .reports-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:950px){#viewReports .reports-panels,#viewReports .reports-panels-bottom{grid-template-columns:1fr}#viewReports .reports-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:540px){#viewReports .reports-premium{padding:18px 0 30px;gap:13px}#viewReports .reports-kpi-grid{gap:8px}#viewReports .reports-kpi{padding:13px}#viewReports .reports-kpi strong{font-size:24px}#viewReports .reports-panel{padding:15px 12px}#viewReports .reports-outcome-line,#viewReports .reports-stage-line{grid-template-columns:minmax(92px,125px) minmax(50px,1fr) 26px;gap:7px}} /* ALX CRM v4.3.6 — Agents Premium; scoped strictly to Agents. */ #viewAgents .agents-premium{display:grid;gap:19px;padding:24px 0 40px;max-width:1680px;margin:0 auto;color:var(--alx-text)} #viewAgents .agents-page-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:18px} #viewAgents .agents-overline{font-size:11px;font-weight:850;letter-spacing:.18em;color:#54a9ff} #viewAgents .agents-page-head h2{font-size:27px;margin:7px 0 6px;font-weight:750;color:var(--alx-text)} #viewAgents .agents-page-head p,#viewAgents .agents-panel-heading p{color:var(--alx-muted);font-size:13px;margin:0;line-height:1.5} #viewAgents .agents-head-actions{display:flex;flex-wrap:wrap;gap:9px} #viewAgents .agents-action{border:1px solid var(--alx-line);background:var(--alx-panel2);color:var(--alx-text);padding:10px 13px;font-size:12px;font-weight:700;border-radius:9px;cursor:pointer;min-height:39px;white-space:nowrap} #viewAgents .agents-action:hover{border-color:#428dde} #viewAgents .agents-action-primary{background:#1769dc;border-color:#267eec;color:#fff} #viewAgents .agents-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} #viewAgents .agents-kpi{display:grid;gap:7px;border:1px solid var(--alx-line);border-top:3px solid #4d9dff;background:var(--alx-panel);padding:16px;border-radius:13px;min-width:0} #viewAgents .agents-kpi span{font-size:10px;letter-spacing:.09em;font-weight:850;color:var(--alx-muted)} #viewAgents .agents-kpi strong{font-weight:650;font-size:29px;line-height:1.18;color:var(--alx-text);font-variant-numeric:tabular-nums} #viewAgents .agents-kpi small{font-size:10px;color:var(--alx-muted);line-height:1.4} #viewAgents .agents-kpi-green{border-top-color:#2cc99c} #viewAgents .agents-kpi-violet{border-top-color:#a68cff} #viewAgents .agents-kpi-orange{border-top-color:#f5b14d} #viewAgents .agents-kpi-cyan{border-top-color:#41c4e8} #viewAgents .agents-panel{border:1px solid var(--alx-line);background:var(--alx-panel);border-radius:15px;overflow:hidden;min-width:0} #viewAgents .agents-panel-heading{padding:20px 20px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap} #viewAgents .agents-panel-heading h3{font-size:17px;font-weight:700;color:var(--alx-text);margin:0 0 4px} #viewAgents .agents-summary-label{font-size:11px;padding:6px 10px;border:1px solid var(--alx-line);background:var(--alx-panel2);border-radius:99px;color:var(--alx-muted)} #viewAgents .agents-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;padding:13px 18px;border-top:1px solid var(--alx-line);border-bottom:1px solid var(--alx-line);background:var(--alx-panel2)} #viewAgents .agents-toolbar label{display:block;min-width:135px;flex:0 1 auto} #viewAgents .agents-toolbar .agents-search-wrap{min-width:220px;flex:1 1 240px} #viewAgents .agents-toolbar input,#viewAgents .agents-toolbar select{width:100%;min-height:39px;border:1px solid var(--alx-line);border-radius:9px;background:var(--alx-panel);color:var(--alx-text);padding:9px 12px;font-size:12px;outline-offset:2px} #viewAgents .agents-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #viewAgents .agents-table-container{overflow:auto;max-height:none;scrollbar-gutter:stable} #viewAgents .agents-table{width:100%;border-collapse:collapse;min-width:1100px;color:var(--alx-text);font-size:12px} #viewAgents .agents-table thead th{padding:14px 13px;text-align:left;color:var(--alx-muted);font-size:10px;letter-spacing:.055em;background:var(--alx-panel2);white-space:nowrap} #viewAgents .agents-table tbody td{padding:14px 13px;vertical-align:middle;border-top:1px solid var(--alx-line)} #viewAgents .agents-table tbody tr:hover{background:var(--alx-panel2)} #viewAgents .agents-person{display:flex;align-items:center;gap:11px;min-width:190px} #viewAgents .agents-avatar{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;color:#92c6ff;border:1px solid #284a73;background:#18375b;font-weight:750;font-size:12px} #viewAgents .agents-person-text{display:grid;gap:2px;min-width:0} #viewAgents .agents-person-text strong{color:var(--alx-text);font-size:13px;font-weight:680;white-space:nowrap} #viewAgents .agents-person-text small{font-size:10px;line-height:1.45;color:var(--alx-muted);overflow-wrap:anywhere} #viewAgents .agents-number{font-variant-numeric:tabular-nums;font-size:15px;font-weight:650} #viewAgents .agents-answered{color:#31bd9a} #viewAgents .agents-unknown{color:#e9aa48} #viewAgents .agents-role,#viewAgents .agents-account-status{display:inline-flex;align-items:center;border:1px solid var(--alx-line);border-radius:99px;padding:5px 9px;font-size:10px;font-weight:750;white-space:nowrap} #viewAgents .agents-role.role-admin{color:#bf9fff;background:rgba(151,103,255,.09);border-color:rgba(151,103,255,.25)} #viewAgents .agents-role.role-manager{color:#64bbff;background:rgba(60,155,255,.1);border-color:rgba(60,155,255,.25)} #viewAgents .agents-role.role-sales{color:var(--alx-muted);background:var(--alx-panel2)} #viewAgents .agents-account-status.is-active{color:#2ac49f;border-color:rgba(42,196,159,.25);background:rgba(42,196,159,.08)} #viewAgents .agents-account-status.is-inactive{color:#e18b91;border-color:rgba(225,139,145,.25);background:rgba(225,139,145,.07)} #viewAgents .agents-controls{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:200px} #viewAgents .agents-small-btn,#viewAgents .agents-pass-reveal{border:1px solid var(--alx-line);background:var(--alx-panel2);color:var(--alx-text);padding:7px 8px;border-radius:7px;font-size:10px;font-weight:650;cursor:pointer;white-space:nowrap} #viewAgents .agents-small-btn:hover,#viewAgents .agents-pass-reveal:hover{border-color:#479cf0} #viewAgents .agents-danger-btn{color:#e27e89;border-color:#99445170} #viewAgents .agents-pass-text{display:block;margin-top:6px;max-width:130px;white-space:normal;overflow-wrap:anywhere;color:var(--alx-text);font-size:10px} #viewAgents .agents-lock,#viewAgents .agents-password-muted{color:var(--alx-muted);font-size:11px} #viewAgents .agents-footnote{margin:0;padding:14px 19px;color:var(--alx-muted);font-size:11px;line-height:1.65;border-top:1px solid var(--alx-line)} #viewAgents .agents-empty{padding:32px 15px;color:var(--alx-muted);text-align:center;font-size:13px} @media(max-width:1300px){#viewAgents .agents-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:800px){#viewAgents .agents-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#viewAgents .agents-premium{padding:18px 0 30px;gap:13px}#viewAgents .agents-panel-heading{padding:16px}#viewAgents .agents-toolbar{padding:12px}#viewAgents .agents-page-head h2{font-size:24px}} @media(max-width:470px){#viewAgents .agents-kpi-grid{gap:7px}#viewAgents .agents-kpi{padding:12px}#viewAgents .agents-kpi strong{font-size:25px}} /* ALX CRM v4.3.7 — Agents-only vertical scrolling fix. Legacy desktop body overflow:hidden blocks the normal document scrollbar. Keep the topbar and side navigation as they are; scroll only the Agents view. No change to REST, user actions, Bridge, or other CRM views. */ @media (min-width: 901px) { body.alx-crm-page:has(#viewAgents.is-active) .main { height: 100vh !important; height: 100dvh !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } body.alx-crm-page #viewAgents.is-active { display: block !important; flex: 1 1 auto !important; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; scrollbar-gutter: stable; overscroll-behavior-y: contain; padding-bottom: 24px !important; } } /* Mobile: preserve normal page scrolling and horizontal table swipe. */ @media (max-width: 900px) { body.alx-crm-page #viewAgents.is-active { height: auto !important; max-height: none !important; overflow: visible !important; } body.alx-crm-page #viewAgents .agents-table-container { overflow-x: auto !important; } } /* v4.3.8: distinguish verified operator attribution from legacy unknown calls. */ .agents-unattributed-note {padding:9px 16px;border-top:1px solid rgba(126,165,209,.12);color:#b9cee5;font-size:12px;line-height:1.5;background:rgba(15,43,69,.45)} /* ALX CRM v4.3.9 — Settings Premium. Scoped to Settings view only. */ body.alx-crm-page:has(#viewSettings.is-active){overflow:hidden!important} body.alx-crm-page #viewSettings.settings-premium.is-active{display:block!important;height:calc(100vh - 114px)!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#496986 transparent;padding:14px 4px 38px!important;box-sizing:border-box!important} body.alx-crm-page #viewSettings .settings-premium-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;padding:1px 0 14px!important} body.alx-crm-page #viewSettings .settings-premium-title h2{font-size:25px!important;letter-spacing:-.03em!important;margin:6px 0 3px!important;color:var(--alx-text)!important} body.alx-crm-page #viewSettings .settings-premium-title p{font-size:11px!important;color:var(--alx-muted)!important;margin:0!important} body.alx-crm-page #viewSettings .settings-overline{font-size:9px!important;font-weight:850!important;letter-spacing:.19em!important;color:#449cff!important} body.alx-crm-page #viewSettings .settings-premium-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important} body.alx-crm-page #viewSettings #settingsSaveMsg{font-size:11px!important;color:var(--alx-muted)!important;white-space:normal!important;max-width:230px!important} body.alx-crm-page #viewSettings #settingsSaveMsg[data-state=success]{color:#25cda3!important} body.alx-crm-page #viewSettings #settingsSaveMsg[data-state=pending]{color:#f4b342!important} body.alx-crm-page #viewSettings #settingsSaveMsg[data-state=error]{color:#f27785!important} body.alx-crm-page #viewSettings .settings-secondary-btn{height:35px!important;padding:0 14px!important;border:1px solid var(--alx-border-strong)!important;background:var(--alx-surface-2)!important;color:var(--alx-text)!important;border-radius:9px!important;font-size:11px!important;cursor:pointer!important} body.alx-crm-page #viewSettings .settings-premium-actions button:disabled{opacity:.46!important;cursor:not-allowed!important} body.alx-crm-page #viewSettings .settings-health-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important} body.alx-crm-page #viewSettings .settings-health-tile{min-height:100px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:15px!important;background:var(--alx-surface)!important;border:1px solid var(--alx-border)!important;border-radius:13px!important;box-shadow:none!important;box-sizing:border-box!important} body.alx-crm-page #viewSettings .settings-health-icon{width:41px!important;height:41px!important;flex:0 0 41px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#12375e!important;color:#59a7ff!important;font-size:23px!important} body.alx-crm-page #viewSettings .settings-health-icon.green{background:#0f403e!important;color:#32d6a5!important} body.alx-crm-page #viewSettings .settings-health-icon.purple{background:#332955!important;color:#a996ff!important} body.alx-crm-page #viewSettings .settings-health-icon.amber{background:#42331e!important;color:#ffbd5a!important} body.alx-crm-page #viewSettings .settings-health-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important} body.alx-crm-page #viewSettings .settings-health-copy>span{font-size:9px!important;font-weight:850!important;letter-spacing:.1em!important;color:var(--alx-muted)!important} body.alx-crm-page #viewSettings .settings-health-copy>strong{font-size:17px!important;line-height:1.17!important;color:var(--alx-text)!important;overflow-wrap:anywhere!important} body.alx-crm-page #viewSettings .settings-health-copy>strong[data-state=ok]{color:#26cda5!important} body.alx-crm-page #viewSettings .settings-health-copy>strong[data-state=error]{color:#f27785!important} body.alx-crm-page #viewSettings .settings-health-copy>small{font-size:9px!important;color:var(--alx-muted)!important;line-height:1.4!important} body.alx-crm-page #viewSettings .settings-premium-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;gap:12px!important;align-items:stretch!important;height:auto!important;min-height:0!important} body.alx-crm-page #viewSettings .settings-premium-grid>.settings-premium-card{min-height:280px!important;max-height:none!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} body.alx-crm-page #viewSettings .settings-premium-card .settings-card-head{display:flex!important;align-items:center!important;gap:10px!important;height:58px!important;min-height:58px!important;padding:10px 13px!important} body.alx-crm-page #viewSettings .settings-card-head>div{min-width:0!important;flex:1!important} body.alx-crm-page #viewSettings .settings-card-head h2{font-size:13.5px!important;white-space:normal!important} body.alx-crm-page #viewSettings .settings-card-head small{font-size:9.5px!important;line-height:1.4!important} body.alx-crm-page #viewSettings .settings-card-tag{font-size:8px!important;font-weight:850!important;color:#81b6fe!important;background:#153652!important;border:1px solid #315777!important;border-radius:6px!important;padding:5px 7px!important;white-space:nowrap!important} body.alx-crm-page #viewSettings .settings-card-tag.live{color:#31d3aa!important;border-color:#19665f!important;background:#103c36!important} body.alx-crm-page #viewSettings .settings-card-tag.safe{color:#f8c16b!important;border-color:#765c26!important;background:#3b301e!important} body.alx-crm-page #viewSettings .settings-premium-card>.settings-form{display:flex!important;flex-direction:column!important;flex:1!important;gap:11px!important;min-height:0!important;height:auto!important;padding:14px!important;overflow:visible!important} body.alx-crm-page #viewSettings .settings-premium-card>.settings-form label{font-size:11px!important;font-weight:720!important} body.alx-crm-page #viewSettings .settings-premium-card input[type=text],body.alx-crm-page #viewSettings .settings-premium-card input[type=number],body.alx-crm-page #viewSettings .settings-premium-card select{height:38px!important;min-height:38px!important;font-size:11px!important;padding:7px 11px!important} body.alx-crm-page #viewSettings .settings-premium-card .suffix-input,body.alx-crm-page #viewSettings .settings-premium-card .suffix-input input,body.alx-crm-page #viewSettings .settings-premium-card .suffix-input span{height:38px!important;min-height:38px!important} body.alx-crm-page #viewSettings .settings-premium-card .switch-row{min-height:39px!important;align-items:center!important} body.alx-crm-page #viewSettings .settings-premium-card .switch-row strong{font-size:11px!important} body.alx-crm-page #viewSettings .settings-premium-card .switch-row small{font-size:9.5px!important;line-height:1.5!important} body.alx-crm-page #viewSettings .settings-premium-card .settings-hint{margin-top:auto!important;padding:9px 10px!important;border:1px solid var(--alx-border)!important;border-radius:8px!important;background:var(--alx-surface-2)!important;color:var(--alx-muted)!important;font-size:10px!important;line-height:1.55!important} body.alx-crm-page #viewSettings .settings-field-title{font-size:11px!important;color:var(--alx-text)!important;font-weight:750!important} body.alx-crm-page #viewSettings .settings-theme-selector{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important} body.alx-crm-page #viewSettings .settings-theme-option{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-height:99px!important;padding:12px!important;border-radius:11px!important;text-align:left!important;background:var(--alx-surface-2)!important;color:var(--alx-text)!important;border:1px solid var(--alx-border)!important;cursor:pointer!important} body.alx-crm-page #viewSettings .settings-theme-option.selected{border-color:#2589fa!important;box-shadow:0 0 0 1px #2589fa inset!important;background:var(--alx-surface-3)!important} body.alx-crm-page #viewSettings .settings-theme-option>span{font-size:22px!important;color:#79b5fe!important} body.alx-crm-page #viewSettings .settings-theme-option>b{font-size:12px!important} body.alx-crm-page #viewSettings .settings-theme-option>small{font-size:9px!important;color:var(--alx-muted)!important} body.alx-crm-page #viewSettings .settings-theme-preview{height:35px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--alx-surface-2)!important;border:1px solid var(--alx-border)!important;border-radius:8px!important;padding:0 11px!important;color:var(--alx-muted)!important;font-size:9px!important;font-weight:750!important;letter-spacing:.1em!important} body.alx-crm-page #viewSettings .settings-theme-preview-bars{display:flex!important;align-items:flex-end!important;gap:4px!important;height:20px!important} body.alx-crm-page #viewSettings .settings-theme-preview-bars i{display:block!important;width:13px!important;border-radius:3px 3px 0 0!important;background:#388ef1!important;height:8px!important} body.alx-crm-page #viewSettings .settings-theme-preview-bars i:nth-child(2){height:14px!important}body.alx-crm-page #viewSettings .settings-theme-preview-bars i:nth-child(3){height:10px!important}body.alx-crm-page #viewSettings .settings-theme-preview-bars i:nth-child(4){height:18px!important} body.alx-crm-page #viewSettings .settings-readonly-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:8px 0!important;border-bottom:1px solid var(--alx-border)!important;font-size:10px!important;color:var(--alx-muted)!important} body.alx-crm-page #viewSettings .settings-readonly-row strong{color:var(--alx-text)!important;font-size:10.5px!important;text-align:right!important;overflow-wrap:anywhere!important} body.alx-crm-page #viewSettings .settings-inline-status[data-state=ok]{color:#28d3a3!important}body.alx-crm-page #viewSettings .settings-inline-status[data-state=error]{color:#ff8792!important}body.alx-crm-page #viewSettings .settings-inline-status.neutral{color:var(--alx-muted)!important} body.alx-crm-page #viewSettings .settings-premium-system .settings-test-btn{height:37px!important;font-size:11px!important;cursor:pointer!important} body.alx-crm-page #viewSettings .settings-premium-footnote{padding:13px 15px!important;border:1px solid var(--alx-border)!important;border-radius:10px!important;color:var(--alx-muted)!important;font-size:10px!important;line-height:1.7!important;margin:14px 0 0!important;background:var(--alx-surface)!important} @media(max-width:1320px){body.alx-crm-page #viewSettings .settings-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.alx-crm-page #viewSettings .settings-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:880px){body.alx-crm-page #viewSettings .settings-premium-grid{grid-template-columns:1fr!important}body.alx-crm-page #viewSettings .settings-health-grid{grid-template-columns:1fr 1fr!important}body.alx-crm-page #viewSettings.settings-premium.is-active{height:calc(100vh - 120px)!important}} @media(max-width:570px){body.alx-crm-page #viewSettings .settings-health-grid{grid-template-columns:1fr!important}body.alx-crm-page #viewSettings .settings-premium-top{align-items:stretch!important}body.alx-crm-page #viewSettings .settings-premium-actions{justify-content:space-between!important}body.alx-crm-page #viewSettings .settings-premium-title h2{font-size:21px!important}} /* ALX CRM v4.3.10 — Dashboard Premium. Scope all visual changes to Dashboard. */ body.alx-crm-page #viewDashboard.dashboard-premium{color:var(--alx-text);padding:14px 4px 36px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#496986 transparent;overscroll-behavior-y:contain} @media(min-width:901px){body.alx-crm-page:has(#viewDashboard.is-active){overflow:hidden!important}body.alx-crm-page:has(#viewDashboard.is-active) .main{height:100vh!important;height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}body.alx-crm-page #viewDashboard.is-active{display:block!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}} body.alx-crm-page #viewDashboard .dashboard-premium-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 14px} body.alx-crm-page #viewDashboard .dash-premium-overline{font-size:9px;letter-spacing:.2em;font-weight:850;color:#419aff} body.alx-crm-page #viewDashboard .dashboard-premium-head h2{font-size:24px;font-weight:810;color:var(--alx-text);margin:5px 0 6px;letter-spacing:-.04em;line-height:1.1} body.alx-crm-page #viewDashboard .dashboard-premium-head p{font-size:11px;color:var(--alx-muted);margin:0;line-height:1.5} body.alx-crm-page #viewDashboard .dash-premium-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap} body.alx-crm-page #viewDashboard .dash-premium-updated{color:var(--alx-muted);font-size:10px;white-space:nowrap} body.alx-crm-page #viewDashboard .dash-refresh-btn,body.alx-crm-page #viewDashboard .dash-go-btn{padding:0 14px;height:36px;border:1px solid var(--alx-line);background:var(--alx-panel);border-radius:9px;color:var(--alx-text);font-size:11px;font-weight:740;cursor:pointer;white-space:nowrap} body.alx-crm-page #viewDashboard .dash-go-btn{background:linear-gradient(180deg,#2788fb,#1469df);color:#fff;border-color:#2887fb} body.alx-crm-page #viewDashboard .dash-refresh-btn:disabled{opacity:.55;cursor:wait} body.alx-crm-page #viewDashboard .dash-premium-dataset{color:#91aeca;background:var(--alx-panel2);border:1px solid var(--alx-line);font-size:10px;padding:10px 14px;border-radius:10px;margin-bottom:14px;line-height:1.5} body.alx-crm-page #viewDashboard .dash-premium-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px} body.alx-crm-page #viewDashboard .dash-premium-kpi{position:relative;overflow:hidden;min-height:98px;display:flex;align-items:center;gap:12px;background:var(--alx-panel);border:1px solid var(--alx-line);border-radius:13px;padding:15px 16px;box-shadow:0 9px 27px rgba(0,26,53,.055)} body.alx-crm-page #viewDashboard .dash-premium-kpi:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--dash-accent,#399aff)} body.alx-crm-page #viewDashboard .dash-premium-kpi-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--dash-accent,#399aff) 13%,transparent);color:var(--dash-accent,#399aff);font-weight:850;font-size:21px} body.alx-crm-page #viewDashboard .dash-premium-kpi>div:last-child{min-width:0} body.alx-crm-page #viewDashboard .dash-premium-kpi span{display:block;color:var(--alx-muted);font-size:9px;letter-spacing:.105em;font-weight:860;margin-bottom:5px} body.alx-crm-page #viewDashboard .dash-premium-kpi strong{display:block;color:var(--alx-text);font-size:27px;line-height:1.1;letter-spacing:-.05em;font-variant-numeric:tabular-nums} body.alx-crm-page #viewDashboard .dash-premium-kpi small{display:block;color:var(--alx-muted);font-size:9.5px;margin-top:5px;line-height:1.45} #viewDashboard .dash-premium-kpi-sky{--dash-accent:#4397ff}#viewDashboard .dash-premium-kpi-green{--dash-accent:#2bc996}#viewDashboard .dash-premium-kpi-violet{--dash-accent:#a38aff}#viewDashboard .dash-premium-kpi-teal{--dash-accent:#31bdd5}#viewDashboard .dash-premium-kpi-orange{--dash-accent:#f2b14d} body.alx-crm-page #viewDashboard .dash-mini-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 15px} body.alx-crm-page #viewDashboard .dash-mini-row>div{background:var(--alx-panel2);border:1px solid var(--alx-line);border-radius:11px;padding:10px 13px;display:flex;gap:8px;align-items:center;min-width:0} body.alx-crm-page #viewDashboard .dash-mini-row span:not(.dash-mini-dot){font-size:10px;color:var(--alx-muted);flex:1;min-width:0} body.alx-crm-page #viewDashboard .dash-mini-row strong{font-size:17px;font-weight:850;font-variant-numeric:tabular-nums} body.alx-crm-page #viewDashboard .dash-mini-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#68aaff} body.alx-crm-page #viewDashboard .mini-yellow{background:#eeb14d}body.alx-crm-page #viewDashboard .mini-blue{background:#4b9fff}body.alx-crm-page #viewDashboard .mini-red{background:#ed738b}body.alx-crm-page #viewDashboard .mini-green{background:#2cca98}body.alx-crm-page #viewDashboard .mini-orange{background:#ffad48} body.alx-crm-page #viewDashboard .dash-premium-analytics{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin:0 0 14px} body.alx-crm-page #viewDashboard .dash-analytics-panel{background:var(--alx-panel);border:1px solid var(--alx-line);border-radius:14px;overflow:hidden;min-height:238px} body.alx-crm-page #viewDashboard .dash-analytics-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px 14px;border-bottom:1px solid var(--alx-line)} body.alx-crm-page #viewDashboard .dash-analytics-head h3{font-size:14px;font-weight:800;color:var(--alx-text);margin:0 0 4px} body.alx-crm-page #viewDashboard .dash-analytics-head p{font-size:10px;color:var(--alx-muted);margin:0} body.alx-crm-page #viewDashboard .dash-summary-tag{color:#91bfff;background:var(--alx-panel2);border:1px solid var(--alx-line);border-radius:20px;padding:7px 10px;font-size:10px;white-space:nowrap} body.alx-crm-page #viewDashboard .dash-inline-link{color:#7fb3ff;background:transparent;border:0;font-weight:720;font-size:9.5px;cursor:pointer;letter-spacing:.01em} body.alx-crm-page #viewDashboard .dash-chart{min-height:157px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:9px;padding:15px 20px 14px} body.alx-crm-page #viewDashboard .dash-chart-day{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;height:128px;justify-content:flex-end} body.alx-crm-page #viewDashboard .dash-chart-day>strong{font-size:10px;color:var(--alx-text);font-weight:820;min-height:14px} body.alx-crm-page #viewDashboard .dash-chart-track{height:85px;width:100%;max-width:29px;display:flex;align-items:flex-end;background:var(--alx-panel2);border-radius:7px 7px 3px 3px;overflow:hidden;border:1px solid var(--alx-line)} body.alx-crm-page #viewDashboard .dash-chart-track span{width:100%;display:block;background:linear-gradient(0deg,#226fe2,#60b5ff);border-radius:5px 5px 2px 2px;transition:height .25s ease} body.alx-crm-page #viewDashboard .dash-chart-day>small{font-size:9px;color:var(--alx-muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.alx-crm-page #viewDashboard .dash-outcome-grid{padding:20px 18px 12px;display:grid;gap:13px} body.alx-crm-page #viewDashboard .dash-outcome-grid>div{display:flex;align-items:center;gap:10px;min-height:26px} body.alx-crm-page #viewDashboard .dash-outcome-grid span:not(.dash-mini-dot){font-size:11px;color:var(--alx-muted);flex:1} body.alx-crm-page #viewDashboard .dash-outcome-grid strong{font-size:17px;color:var(--alx-text);font-variant-numeric:tabular-nums} body.alx-crm-page #viewDashboard .dash-accuracy-note{padding:0 18px 15px;font-size:9.5px;line-height:1.5;color:var(--alx-muted);margin:0} body.alx-crm-page #viewDashboard .dash-premium-workspace.dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dashboard-card{min-height:140px!important;background:var(--alx-panel)!important;border-color:var(--alx-line)!important;overflow:hidden!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dashboard-card-head{background:var(--alx-panel)!important;border-color:var(--alx-line)!important;height:auto!important;min-height:59px!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dashboard-card-head h2{font-size:13px!important;color:var(--alx-text)!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dashboard-card-head small{font-size:9.5px!important;color:var(--alx-muted)!important} body.alx-crm-page #viewDashboard .dashboard-card-body{max-height:275px!important;overflow:auto!important;background:var(--alx-panel)!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-row{background:var(--alx-panel)!important;color:var(--alx-text)!important;border-color:var(--alx-line)!important;grid-template-columns:minmax(0,1fr) auto auto!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-appts .dash-row,body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-follow .dash-row{grid-template-columns:117px minmax(0,1fr) auto!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-row:hover{background:var(--alx-panel2)!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-time{color:var(--alx-muted)!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-table-wrap{width:100%;overflow-x:auto;scrollbar-width:thin} body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-table{min-width:500px!important;width:100%!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-table th{white-space:nowrap;background:var(--alx-panel2)!important;border-color:var(--alx-line)!important;font-size:8.5px!important} body.alx-crm-page #viewDashboard .dash-premium-workspace .dash-table td{white-space:nowrap;background:var(--alx-panel)!important;border-color:var(--alx-line)!important;color:var(--alx-text)!important;font-size:10px!important} body.alx-crm-page #viewDashboard .dash-table-note{padding:8px 13px 10px;margin:0;font-size:9px;color:var(--alx-muted);line-height:1.4} body.alx-crm-page #viewDashboard .dash-footer-note{color:var(--alx-muted);font-size:10px;line-height:1.65;margin:15px 0 0;border-top:1px solid var(--alx-line);padding:12px 3px 10px} @media(max-width:1190px){body.alx-crm-page #viewDashboard .dash-premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:840px){body.alx-crm-page #viewDashboard .dash-premium-analytics{grid-template-columns:1fr}body.alx-crm-page #viewDashboard .dash-premium-workspace.dashboard-grid{grid-template-columns:1fr!important}body.alx-crm-page #viewDashboard .dash-premium-head{gap:11px}body.alx-crm-page #viewDashboard .dash-mini-row{grid-template-columns:1fr}} @media(max-width:540px){body.alx-crm-page #viewDashboard .dash-premium-kpis{gap:8px}body.alx-crm-page #viewDashboard .dash-premium-kpi{gap:8px;padding:12px 9px;min-height:94px}body.alx-crm-page #viewDashboard .dash-premium-kpi-icon{width:29px;height:29px;font-size:15px}body.alx-crm-page #viewDashboard .dash-premium-kpi span{font-size:7.5px}body.alx-crm-page #viewDashboard .dash-premium-kpi strong{font-size:23px}body.alx-crm-page #viewDashboard .dash-premium-kpi small{font-size:8px}} /* ALX CRM v4.3.11 — Dashboard Studio. Scoped to #viewDashboard; no backend/Bridge/other view changes. */ body.alx-crm-page #viewDashboard.dashboard-studio{ --dash-v2-bg:var(--alx-panel); --dash-v2-border:var(--alx-line); --dash-v2-muted:var(--alx-muted); --dash-v2-text:var(--alx-text); --dash-v2-shine:#4a8cff; padding:18px 6px 34px; line-height:1.45; scroll-padding-top:16px; } body.alx-crm-page #viewDashboard.dashboard-studio :is(button,a):focus-visible{ outline:2px solid #78b5ff;outline-offset:2px; } body.alx-crm-page #viewDashboard.dashboard-studio .dash-studio-hero{ position:relative;overflow:hidden; align-items:center;gap:20px;padding:23px 24px; margin-bottom:15px;border:1px solid var(--alx-line); background:radial-gradient(ellipse 70% 150% at 100% 0%,rgba(53,113,211,.105),transparent 70%), linear-gradient(120deg,var(--alx-panel),var(--alx-panel2)); border-radius:17px; box-shadow:0 16px 30px rgba(0,11,28,.07); } body.alx-crm-page #viewDashboard.dashboard-studio .dash-studio-hero:after{content:'';pointer-events:none;position:absolute;width:175px;height:175px;right:20%;top:-145px;border:1px solid rgba(94,155,244,.12);border-radius:50%} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-overline{display:inline-flex;align-items:center;gap:8px;font-size:9px!important;letter-spacing:.16em!important;color:#77aefe!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-overline-mark{width:7px;height:7px;border-radius:2px;background:#6099f9;box-shadow:0 0 0 3px rgba(96,153,249,.10)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-studio-hero h2{font-size:clamp(22px,2.25vw,30px);font-weight:780;line-height:1.2;letter-spacing:-.042em;margin:9px 0 7px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-title-dot{color:#5f9fff} body.alx-crm-page #viewDashboard.dashboard-studio .dash-studio-hero p{font-size:11.5px;max-width:600px;line-height:1.58} body.alx-crm-page #viewDashboard.dashboard-studio .dash-hero-caption{display:flex;align-items:center;gap:7px;margin-top:12px;color:var(--alx-muted);font-size:9.5px;flex-wrap:wrap} body.alx-crm-page #viewDashboard.dashboard-studio .dash-hero-check{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:rgba(39,187,138,.14);color:#37c99d;font-weight:850} body.alx-crm-page #viewDashboard.dashboard-studio .dash-hero-separator{opacity:.5} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-actions{margin-left:auto;justify-content:flex-end;max-width:360px;position:relative;z-index:1} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-updated{flex:1 0 100%;text-align:right;font-size:9.5px} body.alx-crm-page #viewDashboard.dashboard-studio :is(.dash-refresh-btn,.dash-go-btn){height:36px;padding:0 13px;font-size:10px;font-weight:700;border-radius:9px;transition:filter .15s,transform .15s,border-color .15s,background .15s} body.alx-crm-page #viewDashboard.dashboard-studio :is(.dash-refresh-btn,.dash-go-btn):not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.10)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-refresh-btn{background:var(--alx-panel2);border-color:var(--alx-line)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-go-btn{background:#337be9;border-color:#448df5;box-shadow:0 4px 15px rgba(55,120,221,.17)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-dataset{position:relative;display:flex;align-items:center;min-height:37px;background:transparent;border:1px solid var(--alx-line);border-radius:9px;color:var(--alx-muted);font-size:10px;padding:9px 12px 9px 30px;margin:0 0 14px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-dataset:before{position:absolute;left:14px;content:'';width:6px;height:6px;background:#31c69c;border-radius:100%;box-shadow:0 0 0 3px rgba(48,194,151,.10)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpis{gap:12px;margin-bottom:12px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpi{--dash-accent:#70a5ff;display:flex!important;flex-direction:column;align-items:stretch;justify-content:space-between;gap:7px;min-height:143px;position:relative;text-align:left;padding:16px 17px 13px;cursor:pointer;border:1px solid var(--alx-line);border-radius:14px;background:var(--alx-panel);box-shadow:0 5px 20px rgba(0,20,47,.04);font-family:inherit;transition:transform .17s,border-color .17s,box-shadow .17s;isolation:isolate} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpi:before{display:none!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpi:after{content:'';position:absolute;right:0;bottom:0;width:100px;height:90px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--dash-accent) 10%,transparent),transparent 70%)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dash-accent) 46%,var(--alx-line));box-shadow:0 10px 26px rgba(12,34,68,.11)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpi-icon{width:31px;height:31px;min-width:31px;display:grid!important;place-items:center;font-size:16px!important;border-radius:9px;border:1px solid color-mix(in srgb,var(--dash-accent) 18%,transparent);background:color-mix(in srgb,var(--dash-accent) 10%,transparent);color:var(--dash-accent)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-kpi-content{display:block;min-width:0} body.alx-crm-page #viewDashboard.dashboard-studio .dash-kpi-label{display:block;margin:4px 0 5px!important;color:var(--alx-muted);font-size:9px!important;letter-spacing:.075em!important;font-weight:800!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-kpi-content strong{display:block;font-size:28px;font-weight:790;line-height:1.05;color:var(--alx-text);letter-spacing:-.047em} body.alx-crm-page #viewDashboard.dashboard-studio .dash-kpi-content small{font-size:9.6px;line-height:1.5;margin-top:5px;color:var(--alx-muted)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-kpi-content b{color:var(--alx-text);font-weight:800} body.alx-crm-page #viewDashboard.dashboard-studio .dash-kpi-corner{position:absolute;right:16px;top:15px;font-size:13px!important;font-weight:700;color:var(--alx-muted);letter-spacing:0!important;opacity:.65} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpi:hover .dash-kpi-corner{color:var(--dash-accent);opacity:1} #viewDashboard.dashboard-studio .dash-premium-kpi-blue{--dash-accent:#659efb} #viewDashboard.dashboard-studio .dash-premium-kpi-sky{--dash-accent:#6a9ef3} #viewDashboard.dashboard-studio .dash-premium-kpi-green{--dash-accent:#48c6a9} #viewDashboard.dashboard-studio .dash-premium-kpi-violet{--dash-accent:#b09bff} #viewDashboard.dashboard-studio .dash-premium-kpi-teal{--dash-accent:#51c5d0} #viewDashboard.dashboard-studio .dash-premium-kpi-orange{--dash-accent:#eeb774} body.alx-crm-page #viewDashboard.dashboard-studio .dash-mini-row{margin:0 0 17px;gap:12px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-mini-row>div{padding:11px 14px;min-height:49px;background:var(--alx-panel);border:1px solid var(--alx-line);border-radius:12px;gap:10px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-mini-row span:not(.dash-mini-dot){font-size:11px;color:var(--alx-muted)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-mini-row strong{font-size:20px;font-weight:800} body.alx-crm-page #viewDashboard.dashboard-studio .dash-mini-chevron{flex:none!important;opacity:.35;font-size:18px!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-mini-row .dash-mini-alert{border-color:color-mix(in srgb,#e17881 28%,var(--alx-line))} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-analytics{gap:13px;margin-bottom:13px;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-analytics-panel{min-height:275px;border-radius:14px;background:var(--alx-panel);border:1px solid var(--alx-line)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-analytics-head{min-height:88px;padding:17px 19px 12px;background:transparent!important;border-color:var(--alx-line)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-panel-eyebrow{display:block;font-size:8.5px;letter-spacing:.12em;font-weight:800;color:#7caff1;margin-bottom:5px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-analytics-head h3{font-size:15px;margin-bottom:3px;letter-spacing:-.02em;font-weight:760} body.alx-crm-page #viewDashboard.dashboard-studio .dash-analytics-head p{font-size:10px;color:var(--alx-muted)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-summary-tag{background:var(--alx-panel2);border:1px solid var(--alx-line);color:var(--alx-text);font-size:10px;border-radius:8px;padding:8px 11px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-chart{min-height:140px;padding:14px 20px 12px;gap:9px;align-items:end;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,color-mix(in srgb,var(--alx-line) 40%,transparent) 35px,transparent 36px)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-chart-day{height:104px;gap:5px;min-width:0} body.alx-crm-page #viewDashboard.dashboard-studio .dash-chart-day>strong{font-size:10px;font-weight:750} body.alx-crm-page #viewDashboard.dashboard-studio .dash-chart-track{height:72px;width:100%;max-width:37px;border-radius:8px 8px 3px 3px;background:color-mix(in srgb,var(--alx-panel2) 72%,transparent);border:0;overflow:visible} body.alx-crm-page #viewDashboard.dashboard-studio .dash-chart-track span{min-height:0!important;display:block;width:100%;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#78baff,#478ae8);box-shadow:0 0 16px rgba(68,133,234,.13)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-chart-day>small{font-size:10px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-outcome-grid{padding:19px 19px 7px;gap:13px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-outcome-grid>.dash-outcome-item{display:block;min-height:43px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-outcome-label{display:flex;align-items:center;gap:9px;margin-bottom:9px;min-height:16px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-outcome-label span:not(.dash-mini-dot){font-size:11px;color:var(--alx-muted);flex:1} body.alx-crm-page #viewDashboard.dashboard-studio .dash-outcome-label strong{font-size:13px;color:var(--alx-text);font-variant-numeric:tabular-nums} body.alx-crm-page #viewDashboard.dashboard-studio .dash-outcome-track{height:6px;overflow:hidden;border-radius:30px;background:var(--alx-panel2)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-outcome-track i{display:block;height:100%;border-radius:30px;transition:width .3s ease;width:0} body.alx-crm-page #viewDashboard.dashboard-studio .dash-progress-answered{background:#43c4a1} body.alx-crm-page #viewDashboard.dashboard-studio .dash-progress-noanswer{background:#e0af66} body.alx-crm-page #viewDashboard.dashboard-studio .dash-progress-unknown{background:#e89a50} body.alx-crm-page #viewDashboard.dashboard-studio .dash-accuracy-note{padding:5px 19px 13px;font-size:9.5px;line-height:1.45} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace.dashboard-grid{align-items:start;gap:13px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dashboard-card{min-height:0!important;border:1px solid var(--alx-line)!important;border-radius:14px!important;background:var(--alx-panel)!important;box-shadow:none!important;align-self:start;overflow:hidden} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dashboard-card-head{min-height:79px!important;gap:11px!important;padding:16px 17px!important;background:var(--alx-panel)!important;box-shadow:none!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dashboard-card-head>div{flex:1;min-width:0} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dashboard-card-head h2{font-size:14px!important;font-weight:750!important;letter-spacing:-.015em!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dashboard-card-head small{font-size:10px!important;line-height:1.45!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-head-icon{flex:none;width:33px;height:33px;border-radius:9px;font-size:16px!important;background:rgba(86,144,231,.11)!important;box-shadow:none!important;color:#79a9ee!important;border:1px solid rgba(100,164,250,.16)!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-head-icon.danger{background:rgba(229,105,119,.10)!important;border-color:rgba(229,105,119,.17)!important;color:#ec8994!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dashboard-link{font-size:9.5px;font-weight:740;color:#8db8f6!important;white-space:nowrap} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dashboard-card-body{max-height:none!important;overflow:visible!important;min-height:0!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-row{background:var(--alx-panel)!important;border-bottom:1px solid var(--alx-line)!important;padding:12px 15px!important;min-height:64px!important;gap:10px!important;box-shadow:none!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-row:hover{background:var(--alx-panel2)!important;box-shadow:inset 2px 0 0 #7daaf3!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-row.is-overdue{box-shadow:inset 2px 0 0 #df818b!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-row .dash-person{gap:4px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-person strong{font-size:11px;color:var(--alx-text)!important;font-weight:760!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-person small{font-size:9.5px;color:var(--alx-muted)!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-person .dash-assignee{color:#91b1cf!important;font-size:9px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-time{color:var(--alx-muted)!important;font-size:9px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-overdue-age{display:block;font-size:9px;font-weight:760;font-style:normal;color:#ed9497;margin-top:5px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-arrow{font-size:14px;color:var(--alx-muted)} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-recent .dash-row{min-height:66px!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-recent .status-pill{font-size:9px!important;white-space:nowrap;padding:5px 8px!important;border-radius:30px!important;box-shadow:none!important;background:var(--alx-panel2)!important;border:1px solid var(--alx-line)!important;color:var(--alx-muted)!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-recent .status-pill.status-interested{background:rgba(62,185,141,.10)!important;color:#59c49f!important;border-color:rgba(62,185,141,.22)!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-recent .status-pill.status-no_answer{background:rgba(209,163,87,.10)!important;color:#d7ac72!important;border-color:rgba(209,163,87,.22)!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-recent .status-pill.status-not_interested{background:rgba(195,123,129,.09)!important;color:#dca1a7!important;border-color:rgba(195,123,129,.18)!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-table{min-width:495px!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-table th{height:35px!important;padding:0 11px!important;background:var(--alx-panel2)!important;font-size:8px!important;letter-spacing:.035em!important;color:var(--alx-muted)!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-table td{height:63px!important;padding:8px 11px!important;border-color:var(--alx-line)!important;font-size:10px!important;background:var(--alx-panel)!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-agent-cell{display:flex;flex-direction:column;gap:8px;min-width:80px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-agent-cell strong{color:var(--alx-text);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.alx-crm-page #viewDashboard.dashboard-studio .dash-agent-meter{height:4px;width:80px;max-width:100%;background:var(--alx-panel2);border-radius:20px;overflow:hidden} body.alx-crm-page #viewDashboard.dashboard-studio .dash-agent-meter i{display:block;height:100%;background:#6699ea;border-radius:20px} body.alx-crm-page #viewDashboard.dashboard-studio .dash-footer-note{margin-top:18px;display:flex;align-items:flex-start;gap:9px;padding:12px 4px;font-size:10px;line-height:1.5} body.alx-crm-page #viewDashboard.dashboard-studio .dash-foot-mark{display:grid;place-items:center;flex:none;width:16px;height:16px;border:1px solid var(--alx-line);border-radius:50%;color:var(--alx-muted);font-size:9px;font-weight:850} @media(max-width:1190px){body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1030px){body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-analytics{grid-template-columns:1fr}} @media(max-width:900px){body.alx-crm-page #viewDashboard.dashboard-studio .dash-studio-hero{padding:19px 18px}body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-actions{margin-left:0;justify-content:flex-start}body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-updated{text-align:left}} @media(max-width:720px){body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace.dashboard-grid{grid-template-columns:1fr!important}body.alx-crm-page #viewDashboard.dashboard-studio .dash-mini-row{grid-template-columns:1fr}} @media(max-width:540px){body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpi{min-height:137px;padding:13px 12px}body.alx-crm-page #viewDashboard.dashboard-studio .dash-studio-hero h2{font-size:24px}body.alx-crm-page #viewDashboard.dashboard-studio .dash-hero-separator{display:none}body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-appts .dash-row,body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-follow .dash-row{grid-template-columns:96px minmax(0,1fr) auto!important}} @media(prefers-reduced-motion:reduce){body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-kpi,body.alx-crm-page #viewDashboard.dashboard-studio .dash-outcome-track i,body.alx-crm-page #viewDashboard.dashboard-studio .dash-chart-track span{transition:none!important}} body.alx-crm-page #viewDashboard.dashboard-studio .dash-premium-workspace .dash-table-wrap{overflow-x:auto!important;overflow-y:visible!important;max-height:none!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-analytics-panel .dash-inline-link{font-size:9px!important;font-weight:700!important;color:#8fb8f8!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-recent, body.alx-crm-page #viewDashboard.dashboard-studio .dash-sales{align-self:start!important} body.alx-crm-page #viewDashboard.dashboard-studio #dashboardRecent, body.alx-crm-page #viewDashboard.dashboard-studio #dashboardSales{max-height:none!important;overflow:visible!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-recent .dashboard-card-body, body.alx-crm-page #viewDashboard.dashboard-studio .dash-sales .dashboard-card-body{overflow:visible!important;max-height:none!important} body.alx-crm-page #viewDashboard.dashboard-studio .dash-recent .dash-row{padding-right:12px!important}