/* AQ360 approved shared sidebar. This file must remain the final stylesheet. */
html body .app-shell{grid-template-columns:258px minmax(0,1fr)!important}
html body .sidebar{width:258px!important;padding:0 14px 14px!important;background:linear-gradient(180deg,#17385f 0%,#0d2848 58%,#081b32 100%)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:8px 0 26px rgba(10,29,52,.08)!important}
html body .sidebar .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:78px!important;height:78px!important;padding:0 12px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(208,224,242,.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body .sidebar-logo-wordmark{display:none!important}
html body .sidebar-aq360-logo{display:flex!important;align-items:baseline!important;gap:2px!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-style:normal!important}
html body .sidebar-aq360-logo span{color:#f8fbff!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.06em!important}
html body .sidebar-aq360-logo b{color:#f26a3d!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.06em!important}
html body .sidebar-aq360-logo em{display:inline!important;margin-left:3px!important;color:#f5f8fc!important;font-size:12px!important;font-weight:800!important;font-style:normal!important;letter-spacing:.02em!important}
html body .sidebar-aq360-logo::after{display:none!important}
html body .nav{padding:12px 0 8px!important;overflow-y:auto!important}
html body .nav-section{margin:0 0 9px!important;padding:0!important;border:0!important}
html body .nav-section-title{min-height:auto!important;margin:12px 12px 6px!important;padding:0!important;color:#87a1bf!important;font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important;text-align:left!important;text-transform:uppercase!important}
html body .nav button{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:42px!important;margin:2px 0!important;padding:5px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#c8d5e5!important;box-shadow:none!important;font-size:12.5px!important;font-weight:650!important;text-align:left!important}
html body .nav button::before,html body .nav button::after{display:none!important}
html body .nav button .nav-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:8px!important;background:rgba(76,126,183,.15)!important;color:#afc2d9!important}
html body .nav button .nav-icon svg{width:16px!important;height:16px!important}
html body .nav button.active{background:linear-gradient(90deg,rgba(60,105,159,.48),rgba(43,83,132,.34))!important;color:#fff!important;box-shadow:inset 3px 0 0 #f06a42!important}
html body .nav button.active .nav-icon{background:transparent!important;color:#fff!important}
html body .nav-section:first-child button:not(.active){background:transparent!important;color:#c8d5e5!important;box-shadow:none!important}
html body .nav-section:first-child button:not(.active) .nav-icon{background:rgba(76,126,183,.15)!important;color:#afc2d9!important}
html body .sidebar-install-button,html body .sidebar-collapse{display:none!important}
html body .sidebar-user-card{display:grid!important;grid-template-columns:38px minmax(0,1fr) 28px 28px!important;align-items:center!important;gap:7px!important;min-height:62px!important;margin-top:auto!important;padding:10px 8px!important;border:0!important;border-top:1px solid rgba(208,224,242,.16)!important;border-radius:0!important;background:transparent!important;color:#fff!important}
html body .sidebar-user-avatar{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#ef6a43!important;color:#fff!important;font-size:13px!important;font-weight:850!important}
html body .sidebar-user-copy{display:block!important;min-width:0!important}
html body .sidebar-user-copy strong,html body .sidebar-user-copy small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .sidebar-user-copy strong{color:#f5f8fc!important;font-size:11px!important}
html body .sidebar-user-copy small{margin-top:3px!important;color:#91a5bd!important;font-size:9px!important}
html body .sidebar-user-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;padding:0!important;border:0!important;border-radius:7px!important;background:rgba(255,255,255,.06)!important;color:#b7c6d8!important}
html body .sidebar-user-icon svg{width:14px!important;height:14px!important}
@media(max-width:900px){html body .app-shell{grid-template-columns:1fr!important}html body .sidebar{width:min(280px,88vw)!important}}

/* CRM dense list system: one business record per line. */
html body[data-view="crm"] .aq-crm-pipeline{display:block!important;padding:0!important;background:#fff!important;overflow:visible!important}
html body[data-view="crm"] .aq-crm-stage-summary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;border-bottom:1px solid #e2e8ef!important;background:#f7f9fb!important}
html body[data-view="crm"] .aq-crm-stage-summary button{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:2px 8px!important;min-height:52px!important;padding:9px 13px!important;border:0!important;border-right:1px solid #e1e7ed!important;background:transparent!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-stage-summary button:last-child{border-right:0!important}
html body[data-view="crm"] .aq-crm-stage-summary b{color:#506178!important;font-size:10px!important;letter-spacing:.055em!important;text-transform:uppercase!important}
html body[data-view="crm"] .aq-crm-stage-summary span{grid-column:2!important;grid-row:1/3!important;align-self:center!important;display:grid!important;place-items:center!important;min-width:25px!important;height:25px!important;border-radius:50%!important;background:#dfe7ef!important;color:#294e70!important;font-size:10px!important;font-weight:800!important}
html body[data-view="crm"] .aq-crm-stage-summary small{color:#8090a4!important;font-size:10px!important}
html body[data-view="crm"] .aq-crm-panel .crm-control-table{width:100%!important;table-layout:auto!important}
html body[data-view="crm"] .aq-crm-panel .crm-control-table th{height:34px!important;padding:7px 13px!important;font-size:9px!important}
html body[data-view="crm"] .aq-crm-panel .crm-control-table td{height:43px!important;padding:8px 13px!important;font-size:11px!important;line-height:1.2!important}
html body[data-view="crm"] .aq-crm-panel .crm-control-table td b,html body[data-view="crm"] .aq-crm-panel .crm-control-table td strong{font-size:11px!important}
html body[data-view="crm"] .aq-crm-follow-list{padding:0 13px!important}
html body[data-view="crm"] .aq-crm-follow-list .crm-priority-row{min-height:43px!important;padding:7px 0!important}
@media(max-width:900px){html body[data-view="crm"] .aq-crm-stage-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body[data-view="crm"] .aq-crm-panel .crm-control-table-wrap{overflow-x:auto!important}}

/* High-specificity lock against legacy per-view sidebar themes. */
html body[data-view] .app-shell{grid-template-columns:258px minmax(0,1fr)!important}
html body[data-view] .sidebar{width:258px!important;padding:0 14px 14px!important;background:linear-gradient(180deg,#17385f 0%,#0d2848 58%,#081b32 100%)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:8px 0 26px rgba(10,29,52,.08)!important}
html body[data-view] .sidebar .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:78px!important;height:78px!important;padding:0 12px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(208,224,242,.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body[data-view] .sidebar-logo-wordmark{display:none!important}
html body[data-view] .sidebar-aq360-logo{display:flex!important;align-items:baseline!important;gap:2px!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body[data-view] .sidebar-aq360-logo span{color:#f8fbff!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.06em!important}
html body[data-view] .sidebar-aq360-logo b{color:#f26a3d!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.06em!important}
html body[data-view] .sidebar-aq360-logo em{display:inline!important;margin-left:3px!important;color:#f5f8fc!important;font-size:12px!important;font-weight:800!important;font-style:normal!important}
html body[data-view] .sidebar-aq360-logo::after{display:none!important}
html body[data-view] .nav{padding:12px 0 8px!important}
html body[data-view] .nav-section-title{margin:12px 12px 6px!important;padding:0!important;color:#87a1bf!important;font-size:9px!important;letter-spacing:.18em!important;text-align:left!important}
html body[data-view] .nav button{grid-template-columns:32px minmax(0,1fr) auto!important;min-height:42px!important;margin:2px 0!important;padding:5px 10px!important;border-radius:9px!important;background:transparent!important;color:#c8d5e5!important;box-shadow:none!important;font-size:12.5px!important}
html body[data-view] .nav button.active{background:linear-gradient(90deg,rgba(60,105,159,.48),rgba(43,83,132,.34))!important;color:#fff!important;box-shadow:inset 3px 0 0 #f06a42!important}
html body[data-view] .nav button.active::before,html body[data-view] .nav button.active::after{display:none!important}
html body[data-view] .nav button.active .nav-icon{background:transparent!important;color:#fff!important}
html body[data-view] .sidebar-install-button,html body[data-view] .sidebar-collapse{display:none!important}
html body[data-view] .sidebar-user-card{display:grid!important;grid-template-columns:38px minmax(0,1fr) 28px 28px!important;align-items:center!important;gap:7px!important;min-height:62px!important;margin-top:auto!important;padding:10px 8px!important;border:0!important;border-top:1px solid rgba(208,224,242,.16)!important;border-radius:0!important;background:transparent!important}

/* Final visual refinement */
html body[data-view] #installAppButton{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:calc(100% - 20px)!important;min-height:36px!important;margin:8px 10px 10px!important;padding:0 12px!important;border:1px solid #356da7!important;border-radius:10px!important;background:rgba(38,88,142,.18)!important;color:#eef5fd!important;box-shadow:none!important;font-size:11px!important;font-weight:750!important}
html body[data-view] #installAppButton svg{width:15px!important;height:15px!important}
html body[data-view] .nav button>span:last-of-type{min-width:0!important;max-width:none!important;overflow:visible!important;color:inherit!important;font-size:11.5px!important;line-height:1.2!important;text-overflow:clip!important;white-space:normal!important}
html body[data-view] .nav{scrollbar-width:thin!important;scrollbar-color:rgba(128,165,205,.42) transparent!important}
html body[data-view] .nav::-webkit-scrollbar{width:4px!important}
html body[data-view] .nav::-webkit-scrollbar-thumb{border-radius:4px!important;background:rgba(128,165,205,.42)!important}
html body[data-view] .sidebar-user-card{grid-template-columns:38px minmax(0,1fr) 28px 28px!important;padding:9px 6px!important}
html body[data-view] .sidebar-user-copy strong{font-size:10px!important}
html body[data-view] .sidebar-user-copy small{font-size:8.5px!important}
html body[data-view="crm"] .aq-crm-pagehead{padding:15px 18px 0!important}
html body[data-view="crm"] .aq-crm-pagehead h1{font-size:27px!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>span{margin-top:5px!important;font-size:12px!important}
html body[data-view="crm"] .aq-crm-pagehead nav{min-height:39px!important;margin-top:10px!important}
html body[data-view="crm"] .aq-crm-head-actions>button,html body[data-view="crm"] .aq-crm-quick{min-height:35px!important;padding:0 12px!important;font-size:11px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi{min-height:100px!important;padding:13px 15px!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:10px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-icon{width:34px!important;height:34px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi small{font-size:10px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi b{font-size:22px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi>span:last-of-type{font-size:10px!important}
html body[data-view="crm"] .aq-crm-follow-list,html body[data-view="crm"] .aq-crm-follow-list .crm-priority-list{width:100%!important;max-width:none!important}
html body[data-view="crm"] .aq-crm-follow-list .crm-priority-row{width:100%!important;max-width:none!important;grid-template-columns:minmax(260px,1fr) minmax(130px,.28fr) minmax(170px,.34fr) 90px!important;gap:16px!important;padding:7px 2px!important}
html body[data-view="crm"] .aq-crm-follow-list .crm-priority-row>span,html body[data-view="crm"] .aq-crm-follow-list .crm-priority-row>strong,html body[data-view="crm"] .aq-crm-follow-list .crm-priority-row>em,html body[data-view="crm"] .aq-crm-follow-list .crm-priority-row>i{min-width:0!important}

/* CRM header and KPI strip matched to the approved reference model. */
html body[data-view="crm"] .topbar{display:grid!important;min-height:64px!important;height:64px!important;padding:8px 22px!important;border-bottom:1px solid #dce3ea!important;background:#fff!important}
html body[data-view="crm"] .topbar>div:first-of-type{display:none!important}
html body[data-view="crm"] .topbar-command{display:block!important;width:min(720px,100%)!important}
html body[data-view="crm"] .global-header-search{display:grid!important;width:100%!important;max-width:720px!important;height:44px!important;background:#f4f6f8!important}
html body[data-view="crm"] #globalHeaderNewMenu{display:none!important}
html body[data-view="crm"] .topbar-actions{display:flex!important}
html body[data-view="crm"] .aq-crm-premium{padding:22px 22px 30px!important;gap:14px!important}
html body[data-view="crm"] .aq-crm-pagehead{grid-template-columns:minmax(0,1fr) auto!important;padding:8px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>p{margin-bottom:6px!important}
html body[data-view="crm"] .aq-crm-pagehead h1{font-size:29px!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>span{font-size:13px!important}
html body[data-view="crm"] .aq-crm-head-actions{align-items:center!important}
html body[data-view="crm"] .aq-crm-quick{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:0 13px 0 17px!important;border-radius:9px!important;font-size:12px!important}
html body[data-view="crm"] .aq-crm-quick b{display:grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:50%!important;background:rgba(255,255,255,.2)!important;color:#fff!important;font-size:9px!important}
html body[data-view="crm"] .aq-crm-pagehead nav{min-height:43px!important;margin-top:14px!important;border-top:0!important;border-bottom:1px solid #d9e1e8!important}
html body[data-view="crm"] .aq-crm-pagehead nav .aq-crm-system{margin-left:auto!important}
html body[data-view="crm"] .aq-crm-pagehead nav .aq-crm-context{margin-left:0!important;padding-left:14px!important;border-left:1px solid #d7dfe7!important;color:#708198!important}
html body[data-view="crm"] .aq-crm-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;overflow:hidden!important;border:1px solid #d6dfe8!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,37,65,.045)!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi{display:block!important;min-height:122px!important;padding:22px 24px 18px!important;border:0!important;border-right:1px solid #dce3e9!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi:last-child{border-right:0!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi::before{display:none!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-icon{position:absolute!important;top:17px!important;right:18px!important;left:auto!important;display:grid!important;width:32px!important;height:32px!important;border-radius:8px!important;background:#eef3f7!important;color:#52718d!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi small{display:block!important;margin:0 44px 18px 0!important;color:#607087!important;font-size:10px!important;letter-spacing:.06em!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi b{display:block!important;margin:0 0 6px!important;color:#12233e!important;font-size:25px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi>span:last-of-type{display:inline!important;color:#7b8ca2!important;font-size:11px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-status,html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-progress{display:none!important}
@media(max-width:1000px){html body[data-view="crm"] .aq-crm-pagehead nav .aq-crm-context{display:none!important}html body[data-view="crm"] .aq-crm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi:nth-child(2){border-right:0!important}}

/* Final alignment and vacant-space correction. */
html body[data-view="crm"] .topbar{display:none!important}
html body[data-view="crm"] .main{grid-template-rows:1fr!important}
html body[data-view="crm"] .aq-crm-premium{padding:0 22px 24px!important;gap:11px!important}
html body[data-view="crm"] .aq-crm-globalbar{display:grid!important;grid-template-columns:minmax(420px,720px) auto!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:64px!important;margin:0 -22px 4px!important;padding:8px 22px!important;border-bottom:1px solid #dce3ea!important;background:#fff!important}
html body[data-view="crm"] .aq-crm-globalbar>label{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;height:42px!important;padding:0 10px 0 14px!important;border:1px solid #d5dee8!important;border-radius:9px!important;background:#f4f6f8!important;color:#7b8da3!important}
html body[data-view="crm"] .aq-crm-globalbar label svg{width:15px!important;height:15px!important}
html body[data-view="crm"] .aq-crm-globalbar input{width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#33465f!important;font-size:13px!important}
html body[data-view="crm"] .aq-crm-globalbar kbd{padding:5px 9px!important;border:1px solid #d4dde7!important;border-radius:6px!important;background:#fff!important;color:#73869c!important;font:11px/1.1 inherit!important}
html body[data-view="crm"] .aq-crm-globalbar>div{display:flex!important;align-items:center!important;gap:10px!important}
html body[data-view="crm"] .aq-crm-globalbar>div>button{position:relative!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid #d8e1ea!important;border-radius:9px!important;background:#fff!important;color:#17314e!important}
html body[data-view="crm"] .aq-crm-globalbar>div>button svg{width:16px!important;height:16px!important}
html body[data-view="crm"] .aq-crm-globalbar>div>button i{position:absolute!important;right:5px!important;top:5px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#ed5c3c!important}
html body[data-view="crm"] .aq-crm-globalbar>div>span{display:grid!important;min-width:115px!important;padding-left:14px!important;border-left:1px solid #d9e1e9!important}
html body[data-view="crm"] .aq-crm-globalbar>div b{color:#142740!important;font-size:12px!important}
html body[data-view="crm"] .aq-crm-globalbar>div small{margin-top:3px!important;color:#8493a6!important;font-size:10px!important}
html body[data-view="crm"] .aq-crm-pagehead{row-gap:0!important;padding:7px 0 0!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>p{margin-bottom:4px!important;font-size:10px!important}
html body[data-view="crm"] .aq-crm-pagehead h1{font-size:27px!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>span{margin-top:4px!important;font-size:12px!important}
html body[data-view="crm"] .aq-crm-head-actions{align-self:start!important;padding-top:5px!important}
html body[data-view="crm"] .aq-crm-quick{width:auto!important;min-width:150px!important;min-height:40px!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-quick span{white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-pagehead nav{min-height:37px!important;margin-top:8px!important}
html body[data-view="crm"] .aq-crm-pagehead nav button{font-size:11px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi{min-height:105px!important;padding:17px 20px 14px!important;align-items:start!important;justify-items:start!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi>*{text-align:left!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi small{margin:0 40px 12px 0!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi b{font-size:23px!important}
html body[data-view="crm"] .aq-crm-panel>header{min-height:53px!important;padding:10px 16px!important}
html body[data-view="crm"] .aq-crm-panel>header h2{font-size:16px!important}
html body[data-view="crm"] .aq-crm-panel>header p{margin-top:2px!important;font-size:10px!important}
html body[data-view="crm"] .aq-crm-stage-summary button{min-height:44px!important;padding:7px 11px!important}
html body[data-view="crm"] .aq-crm-panel .crm-control-table th{height:30px!important;padding:6px 12px!important}
html body[data-view="crm"] .aq-crm-panel .crm-control-table td{height:39px!important;padding:7px 12px!important}
@media(max-width:900px){html body[data-view="crm"] .aq-crm-globalbar{grid-template-columns:1fr!important}html body[data-view="crm"] .aq-crm-globalbar>div{display:none!important}}

/* CRM finishing corrections. */
html body[data-view] .nav{padding-bottom:110px!important;scroll-padding-bottom:120px!important}
html body[data-view] #installAppButton{position:relative!important;z-index:4!important;flex:0 0 auto!important}
html body[data-view] .sidebar-user-card{position:relative!important;z-index:4!important;flex:0 0 auto!important}
html body[data-view="crm"] .aq-crm-globalbar label>svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body[data-view="crm"] .aq-crm-globalbar>div>button>svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body[data-view="crm"] .aq-crm-premium{padding-top:0!important}
html body[data-view="crm"] .aq-crm-pagehead{padding-top:3px!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>p{margin-bottom:3px!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>span{margin-top:3px!important}
html body[data-view="crm"] .aq-crm-pagehead nav{margin-top:6px!important}
html body[data-view="crm"] .aq-crm-head-actions{padding-top:3px!important;padding-right:12px!important}
html body[data-view="crm"] .aq-crm-quick{margin-right:0!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi{display:grid!important;grid-template-rows:15px 30px 16px!important;align-content:center!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi small{grid-row:1!important;align-self:start!important;margin:0 42px 0 0!important;line-height:1.15!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi b{grid-row:2!important;align-self:center!important;margin:0!important;line-height:1!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi>span:last-of-type{grid-row:3!important;align-self:end!important;line-height:1.1!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-icon{top:15px!important;right:17px!important}

/* CRM search behavior and exact top-area proportions. */
html body[data-view="crm"] .aq-crm-globalbar{grid-template-columns:minmax(420px,560px) auto!important}
html body[data-view="crm"] .aq-crm-globalbar>label{grid-template-columns:24px minmax(0,1fr) auto!important}
html body[data-view="crm"] .aq-crm-search-submit{display:grid!important;place-items:center!important;width:24px!important;height:30px!important;padding:0!important;border:0!important;background:transparent!important;color:#6e8299!important;cursor:pointer!important}
html body[data-view="crm"] .aq-crm-search-submit:hover{color:#255e8f!important}
html body[data-view="crm"] .aq-crm-search-submit svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi b{max-width:calc(100% - 42px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi.green b{font-size:20px!important;letter-spacing:-.025em!important}

/* Locked approved KPI model — do not restyle per module. */
html body[data-view="crm"] .aq-crm-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;overflow:hidden!important;border:1px solid #d6dfe8!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,37,65,.045)!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:18px 34px 18px!important;align-content:center!important;justify-items:start!important;min-width:0!important;min-height:112px!important;padding:17px 20px 15px!important;border:0!important;border-right:1px solid #dce3e9!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi:last-child{border-right:0!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi::before,html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-progress{display:none!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi small{grid-row:1!important;display:block!important;max-width:calc(100% - 44px)!important;margin:0!important;color:#607087!important;font-size:10px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:.06em!important;text-align:left!important;text-transform:uppercase!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi b{grid-row:2!important;display:block!important;align-self:center!important;max-width:calc(100% - 4px)!important;margin:0!important;overflow:visible!important;color:#12233e!important;font-size:clamp(20px,1.55vw,27px)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.025em!important;text-align:left!important;text-overflow:clip!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi.green b{font-size:clamp(18px,1.35vw,24px)!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi>span:last-of-type{grid-row:3!important;display:block!important;align-self:end!important;max-width:calc(100% - 4px)!important;color:#7b8ca2!important;font-size:10px!important;font-weight:500!important;line-height:1.15!important;text-align:left!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-icon{position:absolute!important;top:14px!important;right:16px!important;left:auto!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border:1px solid #e1e7ed!important;border-radius:8px!important;background:#eef3f7!important;color:#52718d!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-icon svg{width:14px!important;height:14px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-status{display:none!important}

/* Independent approved KPI component: isolated from legacy CRM card rules. */
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;grid-template-rows:18px 34px 18px!important;align-content:center!important;column-gap:12px!important;min-width:0!important;min-height:112px!important;padding:17px 20px 15px!important;border:0!important;border-right:1px solid #dce3e9!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#12233e!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment:last-child{border-right:0!important}
html body[data-view="crm"] .aq-crm-kpi-segment small{grid-column:1!important;grid-row:1!important;align-self:start!important;min-width:0!important;margin:0!important;overflow:visible!important;color:#607087!important;font-size:10px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:.055em!important;text-align:left!important;text-overflow:clip!important;text-transform:uppercase!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-kpi-segment b{grid-column:1!important;grid-row:2!important;align-self:center!important;min-width:0!important;margin:0!important;overflow:visible!important;color:#12233e!important;font-size:clamp(20px,1.55vw,27px)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.025em!important;text-align:left!important;text-overflow:clip!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-kpi-segment.green b{font-size:clamp(18px,1.35vw,24px)!important}
html body[data-view="crm"] .aq-crm-kpi-segment>span{grid-column:1!important;grid-row:3!important;align-self:end!important;min-width:0!important;margin:0!important;overflow:visible!important;color:#7b8ca2!important;font-size:10px!important;font-weight:500!important;line-height:1.15!important;text-align:left!important;text-overflow:clip!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-kpi-segment>i{grid-column:2!important;grid-row:1/3!important;align-self:start!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;margin:0!important;border:1px solid #e1e7ed!important;border-radius:8px!important;background:#eef3f7!important;color:#52718d!important;font-style:normal!important}
html body[data-view="crm"] .aq-crm-kpi-segment>i svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body[data-view="crm"] .aq-crm-kpi-segment.red>i{background:#fcebea!important;color:#cc453d!important}
html body[data-view="crm"] .aq-crm-kpi-segment.blue>i{background:#eaf2fb!important;color:#2b6698!important}
html body[data-view="crm"] .aq-crm-kpi-segment.green>i{background:#e8f5ee!important;color:#27845d!important}
html body[data-view="crm"] .aq-crm-kpi-segment.orange>i{background:#fff2df!important;color:#b87517!important}

/* Sidebar footer isolation: navigation can never sit behind Install App. */
html body[data-view] .sidebar{display:grid!important;grid-template-rows:78px minmax(0,1fr) auto auto!important;min-height:0!important;overflow:hidden!important}
html body[data-view] .sidebar>.brand{grid-row:1!important}
html body[data-view] .sidebar>.nav{grid-row:2!important;min-height:0!important;height:auto!important;padding-bottom:8px!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-padding:8px!important}
html body[data-view] #installAppButton{grid-row:3!important;position:static!important;z-index:auto!important;margin:8px 10px 10px!important}
html body[data-view] .sidebar-user-card{grid-row:4!important;position:static!important;z-index:auto!important;margin:0!important}

/* Functional CRM search form and company context. */
html body[data-view="crm"] .aq-crm-globalbar>.aq-crm-search-form{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;height:42px!important;padding:0 10px 0 14px!important;border:1px solid #d5dee8!important;border-radius:9px!important;background:#f4f6f8!important;color:#7b8da3!important}
html body[data-view="crm"] .aq-crm-globalbar>label{display:none!important}
html body[data-view="crm"] .aq-crm-globalbar>div>span{min-width:270px!important;max-width:340px!important}
html body[data-view="crm"] .aq-crm-globalbar>div>span b{overflow:hidden!important;color:#142740!important;font-size:10.5px!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-globalbar>div>span small{font-size:9.5px!important}

/* Global compact modal system aligned with the new dashboard model. */
html body .modal.open .modal-panel{width:min(1180px,calc(100vw - 48px))!important;max-width:1180px!important;height:auto!important;max-height:calc(100vh - 48px)!important;margin:auto!important;overflow:hidden!important;border:1px solid #d7e0e9!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 48px rgba(15,35,60,.16)!important}
html body .modal.open .modal-header{min-height:58px!important;padding:10px 16px!important;border-bottom:1px solid #dfe6ed!important;background:#fff!important}
html body .modal.open .modal-header .eyebrow{margin:0 0 3px!important;color:#55718e!important;font-size:8px!important;letter-spacing:.09em!important}
html body .modal.open .modal-header h2{margin:0!important;color:#14243d!important;font-size:19px!important;line-height:1.15!important;letter-spacing:-.015em!important}
html body .modal.open .modal-header .icon-button{min-width:70px!important;height:34px!important;padding:0 12px!important;border:1px solid #cbdbea!important;border-radius:8px!important;background:#fff!important;color:#286197!important;font-size:10px!important;font-weight:750!important}
html body .global-data-export-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 12px;padding:9px 10px;border:1px solid #dbe5ee;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(15,35,60,.04)}
html body .global-data-export-tools>span{margin-right:auto;color:#61758a;font-size:11px;font-weight:700}
html body .global-data-export-tools button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid #c8d8e6;border-radius:8px;background:#fff;color:#245b8e;font-size:11px;font-weight:750;cursor:pointer}
html body .global-data-export-tools button:hover{border-color:#78a8d1;background:#f2f8fd}
html body .global-data-export-tools[data-placement="section"]{
  width:max-content;
  max-width:100%;
  margin:6px 0 6px auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
html body .global-data-export-tools[data-placement="section"]>span{display:none}
html body .global-data-export-tools[data-placement="section"] button{
  min-height:30px;
  padding:0 10px;
  border-color:#d2dfeb;
  background:#f8fbfe;
  font-size:10px;
}
html body .global-data-export-tools svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  overflow:visible!important;
  color:inherit!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .global-data-export-tools svg :is(path,rect,circle,line,polyline,polygon){
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .modal.open:not([data-mode="account-menu"]) .modal-header>.global-data-export-tools{margin:0 0 0 auto;padding:0;border:0;box-shadow:none;background:transparent}
html body .modal.open:not([data-mode="account-menu"]) .modal-header>.global-data-export-tools>span{display:none}
@media(max-width:700px){html body .global-data-export-tools{flex-wrap:wrap}html body .global-data-export-tools[data-placement="section"]{width:100%;justify-content:flex-end}html body .modal.open:not([data-mode="account-menu"]) .modal-header{flex-wrap:wrap}html body .modal.open:not([data-mode="account-menu"]) .modal-header>.global-data-export-tools{order:3;width:100%;justify-content:flex-start}html body .modal.open:not([data-mode="account-menu"]) .modal-header>.global-data-export-tools button{flex:1;justify-content:center}}
@media print{html body .global-data-export-tools{display:none!important}}
html body .modal.open .modal-body{max-height:calc(100vh - 108px)!important;padding:10px 14px 14px!important;overflow:auto!important;background:#f8fafc!important}
html body .modal.open .compact-record-register{gap:0!important;padding:0!important;border:1px solid #dce5ed!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important}
html body .modal.open .compact-record-head{min-height:31px!important;padding:0 11px!important;border:0!important;border-bottom:1px solid #dce5ed!important;border-radius:0!important;background:#f2f5f8!important;font-size:8.5px!important}
html body .modal.open .compact-record-row{min-height:39px!important;padding:6px 11px!important;border:0!important;border-bottom:1px solid #e3e9ef!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
html body .modal.open .compact-record-row:last-child{border-bottom:0!important}
html body .modal.open .compact-record-row span{font-size:10.5px!important;font-weight:650!important}
html body .modal.open .compact-record-row .status{min-height:20px!important;padding:3px 7px!important;border-radius:999px!important;font-size:9px!important}
html body .modal[data-mode="crm-followups"].open .modal-header{min-height:58px!important;padding:10px 16px!important}
html body .modal[data-mode="crm-followups"].open .modal-header h2{font-size:19px!important}
html body .modal[data-mode="crm-followups"].open .modal-body{padding:10px 14px 14px!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register{gap:0!important;padding:0!important;overflow:hidden!important;border:1px solid #dce5ed!important;border-radius:10px!important;background:#fff!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-head{min-height:31px!important;padding:0 11px!important;border:0!important;border-bottom:1px solid #dce5ed!important;border-radius:0!important;background:#f2f5f8!important;font-size:8.5px!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-row{min-height:39px!important;padding:6px 11px!important;border:0!important;border-bottom:1px solid #e3e9ef!important;border-radius:0!important;box-shadow:none!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-row span,html body .modal[data-mode="crm-followups"].open .crm-followup-register-row .crm-followup-customer,html body .modal[data-mode="crm-followups"].open .crm-followup-register-row .crm-followup-amount{font-size:10.5px!important;font-weight:700!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-row .badge{min-height:20px!important;padding:3px 7px!important;font-size:9px!important}

/* CRM Quick Actions panel aligned with the approved dashboard model. */
html body[data-view="crm"] .aq-crm-head-actions .crm-new-menu{position:relative!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-dropdown{position:absolute!important;z-index:80!important;top:46px!important;right:0!important;left:auto!important;display:none!important;grid-template-columns:repeat(4,minmax(125px,1fr))!important;gap:7px!important;width:610px!important;max-width:calc(100vw - 310px)!important;padding:10px!important;border:1px solid #d6e0e9!important;border-radius:11px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,35,60,.16)!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-menu.open .crm-new-dropdown{display:grid!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-width:0!important;min-height:54px!important;padding:8px 9px!important;border:1px solid #dce4ec!important;border-radius:9px!important;background:#f9fbfc!important;color:#17304d!important;box-shadow:none!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option:hover{border-color:#b9cada!important;background:#fff!important;box-shadow:0 7px 16px rgba(20,49,78,.08)!important;transform:translateY(-1px)!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option>svg{display:grid!important;width:28px!important;height:28px!important;padding:6px!important;border-radius:7px!important;background:#eaf2fa!important;color:#2f6999!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option.green>svg{background:#e8f6ee!important;color:#25845b!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option.orange>svg{background:#fff3df!important;color:#b77918!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option.purple>svg{background:#f0eafd!important;color:#7554b7!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option.cyan>svg{background:#e5f7f5!important;color:#21827c!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option.red>svg{background:#fdebea!important;color:#c74b42!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option>span{display:block!important;min-width:0!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option b{display:block!important;overflow:hidden!important;color:#17304d!important;font-size:9.5px!important;font-weight:750!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-option small{display:block!important;margin-top:3px!important;overflow:hidden!important;color:#8291a3!important;font-size:7.5px!important;font-weight:500!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:1050px){html body[data-view="crm"] .aq-crm-head-actions .crm-new-dropdown{grid-template-columns:repeat(2,minmax(145px,1fr))!important;width:430px!important;max-width:calc(100vw - 40px)!important}}

/* Compact shared sidebar rhythm. */
html body[data-view] .nav-section{margin:0 0 5px!important}
html body[data-view] .nav-section-title{margin:8px 12px 4px!important;line-height:1.1!important}
html body[data-view] .nav button{min-height:38px!important;margin:0!important;padding:4px 9px!important;gap:7px!important}
html body[data-view] .nav button .nav-icon{width:28px!important;height:28px!important;border-radius:7px!important}
html body[data-view] .nav button .nav-icon svg{width:15px!important;height:15px!important}
html body[data-view] .nav{padding-top:8px!important;padding-bottom:6px!important}

/* Shared workspace gutter: remove duplicated sidebar-to-content spacing. */
html body[data-view] .main{min-width:0!important;padding-left:0!important}
html body[data-view] .view{min-width:0!important;padding-left:14px!important;padding-right:14px!important}
html body[data-view="crm"] .aq-crm-premium{padding-left:0!important;padding-right:0!important}
html body[data-view="crm"] .aq-crm-globalbar{margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important}

/* Workspace width lock: eliminate left gutter and right-edge clipping. */
html body[data-view] .app-shell{width:100vw!important;max-width:100vw!important;column-gap:0!important;overflow:hidden!important}
html body[data-view] .main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:hidden!important}
html body[data-view] .view{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden!important}
html body[data-view="crm"] .aq-crm-premium{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;overflow-x:clip!important}
html body[data-view="crm"] .aq-crm-premium>*{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body[data-view="crm"] .aq-crm-pagehead{width:100%!important}
html body[data-view="crm"] .aq-crm-head-actions{padding-right:0!important}
html body[data-view="crm"] .aq-crm-quick{margin-right:0!important;transform:none!important}

/* Keep CRM actions and their menu inside the visible workspace. */
html body[data-view="crm"] .aq-crm-head-actions{position:relative!important;right:auto!important;left:auto!important;justify-self:end!important;max-width:100%!important;padding-right:24px!important;transform:none!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-menu{max-width:100%!important}
html body[data-view="crm"] .aq-crm-quick{width:160px!important;max-width:160px!important;justify-content:center!important;overflow:hidden!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-dropdown{right:24px!important;max-width:min(610px,calc(100vw - 320px))!important;transform:none!important}

/* Final CRM header geometry: reserve a real column for Quick Actions. */
html body[data-view="crm"] .aq-crm-pagehead{grid-template-columns:minmax(0,1fr) 178px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}
html body[data-view="crm"] .aq-crm-head-actions{position:relative!important;display:flex!important;justify-content:flex-end!important;align-items:flex-start!important;width:178px!important;max-width:178px!important;padding:3px 0 0!important;box-sizing:border-box!important;overflow:visible!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-menu{position:relative!important;width:174px!important;max-width:174px!important;box-sizing:border-box!important}
html body[data-view="crm"] .aq-crm-quick{width:174px!important;min-width:174px!important;max-width:174px!important;padding:0 10px 0 14px!important;box-sizing:border-box!important;justify-content:space-between!important;overflow:visible!important}
html body[data-view="crm"] .aq-crm-quick span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body[data-view="crm"] .aq-crm-quick b{flex:0 0 22px!important}
html body[data-view="crm"] .aq-crm-head-actions .crm-new-dropdown{right:0!important;left:auto!important}
@media(max-width:720px){html body[data-view="crm"] .aq-crm-pagehead{grid-template-columns:minmax(0,1fr)!important}html body[data-view="crm"] .aq-crm-head-actions{width:100%!important;max-width:100%!important;justify-content:flex-start!important;margin-top:8px!important}}

/* Compact premium CRM heading: one title row, one navigation row. */
html body[data-view="crm"] .aq-crm-pagehead{padding:7px 0 0!important;row-gap:0!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child{align-self:center!important;padding:0!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>p{margin:0 0 2px!important;font-size:9px!important;line-height:1.15!important}
html body[data-view="crm"] .aq-crm-pagehead h1{margin:0!important;font-size:25px!important;line-height:1!important}
html body[data-view="crm"] .aq-crm-pagehead>div:first-child>span{display:block!important;margin:4px 0 0!important;font-size:11px!important;line-height:1.25!important}
html body[data-view="crm"] .aq-crm-head-actions{align-self:center!important;padding-top:0!important}
html body[data-view="crm"] .aq-crm-pagehead nav{min-height:35px!important;height:35px!important;margin-top:7px!important}
html body[data-view="crm"] .aq-crm-pagehead nav button{height:35px!important;padding:0 7px!important}

/* Balance KPI content inside each equal-width segment without reducing scanability. */
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi,
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment{align-content:center!important;justify-content:stretch!important;padding-left:clamp(24px,3vw,50px)!important;padding-right:clamp(24px,3vw,50px)!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi small,
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi b,
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi>span:last-of-type,
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment small,
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment b,
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment>span{justify-self:start!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-icon{right:clamp(18px,2.2vw,36px)!important}
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment>i{justify-self:end!important}

/* Premium KPI finish: quiet colour, tighter rhythm, and stronger hierarchy. */
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi,
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment{min-height:104px!important;padding-top:14px!important;padding-bottom:13px!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi:nth-child(1),
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment:nth-child(1){background:linear-gradient(110deg,#fff 0%,#fff 72%,#fff7f5 100%)!important;box-shadow:inset 0 -3px 0 #e66a5f!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi:nth-child(2),
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment:nth-child(2){background:linear-gradient(110deg,#fff 0%,#fff 72%,#f4f8fc 100%)!important;box-shadow:inset 0 -3px 0 #4d82ad!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi:nth-child(3),
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment:nth-child(3){background:linear-gradient(110deg,#fff 0%,#fff 72%,#f3faf6 100%)!important;box-shadow:inset 0 -3px 0 #3c9a70!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi:nth-child(4),
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment:nth-child(4){background:linear-gradient(110deg,#fff 0%,#fff 72%,#fff9ef 100%)!important;box-shadow:inset 0 -3px 0 #d69a3c!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi b,
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment b{font-weight:850!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi>span:last-of-type,
html body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment>span{color:#697c93!important;font-weight:550!important}
html body[data-view="crm"] .aq-crm-kpis .crm-saas-kpi-icon{right:clamp(22px,2.5vw,40px)!important}

/* Premium pipeline strip: compact, directional, and clearly interactive. */
html body[data-view="crm"] .aq-crm-pipeline-panel>header{min-height:48px!important;padding:8px 16px!important}
html body[data-view="crm"] .aq-crm-pipeline-panel>header h2{font-size:15px!important;line-height:1.1!important}
html body[data-view="crm"] .aq-crm-pipeline-panel>header p{margin-top:2px!important;font-size:9.5px!important}
html body[data-view="crm"] .aq-crm-stage-summary{background:#f8fafc!important}
html body[data-view="crm"] .aq-crm-stage-summary button{position:relative!important;min-height:49px!important;padding:9px 13px 8px!important;cursor:pointer!important;transition:background .16s ease,box-shadow .16s ease!important}
html body[data-view="crm"] .aq-crm-stage-summary button:nth-child(1){background:linear-gradient(180deg,#f7fbff 0%,#f4f8fc 100%)!important;box-shadow:inset 0 3px 0 #4b82b0!important}
html body[data-view="crm"] .aq-crm-stage-summary button:nth-child(2){background:linear-gradient(180deg,#faf9ff 0%,#f6f5fc 100%)!important;box-shadow:inset 0 3px 0 #746ab3!important}
html body[data-view="crm"] .aq-crm-stage-summary button:nth-child(3){background:linear-gradient(180deg,#fffdf8 0%,#fff9ee 100%)!important;box-shadow:inset 0 3px 0 #d39736!important}
html body[data-view="crm"] .aq-crm-stage-summary button:nth-child(4){background:linear-gradient(180deg,#f7fcf9 0%,#f1f8f4 100%)!important;box-shadow:inset 0 3px 0 #3c966d!important}
html body[data-view="crm"] .aq-crm-stage-summary button:nth-child(5){background:linear-gradient(180deg,#fff9f8 0%,#fff5f3 100%)!important;box-shadow:inset 0 3px 0 #d46558!important}
html body[data-view="crm"] .aq-crm-stage-summary button:hover{filter:brightness(.985)!important;box-shadow:inset 0 3px 0 currentColor,0 5px 12px rgba(28,53,80,.07)!important}
html body[data-view="crm"] .aq-crm-stage-summary button:focus-visible{z-index:1!important;outline:2px solid #2f6f9f!important;outline-offset:-2px!important}
html body[data-view="crm"] .aq-crm-stage-summary b{color:#42566f!important;font-size:9.5px!important}
html body[data-view="crm"] .aq-crm-stage-summary small{color:#647a93!important;font-size:9.5px!important;font-weight:550!important}
html body[data-view="crm"] .aq-crm-stage-summary span{min-width:23px!important;width:23px!important;height:23px!important;background:#e0e8f0!important;color:#214b70!important;font-size:9px!important;box-shadow:0 1px 2px rgba(28,54,82,.08)!important}

/* Global professional account placement: header-owned, not sidebar-owned. */
html body .sidebar-user-card,html body[data-view] .sidebar-user-card{display:none!important}
html body[data-view] #installAppButton{margin-top:auto!important;margin-bottom:10px!important}
html body .topbar-actions,html body[data-view] .topbar-actions{align-items:center!important;gap:8px!important}
html body .topbar-actions .global-user-profile,html body[data-view] .topbar-actions .global-user-profile{display:grid!important;grid-template-columns:30px minmax(0,1fr) 12px!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:8px!important;width:auto!important;min-width:142px!important;max-width:190px!important;min-height:38px!important;padding:4px 9px 4px 5px!important;border:1px solid #d8e1ea!important;border-radius:10px!important;background:#fff!important;color:#17304c!important;box-shadow:none!important;text-align:left!important}
html body .topbar-actions .global-user-profile::after,html body[data-view] .topbar-actions .global-user-profile::after{content:"⌄"!important;grid-column:3!important;grid-row:1/3!important;align-self:center!important;color:#7e8fa2!important;font-size:11px!important}
html body .topbar-actions .global-user-profile>span,html body[data-view] .topbar-actions .global-user-profile>span{grid-column:1!important;grid-row:1/3!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:8px!important;background:#ed6843!important;color:#fff!important;font-size:10px!important;font-weight:850!important}
html body .topbar-actions .global-user-profile>b,html body[data-view] .topbar-actions .global-user-profile>b{grid-column:2!important;grid-row:1!important;align-self:end!important;overflow:hidden!important;color:#152c47!important;font-size:9.5px!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .topbar-actions .global-user-profile>small,html body[data-view] .topbar-actions .global-user-profile>small{grid-column:2!important;grid-row:2!important;align-self:start!important;overflow:hidden!important;color:#7c8da1!important;font-size:8px!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .topbar-actions #logoutButton,html body[data-view] .topbar-actions #logoutButton{display:none!important}
html body[data-view="crm"] .aq-crm-globalbar>div>.aq-crm-account{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:8px!important;width:142px!important;height:38px!important;padding:4px 9px 4px 5px!important;border:1px solid #d8e1ea!important;border-radius:9px!important;background:#fff!important;color:#17304c!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-globalbar>div>.aq-crm-account>span{grid-column:1!important;grid-row:1/3!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#ed6843!important;color:#fff!important;font-size:10px!important;font-weight:850!important}
html body[data-view="crm"] .aq-crm-globalbar>div>.aq-crm-account>b{grid-column:2!important;grid-row:1!important;align-self:end!important;overflow:hidden!important;font-size:9.5px!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-globalbar>div>.aq-crm-account>small{grid-column:2!important;grid-row:2!important;align-self:start!important;margin:0!important;overflow:hidden!important;color:#7c8da1!important;font-size:8px!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-globalbar>div>.aq-crm-account:hover,html body .topbar-actions .global-user-profile:hover{border-color:#b9c9d8!important;background:#f9fbfd!important}
html body .cmd-list .cmd-row-danger{margin-top:8px!important;border-color:#f1d4cf!important;background:#fff8f6!important;color:#a83f35!important}
html body .cmd-list .cmd-row-danger:hover{border-color:#e7b8b0!important;background:#fff2ef!important}
html body .cmd-list .cmd-row-danger>span{background:#fbe4df!important;color:#c34c3f!important}
html body .cmd-list .cmd-row-danger>span svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important}
html body .cmd-list .cmd-row-danger>b{color:#a83f35!important}

/* Account menu uses a compact header popover, never the full-screen details sheet. */
html body #modal[data-mode="account-menu"]{align-items:start!important;justify-items:end!important;padding:66px 24px 20px 282px!important}
html body #modal[data-mode="account-menu"] .modal-backdrop{background:rgba(15,31,50,.14)!important;backdrop-filter:none!important}
html body #modal[data-mode="account-menu"] .modal-panel{position:relative!important;inset:auto!important;width:360px!important;max-width:min(360px,calc(100vw - 32px))!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 86px)!important;margin:0!important;overflow:hidden!important;border:1px solid #d7e0e9!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 44px rgba(15,35,58,.2)!important}
html body #modal[data-mode="account-menu"] .modal-header{min-height:50px!important;height:50px!important;padding:9px 12px 9px 15px!important;border-bottom:1px solid #e1e7ed!important;background:#fff!important}
html body #modal[data-mode="account-menu"] #modalEyebrow{display:none!important}
html body #modal[data-mode="account-menu"] #modalTitle{margin:0!important;color:#17304d!important;font-size:15px!important;line-height:1.1!important}
html body #modal[data-mode="account-menu"] .modal-header .icon-button{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid #d8e1ea!important;border-radius:8px!important;background:#f8fafc!important;color:#49627d!important;font-size:0!important}
html body #modal[data-mode="account-menu"] .modal-header .icon-button::after{content:"×"!important;font-size:18px!important;line-height:1!important}
html body #modal[data-mode="account-menu"] .modal-body{padding:10px!important;overflow:auto!important;background:#f7f9fb!important}
html body #modal[data-mode="account-menu"] .cmd-user-card{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;min-height:60px!important;margin:0 0 8px!important;padding:9px!important;border:1px solid #dce4ec!important;border-radius:10px!important;background:#fff!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>span{grid-column:1!important;grid-row:1/3!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:10px!important;background:#ed6843!important;color:#fff!important;font-size:11px!important;font-weight:850!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>b{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:11px!important;line-height:1.15!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>small{grid-column:2!important;grid-row:2!important;align-self:start!important;margin-top:3px!important;font-size:9px!important}
html body #modal[data-mode="account-menu"] .cmd-list{display:grid!important;gap:6px!important}
html body #modal[data-mode="account-menu"] .cmd-row{grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:52px!important;padding:7px 9px!important;border:1px solid #dce4ec!important;border-radius:9px!important;background:#fff!important}
html body #modal[data-mode="account-menu"] .cmd-row>span{grid-column:1!important;grid-row:1/3!important;width:32px!important;height:32px!important;border-radius:8px!important;font-size:9px!important}
html body #modal[data-mode="account-menu"] .cmd-row>b{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:10px!important}
html body #modal[data-mode="account-menu"] .cmd-row>small{grid-column:2!important;grid-row:2!important;align-self:start!important;margin-top:2px!important;font-size:8.5px!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger{margin-top:2px!important}
@media(max-width:900px){html body #modal[data-mode="account-menu"]{padding:58px 16px 16px!important}}

/* Final minimal account popover: identity plus logout only. */
html body #modal[data-mode="account-menu"]{padding-top:62px!important}
html body #modal[data-mode="account-menu"] .modal-backdrop{background:rgba(15,31,50,.06)!important}
html body #modal[data-mode="account-menu"] .modal-panel{width:286px!important;max-width:calc(100vw - 24px)!important;max-height:190px!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(15,35,58,.18)!important}
html body #modal[data-mode="account-menu"] .modal-header{display:none!important}
html body #modal[data-mode="account-menu"] .modal-body{padding:8px!important;background:#fff!important}
html body #modal[data-mode="account-menu"] .cmd-user-card{grid-template-columns:38px minmax(0,1fr)!important;min-height:54px!important;margin-bottom:6px!important;padding:7px!important;border:0!important;border-bottom:1px solid #e3e8ee!important;border-radius:7px!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>span{width:36px!important;height:36px!important;border-radius:9px!important;font-size:10px!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>b{font-size:10px!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>small{font-size:8.5px!important}
html body #modal[data-mode="account-menu"] .cmd-list{gap:0!important}
html body #modal[data-mode="account-menu"] .cmd-row{grid-template-columns:30px minmax(0,1fr)!important;min-height:44px!important;padding:6px 8px!important;border:0!important;border-radius:8px!important}
html body #modal[data-mode="account-menu"] .cmd-row>span{width:28px!important;height:28px!important}
html body #modal[data-mode="account-menu"] .cmd-row>b{font-size:9.5px!important}
html body #modal[data-mode="account-menu"] .cmd-row>small{font-size:8px!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger{margin:0!important;background:#fff7f5!important}
@media(max-width:900px){html body #modal[data-mode="account-menu"]{padding-top:54px!important;padding-right:12px!important}}

/* Final account action: one clean logout line. */
html body #modal[data-mode="account-menu"] .modal-panel{box-shadow:0 10px 28px rgba(15,35,58,.14)!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:1fr!important;align-items:center!important;justify-items:start!important;column-gap:8px!important;min-height:42px!important;padding:7px 9px!important;text-align:left!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger>span{grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:start!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger>b{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:start!important;margin:0!important;font-size:10px!important;line-height:1!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger>small{display:none!important}

/* Ultra-compact account card. */
html body #modal[data-mode="account-menu"] .modal-panel{width:232px!important;max-width:calc(100vw - 20px)!important;max-height:146px!important;border-radius:10px!important}
html body #modal[data-mode="account-menu"] .modal-body{padding:6px!important}
html body #modal[data-mode="account-menu"] .cmd-user-card{grid-template-columns:32px minmax(0,1fr)!important;column-gap:8px!important;min-height:44px!important;margin-bottom:3px!important;padding:4px 5px 6px!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>span{width:30px!important;height:30px!important;border-radius:8px!important;font-size:9px!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>b{font-size:9px!important}
html body #modal[data-mode="account-menu"] .cmd-user-card>small{margin-top:2px!important;font-size:7.5px!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger{grid-template-columns:24px minmax(0,1fr)!important;column-gap:7px!important;min-height:34px!important;padding:4px 6px!important;border-radius:7px!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger>span{width:22px!important;height:22px!important;border-radius:6px!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger>span svg{width:13px!important;height:13px!important}
html body #modal[data-mode="account-menu"] .cmd-row-danger>b{font-size:9px!important}

/* Approved CRM proposal: focused filters, no duplicate list, actionable lower grid. */
html body[data-view="crm"] .aq-crm-premium{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;column-gap:11px!important;row-gap:11px!important}
html body[data-view="crm"] .aq-crm-globalbar,
html body[data-view="crm"] .aq-crm-pagehead,
html body[data-view="crm"] .aq-crm-kpis{grid-column:1/-1!important}
html body[data-view="crm"] .aq-crm-globalbar{order:1!important}
html body[data-view="crm"] .aq-crm-pagehead{order:2!important}
html body[data-view="crm"] .aq-crm-kpis{order:3!important}
html body[data-view="crm"] .aq-crm-filters{grid-column:1/-1!important;order:4!important;display:grid!important;grid-template-columns:minmax(150px,.55fr) minmax(150px,.55fr) minmax(220px,1fr) auto!important;align-items:end!important;gap:8px!important;padding:9px 10px!important;border:1px solid #d9e2ea!important;border-radius:11px!important;background:#f8fafc!important}
html body[data-view="crm"] .aq-crm-filters label{display:grid!important;gap:4px!important;min-width:0!important}
html body[data-view="crm"] .aq-crm-filters label>span{color:#63758b!important;font-size:9px!important;font-weight:750!important;letter-spacing:.04em!important;text-transform:uppercase!important}
html body[data-view="crm"] .aq-crm-filters select{width:100%!important;min-width:0!important;height:34px!important;padding:0 28px 0 9px!important;border:1px solid #d5dee7!important;border-radius:8px!important;background:#fff!important;color:#233b56!important;font:10px inherit!important}
html body[data-view="crm"] .aq-crm-filters>button{height:34px!important;padding:0 12px!important;border:1px solid #d5dee7!important;border-radius:8px!important;background:#fff!important;color:#35658e!important;font-size:9.5px!important;font-weight:700!important;white-space:nowrap!important}
html body[data-view="crm"] .aq-crm-primary-grid,
html body[data-view="crm"] .aq-crm-secondary-grid{display:contents!important}
html body[data-view="crm"] .aq-crm-pipeline-panel{grid-column:1/-1!important;order:5!important}
html body[data-view="crm"] .aq-crm-follow-panel{grid-column:1!important;order:6!important}
html body[data-view="crm"] .aq-crm-customer-panel{grid-column:2!important;order:7!important}
html body[data-view="crm"] .aq-crm-recent-panel{display:none!important}
html body[data-view="crm"] .aq-crm-follow-list .crm-priority-row{grid-template-columns:minmax(0,1fr) 110px 132px 64px!important;gap:9px!important}
html body[data-view="crm"] .crm-priority-row em.overdue-critical{background:#fde8e5!important;color:#b83d32!important}
html body[data-view="crm"] .crm-win-rate.low{background:#fde9e6!important;color:#b84136!important}
html body[data-view="crm"] .crm-win-rate.mid{background:#fff1d9!important;color:#9a6419!important}
html body[data-view="crm"] .crm-win-rate.high{background:#e5f4ec!important;color:#237953!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th:nth-child(2),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th:nth-child(3),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(2),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(3),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(6){display:none!important}
html body[data-view="crm"] .aq-crm-panel .crm-control-table tbody tr:hover td{background:#f7fafc!important}
html body[data-view="crm"] .aq-crm-panel .crm-control-table thead th{position:sticky!important;top:0!important;z-index:2!important}
@media(max-width:1180px){html body[data-view="crm"] .aq-crm-premium{grid-template-columns:1fr!important}html body[data-view="crm"] .aq-crm-follow-panel,html body[data-view="crm"] .aq-crm-customer-panel{grid-column:1!important}html body[data-view="crm"] .aq-crm-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){html body[data-view="crm"] .aq-crm-filters{grid-template-columns:1fr!important}}

/* Customer Performance is an explicit three-column table. */
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table{width:100%!important;table-layout:fixed!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th:nth-child(1),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(1){display:table-cell!important;width:56%!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th:nth-child(4),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(4){display:table-cell!important;width:16%!important;text-align:center!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th:nth-child(5),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(5){display:table-cell!important;width:28%!important;text-align:right!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(1){overflow:hidden!important;text-overflow:ellipsis!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(5) strong{font-size:10.5px!important;white-space:nowrap!important}

/* CRM Follow-ups: sticky headings and one shared alignment grid. */
html body .modal[data-mode="crm-followups"].open .modal-panel{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important}
html body .modal[data-mode="crm-followups"].open .modal-header{position:sticky!important;top:0!important;z-index:30!important;background:#fff!important;box-shadow:0 1px 0 #dce4ec!important}
html body .modal[data-mode="crm-followups"].open .modal-body{min-height:0!important;overflow:auto!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register{width:100%!important;min-width:0!important;overflow:visible!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-head,
html body .modal[data-mode="crm-followups"].open .crm-followup-register-row{grid-template-columns:minmax(280px,1.7fr) minmax(110px,.42fr) minmax(130px,.48fr) minmax(110px,.42fr) minmax(160px,.65fr)!important;align-items:center!important;gap:14px!important;width:100%!important;box-sizing:border-box!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-head{position:sticky!important;top:0!important;z-index:20!important;background:#f2f5f8!important;box-shadow:0 1px 0 #dce5ed!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-head>span:nth-child(2),
html body .modal[data-mode="crm-followups"].open .crm-followup-register-head>span:nth-child(3),
html body .modal[data-mode="crm-followups"].open .crm-followup-register-head>span:nth-child(4),
html body .modal[data-mode="crm-followups"].open .crm-followup-register-row>span:nth-child(2),
html body .modal[data-mode="crm-followups"].open .crm-followup-register-row>span:nth-child(3),
html body .modal[data-mode="crm-followups"].open .crm-followup-register-row>span:nth-child(4){text-align:center!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-head>span:nth-child(5),
html body .modal[data-mode="crm-followups"].open .crm-followup-register-row>span:nth-child(5){text-align:right!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-customer{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-amount{justify-self:stretch!important;text-align:right!important;white-space:nowrap!important}
@media(max-width:900px){html body .modal[data-mode="crm-followups"].open .crm-followup-register-head{display:none!important}html body .modal[data-mode="crm-followups"].open .crm-followup-register-row{grid-template-columns:minmax(0,1fr) auto!important}}

/* Customer Performance markup is now natively three columns. */
html body[data-view="crm"] .aq-crm-customer-panel>header,
html body[data-view="crm"] .aq-crm-follow-panel>header{position:sticky!important;top:0!important;z-index:8!important;background:#fff!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table{table-layout:fixed!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th,
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td{display:table-cell!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th:nth-child(1),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(1){width:58%!important;text-align:left!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th:nth-child(2),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(2){width:16%!important;text-align:center!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table th:nth-child(3),
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(3){width:26%!important;text-align:right!important}
html body[data-view="crm"] .aq-crm-customer-panel .crm-control-table td:nth-child(3) strong{white-space:nowrap!important}

/* Customer Performance uses an isolated grid so legacy CRM table rules cannot hide its metrics. */
html body[data-view="crm"] .aq-customer-performance-list{width:100%;overflow:hidden}
html body[data-view="crm"] .aq-customer-performance-head,
html body[data-view="crm"] .aq-customer-performance-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 86px 150px;
  align-items:center;
  column-gap:16px;
  width:100%;
  min-height:52px;
  padding:0 18px;
  box-sizing:border-box;
}
html body[data-view="crm"] .aq-customer-performance-head{
  min-height:38px;
  background:#f5f7fa;
  color:#66758b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-bottom:1px solid #dfe6ee;
}
html body[data-view="crm"] .aq-customer-performance-row{
  appearance:none;
  border:0;
  border-bottom:1px solid #e2e8f0;
  border-radius:0;
  background:#fff;
  color:#14213a;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
html body[data-view="crm"] .aq-customer-performance-row:last-child{border-bottom:0}
html body[data-view="crm"] .aq-customer-performance-row:hover{background:#f8fbff}
html body[data-view="crm"] .aq-customer-performance-row>b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
html body[data-view="crm"] .aq-customer-performance-head>span:nth-child(2),
html body[data-view="crm"] .aq-customer-performance-row>.crm-win-rate{justify-self:center}
html body[data-view="crm"] .aq-customer-performance-head>span:nth-child(3),
html body[data-view="crm"] .aq-customer-performance-row>strong{justify-self:end;text-align:right}
html body[data-view="crm"] .aq-customer-performance-row>strong{font-size:11px;white-space:nowrap}
@media(max-width:760px){
  html body[data-view="crm"] .aq-customer-performance-head,
  html body[data-view="crm"] .aq-customer-performance-row{grid-template-columns:minmax(0,1fr) 64px 112px;padding:0 12px;column-gap:8px}
}

/* Global modal geometry: fixed title, isolated scrolling body, no content bleed. */
html body .modal.open:not([data-mode="account-menu"]) .modal-panel{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important}
html body .modal.open:not([data-mode="account-menu"]) .modal-header{position:sticky!important;top:0!important;z-index:50!important;background:#fff!important;box-shadow:0 1px 0 #dbe3eb!important}
html body .modal.open:not([data-mode="account-menu"]) .modal-body{min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important}
html body .modal[data-mode="crm-followups"].open .modal-body{padding-top:0!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register{border-top-left-radius:0!important;border-top-right-radius:0!important}
html body .modal[data-mode="crm-followups"].open .crm-followup-register-head{top:0!important;margin-top:0!important}

/* Official AQ360 logo, aligned identically across every dashboard sidebar. */
html body .sidebar .brand,html body[data-view] .sidebar .brand{display:flex!important;align-items:center!important;justify-content:center!important;height:82px!important;min-height:82px!important;padding:8px 9px!important;background:transparent!important}
html body .sidebar-official-logo,html body[data-view] .sidebar-official-logo{display:block!important;width:100%!important;max-width:226px!important;height:66px!important;max-height:66px!important;object-fit:contain!important;object-position:center!important;border:1px solid rgba(210,220,232,.78)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 7px 18px rgba(3,16,34,.18)!important}
html body .sidebar-aq360-logo,html body[data-view] .sidebar-aq360-logo{display:none!important}

/* Shared ERP data-box scrolling: fixed box heading with vertical and horizontal content scroll. */
html body :is(
  .crm-control-table-wrap,
  .aq-customer-performance-list,
  .aq-crm-follow-list,
  .compact-record-register,
  .table-wrap,
  .data-table-wrap,
  .erp-scroll-box
){
  max-width:100%;
  max-height:430px;
  overflow:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:auto;
  -webkit-overflow-scrolling:touch;
}
html body :is(
  .crm-control-table-wrap,
  .compact-record-register,
  .table-wrap,
  .data-table-wrap
)>table{min-width:760px}
html body :is(
  .crm-control-table-wrap,
  .compact-record-register,
  .table-wrap,
  .data-table-wrap,
  .erp-scroll-box
)::-webkit-scrollbar{width:9px;height:9px}
html body :is(
  .crm-control-table-wrap,
  .compact-record-register,
  .table-wrap,
  .data-table-wrap,
  .erp-scroll-box
)::-webkit-scrollbar-track{background:#eef2f6;border-radius:999px}
html body :is(
  .crm-control-table-wrap,
  .compact-record-register,
  .table-wrap,
  .data-table-wrap,
  .erp-scroll-box
)::-webkit-scrollbar-thumb{background:#afbccb;border:2px solid #eef2f6;border-radius:999px}
html body :is(
  .crm-control-table-wrap,
  .compact-record-register,
  .table-wrap,
  .data-table-wrap,
  .erp-scroll-box
)::-webkit-scrollbar-thumb:hover{background:#8799ab}
html body :is(.crm-control-table,.data-table,.compact-record-register) thead th,
html body .compact-record-head{position:sticky!important;top:0!important;z-index:5!important}

/* Full Customer Performance register opened by its own View all action. */
html body .crm-performance-register{max-height:min(68vh,620px)!important;min-width:0}
html body .crm-performance-register-head,
html body .crm-performance-register-row{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) 90px 90px 110px 170px;
  align-items:center;
  min-width:800px;
  min-height:48px;
  padding:0 16px;
  gap:12px;
  box-sizing:border-box;
}
html body .crm-performance-register-head{
  position:sticky;
  top:0;
  z-index:5;
  min-height:40px;
  border-bottom:1px solid #dce4ec;
  background:#f4f7fa;
  color:#65758a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
html body .crm-performance-register-row{
  width:100%;
  border:0;
  border-bottom:1px solid #e2e8ef;
  border-radius:0;
  background:#fff;
  color:#13213a;
  text-align:left;
  cursor:pointer;
}
html body .crm-performance-register-row:hover{background:#f8fbfe}
html body .crm-performance-register-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .crm-performance-register-head>span:not(:first-child),
html body .crm-performance-register-row>span{text-align:center}
html body .crm-performance-register-head>span:last-child,
html body .crm-performance-register-row>strong{text-align:right;white-space:nowrap}
html body .crm-performance-register-row .crm-win-rate{display:inline-flex!important;font-style:normal}

/* Premium notification register — overrides all legacy full-screen modal geometry. */
html body #modal.modal[data-mode="notifications"].open{
  padding:18px!important;
  align-items:center!important;
  justify-content:center!important;
}
html body #modal.modal[data-mode="notifications"].open .modal-panel{
  width:min(720px,calc(100vw - 32px))!important;
  max-width:720px!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(82vh,760px)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  border:1px solid #d7e0e9!important;
  border-radius:16px!important;
  background:#f7f9fc!important;
  box-shadow:0 24px 70px rgba(10,28,50,.24)!important;
  overflow:hidden!important;
}
html body #modal.modal[data-mode="notifications"].open .modal-header{
  min-height:68px!important;
  padding:13px 18px!important;
  border-bottom:1px solid #dce4ec!important;
  background:#fff!important;
}
html body #modal.modal[data-mode="notifications"].open .modal-header .eyebrow{
  margin:0 0 3px!important;
  color:#2d668f!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}
html body #modal.modal[data-mode="notifications"].open .modal-header h2{
  margin:0!important;
  color:#10213a!important;
  font-size:21px!important;
  line-height:1.1!important;
}
html body #modal.modal[data-mode="notifications"].open .modal-header>button{
  width:auto!important;
  min-width:68px!important;
  height:36px!important;
  padding:0 14px!important;
  border:1px solid #cfdae6!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#245d87!important;
  font-size:11px!important;
  font-weight:800!important;
}
html body #modal.modal[data-mode="notifications"].open .modal-body{
  min-height:0!important;
  max-height:none!important;
  padding:12px!important;
  overflow:hidden!important;
  background:#f7f9fc!important;
}
html body .notification-premium-register{display:grid!important;gap:10px!important;min-height:0!important}
html body .notification-premium-summary{
  display:grid!important;
  grid-template-columns:120px 120px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}
html body .notification-premium-summary>span{
  display:grid!important;
  grid-template-columns:8px auto 1fr!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:1px solid #dce4ec!important;
  border-radius:9px!important;
  background:#fff!important;
}
html body .notification-premium-summary i{width:7px!important;height:7px!important;border-radius:50%!important}
html body .notification-premium-summary i.red{background:#dc5a50!important}
html body .notification-premium-summary i.amber{background:#dc992b!important}
html body .notification-premium-summary b{font-size:13px!important;color:#10213a!important}
html body .notification-premium-summary small{font-size:9.5px!important;color:#6b7b90!important}
html body .notification-premium-summary>button{
  justify-self:end!important;
  height:36px!important;
  padding:0 12px!important;
  border:1px solid #cbd8e4!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#28618d!important;
  font-size:10px!important;
  font-weight:800!important;
}
html body #modal.modal[data-mode="notifications"] .notification-all-list{
  display:grid!important;
  max-height:min(58vh,540px)!important;
  border:1px solid #dce4ec!important;
  border-radius:11px!important;
  background:#fff!important;
  overflow:auto!important;
}
html body #modal.modal[data-mode="notifications"] .notification-model-item{
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:64px!important;
  padding:9px 12px!important;
  border:0!important;
  border-bottom:1px solid #e4e9ef!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}
html body #modal.modal[data-mode="notifications"] .notification-model-item:last-child{border-bottom:0!important}
html body #modal.modal[data-mode="notifications"] .notification-model-item:hover{background:#f8fbfe!important}
html body #modal.modal[data-mode="notifications"] .notification-dot{
  width:7px!important;height:7px!important;margin:0!important;align-self:center!important
}
html body #modal.modal[data-mode="notifications"] .notification-copy{gap:2px!important}
html body #modal.modal[data-mode="notifications"] .notification-row-head strong{font-size:11px!important}
html body #modal.modal[data-mode="notifications"] .notification-row-head em{font-size:9px!important}
html body #modal.modal[data-mode="notifications"] .notification-message{font-size:10.5px!important;line-height:1.35!important}
html body #modal.modal[data-mode="notifications"] .notification-copy small{font-size:9.5px!important}
html body #modal.modal[data-mode="notifications"] .notification-chevron{font-size:18px!important}

/* Shared feedback layer: messages must remain visible above every modal. */
html body #toast.toast {
  z-index:100000!important;
}

@media(max-width:640px){
  html body .notification-premium-summary{grid-template-columns:1fr 1fr!important}
  html body .notification-premium-summary>button{grid-column:1/-1!important;justify-self:stretch!important}
}

/* Global ERP overflow contract: scrollbars appear only when content overflows. */
html body #view :is(
  [class*="table-wrap"],
  [class*="table-container"],
  [class*="record-register"],
  [class$="-register"],
  [class$="-list"],
  [class*="-list-scroll"]
),
html body #modalBody :is(
  [class*="table-wrap"],
  [class*="table-container"],
  [class*="record-register"],
  [class$="-register"],
  [class$="-list"],
  [class*="-list-scroll"]
){
  max-width:100%!important;
  max-height:430px!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:#9cacbc #edf2f6!important;
}
html body #view :is(
  [class*="table-wrap"],
  [class*="table-container"],
  [class*="record-register"],
  [class$="-register"],
  [class$="-list"],
  [class*="-list-scroll"]
)::-webkit-scrollbar,
html body #modalBody :is(
  [class*="table-wrap"],
  [class*="table-container"],
  [class*="record-register"],
  [class$="-register"],
  [class$="-list"],
  [class*="-list-scroll"]
)::-webkit-scrollbar{width:10px!important;height:10px!important}
html body #view :is(
  [class*="table-wrap"],
  [class*="table-container"],
  [class*="record-register"],
  [class$="-register"],
  [class$="-list"],
  [class*="-list-scroll"]
)::-webkit-scrollbar-track,
html body #modalBody :is(
  [class*="table-wrap"],
  [class*="table-container"],
  [class*="record-register"],
  [class$="-register"],
  [class$="-list"],
  [class*="-list-scroll"]
)::-webkit-scrollbar-track{background:#edf2f6!important;border-radius:999px!important}
html body #view :is(
  [class*="table-wrap"],
  [class*="table-container"],
  [class*="record-register"],
  [class$="-register"],
  [class$="-list"],
  [class*="-list-scroll"]
)::-webkit-scrollbar-thumb,
html body #modalBody :is(
  [class*="table-wrap"],
  [class*="table-container"],
  [class*="record-register"],
  [class$="-register"],
  [class$="-list"],
  [class*="-list-scroll"]
)::-webkit-scrollbar-thumb{
  min-width:28px!important;
  min-height:28px!important;
  border:2px solid #edf2f6!important;
  border-radius:999px!important;
  background:#9cacbc!important;
}
html body #view :is([class*="table-wrap"],[class*="table-container"])>table,
html body #modalBody :is([class*="table-wrap"],[class*="table-container"])>table{min-width:760px!important}
html body #view :is([class*="record-register"],[class$="-register"])>:is([class*="-head"],[class*="-header"]),
html body #modalBody :is([class*="record-register"],[class$="-register"])>:is([class*="-head"],[class*="-header"]){
  position:sticky!important;
  top:0!important;
  z-index:6!important;
}

/* One global application header across every ERP dashboard and module. */
html body .main,
html body[data-view] .main{
  min-width:0!important;
}

html body .topbar,
html body[data-view] .topbar,
html body[data-view="crm"] .topbar,
html body[data-view="finance"] .topbar,
html body[data-view="commandCenter"] .topbar{
  display:grid!important;
  grid-template-columns:minmax(340px,390px) minmax(260px,1fr) max-content!important;
  grid-template-areas:"title command actions"!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  min-height:68px!important;
  height:68px!important;
  padding:9px 18px!important;
  overflow:hidden!important;
  border-bottom:1px solid #dbe3ee!important;
  background:#f8fafc!important;
  box-sizing:border-box!important;
}

html body .topbar>div:first-of-type,
html body[data-view] .topbar>div:first-of-type,
html body[data-view="crm"] .topbar>div:first-of-type,
html body[data-view="finance"] .topbar>div:first-of-type,
html body[data-view="commandCenter"] .topbar>div:first-of-type{
  grid-area:title!important;
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

html body .topbar>div:first-of-type .eyebrow,
html body[data-view] .topbar>div:first-of-type .eyebrow{
  display:block!important;
  max-width:100%!important;
  margin:0 0 3px!important;
  overflow:hidden!important;
  color:#718297!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  text-overflow:ellipsis!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

html body .topbar>div:first-of-type h1,
html body[data-view] .topbar>div:first-of-type h1{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#102944!important;
  font:700 20px/1.1 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.01em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .topbar-command,
html body[data-view] .topbar-command,
html body[data-view="crm"] .topbar-command,
html body[data-view="finance"] .topbar-command,
html body[data-view="commandCenter"] .topbar-command{
  grid-area:command!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

html body .global-header-search,
html body[data-view] .global-header-search{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
}

html body .topbar-actions,
html body[data-view] .topbar-actions,
html body[data-view="crm"] .topbar-actions,
html body[data-view="finance"] .topbar-actions,
html body[data-view="commandCenter"] .topbar-actions{
  grid-area:actions!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  overflow:visible!important;
}

@media(max-width:1180px){
  html body .topbar,
  html body[data-view] .topbar{
    grid-template-columns:minmax(260px,310px) minmax(220px,1fr) max-content!important;
    gap:12px!important;
  }
}

@media(max-width:900px){
  html body .topbar,
  html body[data-view] .topbar{
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-areas:"title actions" "command command"!important;
    height:auto!important;
    min-height:116px!important;
    overflow:visible!important;
  }

  html body .topbar>div:first-of-type,
  html body[data-view] .topbar>div:first-of-type{
    max-width:none!important;
  }
}

/* Retire legacy header controls; the shared profile is the single account display. */
html body .topbar .topbar-actions #currentUserLabel,
html body[data-view] .topbar .topbar-actions #currentUserLabel,
html body .topbar .topbar-actions #todayLabel,
html body[data-view] .topbar .topbar-actions #todayLabel,
html body .topbar .topbar-actions #logoutButton,
html body[data-view] .topbar .topbar-actions #logoutButton{
  display:none!important;
}

/* Manual cloud refresh: one-line shared header control for web and installed app. */
html body .topbar .topbar-actions #cloudStatusLabel,
html body[data-view] .topbar .topbar-actions #cloudStatusLabel{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#718096!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}

html body .topbar .topbar-actions #cloudStatusLabel::before,
html body[data-view] .topbar .topbar-actions #cloudStatusLabel::before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  margin-right:6px!important;
  border-radius:50%!important;
  background:#22a06b!important;
}

html body .topbar .topbar-actions #cloudStatusLabel.syncing::before,
html body[data-view] .topbar .topbar-actions #cloudStatusLabel.syncing::before{
  background:#d99b20!important;
}

html body .topbar .topbar-actions #cloudStatusLabel.offline::before,
html body[data-view] .topbar .topbar-actions #cloudStatusLabel.offline::before{
  background:#dc3545!important;
}

html body .topbar .topbar-actions #syncLatestButton,
html body[data-view] .topbar .topbar-actions #syncLatestButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:94px!important;
  height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #d8e1ea!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17304c!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

html body .topbar .topbar-actions #syncLatestButton:hover,
html body[data-view] .topbar .topbar-actions #syncLatestButton:hover{
  border-color:#b9c9d8!important;
  background:#f9fbfd!important;
}

html body .topbar .topbar-actions #syncLatestButton:disabled,
html body[data-view] .topbar .topbar-actions #syncLatestButton:disabled{
  cursor:wait!important;
  opacity:.7!important;
}

html body .topbar .topbar-actions #syncLatestButton svg,
html body[data-view] .topbar .topbar-actions #syncLatestButton svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body .topbar .topbar-actions #syncLatestButton.is-refreshing svg,
html body[data-view] .topbar .topbar-actions #syncLatestButton.is-refreshing svg{
  animation:aq360-header-refresh-spin .8s linear infinite!important;
}

@keyframes aq360-header-refresh-spin{
  to{transform:rotate(360deg)}
}

@media(max-width:1180px){
  html body .topbar .topbar-actions #cloudStatusLabel,
  html body[data-view] .topbar .topbar-actions #cloudStatusLabel{
    display:none!important;
  }
}

@media(max-width:720px){
  html body .topbar .topbar-actions #syncLatestButton,
  html body[data-view] .topbar .topbar-actions #syncLatestButton{
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
  }

  html body .topbar .topbar-actions #syncLatestButton span,
  html body[data-view] .topbar .topbar-actions #syncLatestButton span{
    display:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body .topbar .topbar-actions #syncLatestButton.is-refreshing svg,
  html body[data-view] .topbar .topbar-actions #syncLatestButton.is-refreshing svg{
    animation:none!important;
  }
}

/* Finance-only header alignment: neutralize legacy Finance Desk sizing rules. */
html body[data-view="finance"] .topbar{
  grid-template-columns:minmax(300px,340px) minmax(280px,1fr) max-content!important;
  grid-template-areas:"title command actions"!important;
  align-items:center!important;
  column-gap:16px!important;
  height:68px!important;
  min-height:68px!important;
  padding:9px 28px 9px 24px!important;
}

html body[data-view="finance"] .topbar>div:first-of-type{
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

html body[data-view="finance"] .topbar .topbar-command{
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

html body[data-view="finance"] .topbar .topbar-actions{
  align-self:center!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding-right:0!important;
}

@media(max-width:1180px){
  html body[data-view="finance"] .topbar{
    grid-template-columns:minmax(240px,280px) minmax(220px,1fr) max-content!important;
    column-gap:12px!important;
    padding-inline:18px!important;
  }
}

@media(max-width:900px){
  html body[data-view="finance"] .topbar{
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-areas:"title actions" "command command"!important;
    height:auto!important;
    min-height:116px!important;
  }
}

html body .topbar .global-header-search>input,
html body[data-view] .topbar .global-header-search>input{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body .topbar .global-header-search>input:focus,
html body[data-view] .topbar .global-header-search>input:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* CRM now uses the shared application header; never revive its retired local bar. */
html body[data-view="crm"] .aq-crm-globalbar{
  display:none!important;
}

html body[data-view="crm"] .main{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  min-height:100vh!important;
  height:100vh!important;
  overflow:hidden!important;
}

html body[data-view="crm"] .main>.topbar{
  display:grid!important;
  flex:0 0 68px!important;
}

html body[data-view="crm"] .main>.view{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  overflow:auto!important;
}

/* Final shared-header proportions and edge protection. */
html body .topbar,
html body[data-view] .topbar,
html body[data-view="crm"] .topbar,
html body[data-view="finance"] .topbar,
html body[data-view="commandCenter"] .topbar{
  grid-template-columns:minmax(300px,360px) minmax(280px,1fr) max-content!important;
  gap:16px!important;
  padding:9px 28px 9px 20px!important;
  overflow:visible!important;
}

html body .topbar>div:first-of-type h1,
html body[data-view] .topbar>div:first-of-type h1,
html body[data-view="crm"] .topbar>div:first-of-type h1,
html body[data-view="finance"] .topbar>div:first-of-type h1,
html body[data-view="commandCenter"] .topbar>div:first-of-type h1{
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}

html body .topbar>div:first-of-type .eyebrow,
html body[data-view] .topbar>div:first-of-type .eyebrow{
  margin-bottom:4px!important;
  font-size:10px!important;
  line-height:1.1!important;
  letter-spacing:.045em!important;
  text-transform:none!important;
}

html body .topbar .topbar-command,
html body[data-view] .topbar .topbar-command{
  justify-self:center!important;
  max-width:720px!important;
}

html body .topbar .global-header-search,
html body[data-view] .topbar .global-header-search{
  max-width:720px!important;
}

html body .topbar .topbar-actions,
html body[data-view] .topbar .topbar-actions{
  gap:8px!important;
  padding-right:10px!important;
}

html body .topbar .topbar-actions .global-user-profile,
html body[data-view] .topbar .topbar-actions .global-user-profile{
  width:230px!important;
  min-width:230px!important;
  max-width:230px!important;
  padding-right:22px!important;
}

html body .topbar .topbar-actions .global-user-profile>b,
html body[data-view] .topbar .topbar-actions .global-user-profile>b{
  font-size:11px!important;
}

html body .topbar .topbar-actions .global-user-profile>small,
html body[data-view] .topbar .topbar-actions .global-user-profile>small{
  font-size:9px!important;
}

html body .topbar .topbar-actions .notification-center,
html body[data-view] .topbar .topbar-actions .notification-center{
  position:relative!important;
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}

html body .topbar .topbar-actions .notification-toggle,
html body[data-view] .topbar .topbar-actions .notification-toggle{
  position:relative!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  overflow:visible!important;
}

html body .topbar .topbar-actions .notification-toggle strong,
html body[data-view] .topbar .topbar-actions .notification-toggle strong{
  top:-3px!important;
  right:-3px!important;
  display:grid!important;
  place-items:center!important;
  min-width:24px!important;
  width:auto!important;
  height:22px!important;
  padding:0 6px!important;
  border:2px solid #f8fafc!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* General Manager workspace: action-first, quiet, and free of KPI clutter. */
html body[data-view="commandCenter"] .view{
  padding:18px!important;
  background:#f3f6f9!important;
}

html body[data-view="commandCenter"] .gm-simple-dashboard,
html body[data-view="commandCenter"] .gm-simple-dashboard *{
  box-sizing:border-box!important;
}

html body[data-view="commandCenter"] .gm-simple-dashboard{
  display:grid!important;
  gap:18px!important;
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  color:#13233b!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
}

html body[data-view="commandCenter"] .gm-simple-welcome{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  min-height:132px!important;
  padding:26px 30px!important;
  border:1px solid #d9e2eb!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(18,43,70,.045)!important;
}

html body[data-view="commandCenter"] .gm-simple-welcome span,
html body[data-view="commandCenter"] .gm-simple-panel header>span,
html body[data-view="commandCenter"] .gm-simple-panel header div>span{
  display:block!important;
  margin:0 0 8px!important;
  color:#58728d!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
}

html body[data-view="commandCenter"] .gm-simple-welcome h1{
  margin:0 0 7px!important;
  color:#10233e!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}

html body[data-view="commandCenter"] .gm-simple-welcome p,
html body[data-view="commandCenter"] .gm-simple-panel header p{
  margin:0!important;
  color:#708197!important;
  font-size:11px!important;
  line-height:1.45!important;
}

html body[data-view="commandCenter"] .gm-simple-welcome time{
  flex:0 0 auto!important;
  padding-bottom:2px!important;
  color:#63778e!important;
  font-size:11px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

html body[data-view="commandCenter"] .gm-simple-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)!important;
  align-items:start!important;
  gap:18px!important;
}

html body[data-view="commandCenter"] .gm-simple-panel{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #d9e2eb!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(18,43,70,.04)!important;
}

html body[data-view="commandCenter"] .gm-simple-panel>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:92px!important;
  padding:20px 22px!important;
  border-bottom:1px solid #e2e8ef!important;
}

html body[data-view="commandCenter"] .gm-simple-panel h2{
  margin:0 0 5px!important;
  color:#142844!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.15!important;
}

html body[data-view="commandCenter"] .gm-simple-panel>header>button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:0 13px!important;
  border:1px solid #cedae5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#245d87!important;
  font-size:10px!important;
  font-weight:800!important;
}

html body[data-view="commandCenter"] .gm-simple-panel svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
}

html body[data-view="commandCenter"] .gm-simple-list{
  display:grid!important;
}

html body[data-view="commandCenter"] .gm-simple-list>button{
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-height:64px!important;
  padding:11px 18px!important;
  border:0!important;
  border-bottom:1px solid #e5eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#142844!important;
  text-align:left!important;
}

html body[data-view="commandCenter"] .gm-simple-list>button:last-child{
  border-bottom:0!important;
}

html body[data-view="commandCenter"] .gm-simple-list>button:hover,
html body[data-view="commandCenter"] .gm-simple-access nav>button:hover{
  background:#f7fafc!important;
}

html body[data-view="commandCenter"] .gm-simple-list>button>i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#da9a38!important;
}

html body[data-view="commandCenter"] .gm-simple-list>button>i.high,
html body[data-view="commandCenter"] .gm-simple-list>button>i.red{
  background:#d95950!important;
}

html body[data-view="commandCenter"] .gm-simple-list span,
html body[data-view="commandCenter"] .gm-simple-access nav span{
  min-width:0!important;
}

html body[data-view="commandCenter"] .gm-simple-list b,
html body[data-view="commandCenter"] .gm-simple-list small,
html body[data-view="commandCenter"] .gm-simple-access nav b,
html body[data-view="commandCenter"] .gm-simple-access nav small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body[data-view="commandCenter"] .gm-simple-list b,
html body[data-view="commandCenter"] .gm-simple-access nav b{
  color:#172a44!important;
  font-size:11px!important;
}

html body[data-view="commandCenter"] .gm-simple-list small,
html body[data-view="commandCenter"] .gm-simple-access nav small{
  margin-top:4px!important;
  color:#7a8b9f!important;
  font-size:9.5px!important;
}

html body[data-view="commandCenter"] .gm-simple-list em,
html body[data-view="commandCenter"] .gm-simple-access nav em{
  display:grid!important;
  place-items:center!important;
  color:#7790a6!important;
  font-style:normal!important;
}

html body[data-view="commandCenter"] .gm-simple-clear{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:250px!important;
  padding:30px!important;
  color:#516b84!important;
  text-align:left!important;
}

html body[data-view="commandCenter"] .gm-simple-clear>i{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
  background:#eaf4ef!important;
  color:#2b8165!important;
}

html body[data-view="commandCenter"] .gm-simple-clear b,
html body[data-view="commandCenter"] .gm-simple-clear small{
  display:block!important;
}

html body[data-view="commandCenter"] .gm-simple-clear b{font-size:12px!important}
html body[data-view="commandCenter"] .gm-simple-clear small{margin-top:4px!important;color:#8291a2!important;font-size:10px!important}

html body[data-view="commandCenter"] .gm-simple-access>header{
  display:block!important;
}

html body[data-view="commandCenter"] .gm-simple-access nav{
  display:grid!important;
}

html body[data-view="commandCenter"] .gm-simple-access nav>button{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:11px!important;
  min-height:62px!important;
  padding:10px 15px!important;
  border:0!important;
  border-bottom:1px solid #e5eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="commandCenter"] .gm-simple-access nav>button:last-child{
  border-bottom:0!important;
}

html body[data-view="commandCenter"] .gm-simple-access nav>button>i{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:#edf3f8!important;
  color:#426b8c!important;
}

@media(max-width:1050px){
  html body[data-view="commandCenter"] .gm-simple-layout{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  html body[data-view="commandCenter"] .gm-simple-welcome{
    display:block!important;
  }
  html body[data-view="commandCenter"] .gm-simple-welcome time{
    display:block!important;
    margin-top:18px!important;
  }
}

/* GM Dashboard v2: compact management overview designed as one coherent workspace. */
html body[data-view="gmDashboard"] .view{
  padding:18px!important;
  background:#f3f6f9!important;
}

html body[data-view="gmDashboard"] .gm-board,
html body[data-view="gmDashboard"] .gm-board *{
  box-sizing:border-box!important;
}

html body[data-view="gmDashboard"] .gm-board{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  color:#15283f!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
}

html body[data-view="gmDashboard"] .gm-board button{
  font:inherit!important;
  cursor:pointer!important;
}

html body[data-view="gmDashboard"] .gm-board-snapshot{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  overflow:hidden!important;
  border:1px solid #d4dfe9!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(18,43,70,.045)!important;
}

html body[data-view="gmDashboard"] .gm-board-snapshot>button{
  position:relative!important;
  min-width:0!important;
  min-height:70px!important;
  padding:12px 16px!important;
  border:0!important;
  border-right:1px solid #e2e8ef!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="gmDashboard"] .gm-board-snapshot>button:last-child{border-right:0!important}
html body[data-view="gmDashboard"] .gm-board-snapshot>button:hover{background:#f7fafc!important}
html body[data-view="gmDashboard"] .gm-board-snapshot>button::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:12px!important;
  bottom:12px!important;
  width:3px!important;
  background:#62a1c9!important;
}
html body[data-view="gmDashboard"] .gm-board-snapshot>button.watch::before{background:#e9a739!important}
html body[data-view="gmDashboard"] .gm-board-snapshot>button.critical::before{background:#de5d53!important}
html body[data-view="gmDashboard"] .gm-board-snapshot>button.stable::before{background:#55a884!important}
html body[data-view="gmDashboard"] .gm-board-snapshot span,
html body[data-view="gmDashboard"] .gm-board-snapshot b,
html body[data-view="gmDashboard"] .gm-board-snapshot small{display:block!important}
html body[data-view="gmDashboard"] .gm-board-snapshot span{
  color:#71869a!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}
html body[data-view="gmDashboard"] .gm-board-snapshot b{
  margin:4px 0 2px!important;
  color:#152a45!important;
  font-size:19px!important;
  line-height:1!important;
}
html body[data-view="gmDashboard"] .gm-board-snapshot small{
  overflow:hidden!important;
  color:#7d8fa1!important;
  font-size:8.5px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-board svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
}

html body[data-view="gmDashboard"] .gm-board-intro{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:86px!important;
  padding:18px 22px!important;
  border:1px solid #d8e2eb!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(18,43,70,.035)!important;
}

html body[data-view="gmDashboard"] .gm-board-intro span,
html body[data-view="gmDashboard"] .gm-board-section>header span{
  display:block!important;
  margin:0 0 4px!important;
  color:#5d7690!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}

html body[data-view="gmDashboard"] .gm-board-intro h1{
  margin:0 0 4px!important;
  color:#122640!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.1!important;
}

html body[data-view="gmDashboard"] .gm-board-intro p,
html body[data-view="gmDashboard"] .gm-board-section>header small{
  margin:0!important;
  color:#77899e!important;
  font-size:9.5px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro>button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:0 13px!important;
  border:1px solid #cdd9e4!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#2a628a!important;
  font-size:10px!important;
  font-weight:800!important;
}

html body[data-view="gmDashboard"] .gm-board-main{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr)!important;
  align-items:start!important;
  gap:14px!important;
}

html body[data-view="gmDashboard"] .gm-board-section{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #d8e2eb!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(18,43,70,.03)!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:66px!important;
  padding:14px 17px!important;
  border-bottom:1px solid #e2e8ef!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header h2{
  margin:0!important;
  color:#152a45!important;
  font-size:16px!important;
  font-weight:800!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto 20px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:72px!important;
  padding:10px 13px!important;
  border:0!important;
  border-right:1px solid #e5eaf0!important;
  border-bottom:1px solid #e5eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button:nth-child(2n){border-right:0!important}
html body[data-view="gmDashboard"] .gm-board-pulse-body>button:nth-last-child(-n+2){border-bottom:0!important}
html body[data-view="gmDashboard"] .gm-board-pulse-body>button:hover,
html body[data-view="gmDashboard"] .gm-board-decisions-body>button:hover,
html body[data-view="gmDashboard"] .gm-board-workspaces nav>button:hover{background:#f7fafc!important}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button>i,
html body[data-view="gmDashboard"] .gm-board-workspaces nav>button>i{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
  background:#edf3f8!important;
  color:#416b8c!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body span,
html body[data-view="gmDashboard"] .gm-board-decisions-body span,
html body[data-view="gmDashboard"] .gm-board-workspaces nav span{min-width:0!important}

html body[data-view="gmDashboard"] .gm-board :is(.gm-board-pulse-body,.gm-board-decisions-body,.gm-board-workspaces nav) b,
html body[data-view="gmDashboard"] .gm-board :is(.gm-board-pulse-body,.gm-board-decisions-body,.gm-board-workspaces nav) small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-board :is(.gm-board-pulse-body,.gm-board-decisions-body,.gm-board-workspaces nav) b{
  color:#172b45!important;
  font-size:10.5px!important;
}

html body[data-view="gmDashboard"] .gm-board :is(.gm-board-pulse-body,.gm-board-decisions-body,.gm-board-workspaces nav) small{
  margin-top:3px!important;
  color:#7b8c9f!important;
  font-size:8.8px!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button>em{
  min-width:65px!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  background:#eaf4ef!important;
  color:#28785f!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:850!important;
  text-align:center!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button.watch>em{background:#fff3df!important;color:#986119!important}
html body[data-view="gmDashboard"] .gm-board-pulse-body>button.critical>em{background:#fde9e7!important;color:#b8443c!important}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button>strong,
html body[data-view="gmDashboard"] .gm-board-decisions-body>button>em,
html body[data-view="gmDashboard"] .gm-board-workspaces nav>button>em{
  display:grid!important;
  place-items:center!important;
  color:#7990a5!important;
  font-style:normal!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions>header>button{
  white-space:nowrap!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#2a638c!important;
  font-size:9px!important;
  font-weight:800!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body{
  display:grid!important;
  min-height:0!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button{
  display:grid!important;
  grid-template-columns:7px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:9px 14px!important;
  border:0!important;
  border-bottom:1px solid #e5eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button small{
  display:-webkit-box!important;
  overflow:hidden!important;
  white-space:normal!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-height:1.35!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button.gm-board-queue-more{
  grid-template-columns:minmax(0,1fr) 22px!important;
  min-height:50px!important;
  background:#f7fafc!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button.gm-board-queue-more b{
  color:#28638e!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button:last-child{border-bottom:0!important}
html body[data-view="gmDashboard"] .gm-board-decisions-body>button>i{width:6px!important;height:6px!important;border-radius:50%!important;background:#d99532!important}
html body[data-view="gmDashboard"] .gm-board-decisions-body>button.critical>i{background:#d9564d!important}
html body[data-view="gmDashboard"] .gm-board-decisions-body>button small>strong{
  display:inline-block!important;
  margin-right:6px!important;
  padding:2px 5px!important;
  border-radius:4px!important;
  background:#fff1df!important;
  color:#9a641d!important;
  font-size:7px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}
html body[data-view="gmDashboard"] .gm-board-decisions-body>button.critical small>strong{
  background:#fde8e6!important;
  color:#b9443c!important;
}

html body[data-view="gmDashboard"] .gm-board-clear{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  min-height:144px!important;
  padding:22px!important;
}

html body[data-view="gmDashboard"] .gm-board-clear>i{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:#e9f4ef!important;
  color:#287a60!important;
}

html body[data-view="gmDashboard"] .gm-board-clear b,
html body[data-view="gmDashboard"] .gm-board-clear small{display:block!important}
html body[data-view="gmDashboard"] .gm-board-clear b{font-size:10.5px!important}
html body[data-view="gmDashboard"] .gm-board-clear small{margin-top:3px!important;color:#8190a2!important;font-size:9px!important}

html body[data-view="gmDashboard"] .gm-board-workspaces nav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav>button{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:9px 13px!important;
  border:0!important;
  border-right:1px solid #e5eaf0!important;
  border-bottom:1px solid #e5eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav>button:nth-child(3n){border-right:0!important}
html body[data-view="gmDashboard"] .gm-board-workspaces nav>button:nth-last-child(-n+3){border-bottom:0!important}

@media(max-width:1050px){
  html body[data-view="gmDashboard"] .gm-board-main{grid-template-columns:1fr!important}
  html body[data-view="gmDashboard"] .gm-board-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body[data-view="gmDashboard"] .gm-board-snapshot>button:nth-child(3){border-right:0!important}
}

@media(max-width:760px){
  html body[data-view="gmDashboard"] .gm-board-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body[data-view="gmDashboard"] .gm-board-snapshot>button:nth-child(3){border-right:1px solid #e2e8ef!important}
  html body[data-view="gmDashboard"] .gm-board-snapshot>button:nth-child(2n){border-right:0!important}
  html body[data-view="gmDashboard"] .gm-board-pulse-body,
  html body[data-view="gmDashboard"] .gm-board-workspaces nav{grid-template-columns:1fr!important}
  html body[data-view="gmDashboard"] .gm-board-pulse-body>button,
  html body[data-view="gmDashboard"] .gm-board-workspaces nav>button{border-right:0!important;border-bottom:1px solid #e5eaf0!important}
  html body[data-view="gmDashboard"] .gm-board-intro{display:block!important}
  html body[data-view="gmDashboard"] .gm-board-intro>button{margin-top:14px!important}
}

/* GM premium visual layer: stronger AQ360 identity without KPI overload. */
html body[data-view="gmDashboard"] .gm-board{
  gap:16px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro{
  position:relative!important;
  min-height:88px!important;
  padding:17px 24px!important;
  overflow:hidden!important;
  border-color:#234e78!important;
  background:linear-gradient(115deg,#102f52 0%,#17466f 68%,#205d86 100%)!important;
  box-shadow:0 13px 30px rgba(13,43,73,.16)!important;
}

html body[data-view="gmDashboard"] .gm-board-intro::after{
  content:"AQ360"!important;
  position:absolute!important;
  right:30%!important;
  top:50%!important;
  color:rgba(255,255,255,.035)!important;
  font-size:70px!important;
  font-weight:950!important;
  letter-spacing:-.07em!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}

html body[data-view="gmDashboard"] .gm-board-intro>div{
  position:relative!important;
  z-index:1!important;
}

html body[data-view="gmDashboard"] .gm-board-intro span{
  color:#aec6dc!important;
}

html body[data-view="gmDashboard"] .gm-board-intro h1{
  color:#fff!important;
  font-size:23px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro p{
  color:#c2d3e2!important;
  font-size:10.5px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro-actions{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro-actions>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:35px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.09)!important;
  color:#eaf3fa!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

html body[data-view="gmDashboard"] .gm-board-intro-actions>span>i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#63c59d!important;
  box-shadow:0 0 0 4px rgba(99,197,157,.12)!important;
}

html body[data-view="gmDashboard"] .gm-board-intro-actions>span.watch>i{background:#f0b44e!important;box-shadow:0 0 0 4px rgba(240,180,78,.13)!important}
html body[data-view="gmDashboard"] .gm-board-intro-actions>span.critical>i{background:#ff776b!important;box-shadow:0 0 0 4px rgba(255,119,107,.13)!important}

html body[data-view="gmDashboard"] .gm-board-intro-actions>button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#174a73!important;
  font-size:9.5px!important;
  font-weight:850!important;
}

html body[data-view="gmDashboard"] .gm-board-section{
  border-color:#d4dfe9!important;
  box-shadow:0 10px 26px rgba(18,43,70,.055)!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header{
  min-height:64px!important;
  padding:12px 18px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header h2{
  font-size:17px!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse{
  border-top:3px solid #285f8c!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions{
  border-top:3px solid #ef6a43!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces{
  border-top:3px solid #285f8c!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button{
  position:relative!important;
  min-height:74px!important;
  padding:10px 14px!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions>header h2{
  font-size:16px!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:14px!important;
  bottom:14px!important;
  width:3px!important;
  border-radius:0 3px 3px 0!important;
  background:#63a2ca!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button.watch::before{background:#e9a739!important}
html body[data-view="gmDashboard"] .gm-board-pulse-body>button.critical::before{background:#de5d53!important}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button>i{
  width:36px!important;
  height:36px!important;
  background:#e9f1f7!important;
  color:#2f668f!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button.watch>i{
  background:#fff2df!important;
  color:#b77617!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button.critical>i{
  background:#fdeae7!important;
  color:#c34c43!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button span small{
  white-space:normal!important;
  line-height:1.3!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body{
  background:linear-gradient(180deg,#fff,#fcfdfe)!important;
}

html body[data-view="gmDashboard"] .gm-board-clear>i{
  width:40px!important;
  height:40px!important;
  background:#e7f4ee!important;
  box-shadow:0 0 0 7px #f4faf7!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav{
  gap:10px!important;
  padding:12px!important;
  background:#f7f9fc!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav>button{
  min-height:68px!important;
  padding:10px 12px!important;
  border:1px solid #dce5ed!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 3px 9px rgba(18,43,70,.025)!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav>button:nth-child(3n),
html body[data-view="gmDashboard"] .gm-board-workspaces nav>button:nth-last-child(-n+3){
  border:1px solid #dce5ed!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav>button>i{
  width:38px!important;
  height:38px!important;
  background:#e9f1f7!important;
  color:#2f668f!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav>button:nth-child(2)>i,
html body[data-view="gmDashboard"] .gm-board-workspaces nav>button:nth-child(5)>i{
  background:#fff0e9!important;
  color:#d45d38!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav>button:hover{
  border-color:#b9ccdc!important;
  background:#fff!important;
  box-shadow:0 7px 16px rgba(18,43,70,.07)!important;
  transform:translateY(-1px)!important;
}

@media(max-width:760px){
  html body[data-view="gmDashboard"] .gm-board-intro-actions{
    margin-top:15px!important;
    flex-wrap:wrap!important;
  }
}

/* GM executive readability scale. */
html body[data-view="gmDashboard"] .gm-board-intro span,
html body[data-view="gmDashboard"] .gm-board-section>header span{
  font-size:10px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro h1{
  font-size:27px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro p{
  font-size:12px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro-actions>span,
html body[data-view="gmDashboard"] .gm-board-intro-actions>button{
  font-size:10.5px!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header{
  min-height:76px!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header h2{
  font-size:20px!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header small{
  font-size:11px!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button{
  min-height:92px!important;
  grid-template-columns:42px minmax(0,1fr) auto 22px!important;
  gap:12px!important;
  padding:13px 16px!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button>i,
html body[data-view="gmDashboard"] .gm-board-workspaces nav>button>i{
  width:42px!important;
  height:42px!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button>i svg,
html body[data-view="gmDashboard"] .gm-board-workspaces nav>button>i svg{
  width:18px!important;
  height:18px!important;
}

html body[data-view="gmDashboard"] .gm-board :is(.gm-board-pulse-body,.gm-board-decisions-body,.gm-board-workspaces nav) b{
  font-size:13px!important;
}

html body[data-view="gmDashboard"] .gm-board :is(.gm-board-pulse-body,.gm-board-decisions-body,.gm-board-workspaces nav) small{
  margin-top:5px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button>em{
  min-width:88px!important;
  padding:6px 10px!important;
  font-size:10.5px!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions>header>button{
  font-size:11px!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body{
  min-height:184px!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button{
  min-height:68px!important;
  padding:11px 16px!important;
}

html body[data-view="gmDashboard"] .gm-board-clear{
  min-height:184px!important;
}

html body[data-view="gmDashboard"] .gm-board-clear>i{
  width:44px!important;
  height:44px!important;
}

/* GM dashboard density correction: keep the decision surface above the fold. */
html body[data-view="gmDashboard"] .gm-board-intro{
  min-height:88px!important;
  padding:17px 24px!important;
}

html body[data-view="gmDashboard"] .gm-board-intro h1{
  font-size:24px!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header{
  min-height:64px!important;
  padding:12px 18px!important;
}

html body[data-view="gmDashboard"] .gm-board-section>header h2{
  font-size:18px!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions>header h2{
  font-size:17px!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button{
  min-height:78px!important;
  padding:10px 14px!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body{
  min-height:0!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button{
  min-height:62px!important;
  padding:9px 14px!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button.gm-board-queue-more{
  min-height:48px!important;
}

/* Keep the priority and management columns visually locked with no dead row space. */
html body[data-view="gmDashboard"] .gm-board-main{
  align-items:stretch!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse{
  display:flex!important;
  flex-direction:column!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body{
  flex:1 1 auto!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
}

html body[data-view="gmDashboard"] .gm-board-pulse-body>button{
  height:100%!important;
  min-height:0!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button{
  min-height:58px!important;
  padding:8px 14px!important;
}

html body[data-view="gmDashboard"] .gm-board-decisions-body>button.gm-board-queue-more{
  min-height:44px!important;
}

html body[data-view="gmDashboard"] .gm-board-clear b{
  font-size:13px!important;
}

html body[data-view="gmDashboard"] .gm-board-clear small{
  margin-top:5px!important;
  font-size:11.5px!important;
}

html body[data-view="gmDashboard"] .gm-board-workspaces nav>button{
  min-height:80px!important;
  grid-template-columns:42px minmax(0,1fr) 22px!important;
  gap:12px!important;
  padding:12px 15px!important;
}

/* Branch network workspace: compact registers aligned with the current ERP theme. */
html body[data-view="branches"] .view{
  padding:18px!important;
  background:#f3f6f9!important;
}

html body[data-view="branches"] .branch-network-page,
html body[data-view="branches"] .branch-network-page *{
  box-sizing:border-box!important;
}

html body[data-view="branches"] .branch-network-page{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  color:#15283f!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
}

html body[data-view="branches"] .branch-network-page svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
}

html body[data-view="branches"] .branch-network-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:78px!important;
  padding:16px 19px!important;
  border:1px solid #d6e1eb!important;
  border-top:3px solid #285f8c!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(18,43,70,.045)!important;
}

html body[data-view="branches"] .branch-network-toolbar>div:first-child>span,
html body[data-view="branches"] .branch-network-register>header span{
  display:block!important;
  margin-bottom:5px!important;
  color:#52718c!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}

html body[data-view="branches"] .branch-network-toolbar p{
  margin:0!important;
  color:#6f8196!important;
  font-size:12px!important;
}

html body[data-view="branches"] .branch-network-toolbar>div:last-child{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

html body[data-view="branches"] .branch-network-toolbar button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:37px!important;
  padding:0 13px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

html body[data-view="branches"] .branch-network-toolbar .button{
  border-color:#e9663f!important;
  background:#e9663f!important;
  color:#fff!important;
}

html body[data-view="branches"] .branch-network-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  overflow:hidden!important;
  border:1px solid #d6e1eb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(18,43,70,.035)!important;
}

html body[data-view="branches"] .branch-network-summary>div,
html body[data-view="branches"] .branch-network-summary>button{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  min-height:68px!important;
  padding:11px 16px!important;
  border:0!important;
  border-right:1px solid #e3e9ef!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="branches"] .branch-network-summary>button:last-child{
  border-right:0!important;
}

html body[data-view="branches"] .branch-network-summary>*>i{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
  background:#eaf2f7!important;
  color:#356b91!important;
}

html body[data-view="branches"] .branch-network-summary>button.attention>i{
  background:#fdeae7!important;
  color:#c34c43!important;
}

html body[data-view="branches"] .branch-network-summary small,
html body[data-view="branches"] .branch-network-summary b{
  display:block!important;
}

html body[data-view="branches"] .branch-network-summary small{
  margin-bottom:4px!important;
  color:#718399!important;
  font-size:9px!important;
  font-weight:750!important;
}

html body[data-view="branches"] .branch-network-summary b{
  color:#172b45!important;
  font-size:12px!important;
}

html body[data-view="branches"] .branch-network-summary em{
  display:grid!important;
  place-items:center!important;
  color:#7890a5!important;
  font-style:normal!important;
}

html body[data-view="branches"] .branch-network-registers{
  display:grid!important;
  gap:14px!important;
}

html body[data-view="branches"] .branch-network-register{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #d6e1eb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(18,43,70,.035)!important;
}

html body[data-view="branches"] .branch-network-register>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:62px!important;
  padding:13px 17px!important;
  border-bottom:1px solid #e1e8ef!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}

html body[data-view="branches"] .branch-network-register>header h2{
  margin:0!important;
  color:#152a45!important;
  font-size:18px!important;
  font-weight:800!important;
}

html body[data-view="branches"] .branch-network-register>header>small{
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#edf3f8!important;
  color:#56728c!important;
  font-size:9px!important;
  font-weight:800!important;
}

html body[data-view="branches"] #view .branches-data-table-wrap{
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  scrollbar-gutter:auto!important;
}

html body[data-view="branches"] .branches-data-table{
  width:100%!important;
  min-width:760px!important;
  table-layout:fixed!important;
}

html body[data-view="branches"] .branches-data-table th{
  height:38px!important;
  padding:8px 13px!important;
  background:#f3f6fa!important;
  color:#536b84!important;
  font-size:9.5px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}

html body[data-view="branches"] .branches-data-table td{
  height:50px!important;
  padding:9px 13px!important;
  color:#1c2f48!important;
  font-size:11.5px!important;
}

html body[data-view="branches"] .branches-data-table .split-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:6px!important;
}

html body[data-view="branches"] .branches-data-table .split-actions button{
  min-width:0!important;
  height:31px!important;
  min-height:31px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  font-size:9.5px!important;
  font-weight:800!important;
}

html body[data-view="branches"] .branches-data-table .danger-button{
  border-color:#edc8c4!important;
  background:#fff8f7!important;
  color:#b8453d!important;
}

@media(max-width:800px){
  html body[data-view="branches"] .branch-network-toolbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  html body[data-view="branches"] .branch-network-summary{
    grid-template-columns:1fr!important;
  }
  html body[data-view="branches"] .branch-network-summary>*{
    border-right:0!important;
    border-bottom:1px solid #e3e9ef!important;
  }
}

/* Approvals workflow: one compact status, one decision queue, one history register. */
html body[data-view="approvals"] .view{
  padding:18px!important;
  background:#f3f6f9!important;
}

html body[data-view="approvals"] .approvals-modern,
html body[data-view="approvals"] .approvals-modern *{
  box-sizing:border-box!important;
}

html body[data-view="approvals"] .approvals-modern{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  color:#15283f!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
}

html body[data-view="approvals"] .approvals-controlbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:76px!important;
  padding:15px 18px!important;
  border:1px solid #d6e1eb!important;
  border-top:3px solid #285f8c!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(18,43,70,.04)!important;
}

html body[data-view="approvals"] .approvals-controlbar>div:first-child>span{
  display:block!important;
  margin-bottom:5px!important;
  color:#52718c!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}

html body[data-view="approvals"] .approvals-controlbar p{
  margin:0!important;
  color:#6f8196!important;
  font-size:12px!important;
}

html body[data-view="approvals"] .approvals-controlbar-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:35px!important;
  padding:0 11px!important;
  border:1px solid #d6e2eb!important;
  border-radius:999px!important;
  background:#f8fafc!important;
}

html body[data-view="approvals"] .approvals-controlbar-status i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#49a47f!important;
  box-shadow:0 0 0 4px rgba(73,164,127,.11)!important;
}

html body[data-view="approvals"] .approvals-controlbar-status i.warn{
  background:#e4a33e!important;
  box-shadow:0 0 0 4px rgba(228,163,62,.12)!important;
}

html body[data-view="approvals"] .approvals-controlbar-status b{
  color:#34506b!important;
  font-size:10px!important;
}

html body[data-view="approvals"] .approval-clear-strip{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:64px!important;
  padding:11px 17px!important;
  border:1px solid #d5e5dc!important;
  border-radius:11px!important;
  background:#f6fbf8!important;
  box-shadow:0 6px 16px rgba(28,91,67,.025)!important;
}

html body[data-view="approvals"] .approval-clear-strip>i{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
  background:#e2f2ea!important;
  color:#26795d!important;
}

html body[data-view="approvals"] .approval-clear-strip svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
}

html body[data-view="approvals"] .approval-clear-strip b,
html body[data-view="approvals"] .approval-clear-strip small{
  display:block!important;
}

html body[data-view="approvals"] .approval-clear-strip b{
  color:#1f493b!important;
  font-size:12px!important;
}

html body[data-view="approvals"] .approval-clear-strip small{
  margin-top:3px!important;
  color:#6f887e!important;
  font-size:10px!important;
}

html body[data-view="approvals"] .approvals-modern .approval-section{
  overflow:hidden!important;
  border:1px solid #d6e1eb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(18,43,70,.035)!important;
}

html body[data-view="approvals"] .approvals-modern .approval-section-head{
  min-height:62px!important;
  padding:12px 16px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}

html body[data-view="approvals"] .approvals-modern .approval-section-head h3{
  font-size:17px!important;
}

html body[data-view="approvals"] .approvals-modern .approval-section-head p{
  margin-top:4px!important;
  font-size:10.5px!important;
}

html body[data-view="approvals"] .approvals-modern .approval-section-head>span{
  min-width:28px!important;
  height:28px!important;
  font-size:10px!important;
}

html body[data-view="approvals"] #view .recent-decision-table-wrap,
html body[data-view="approvals"] #view .approval-table-wrap{
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  scrollbar-gutter:auto!important;
}

html body[data-view="approvals"] .recent-decision-table,
html body[data-view="approvals"] .approval-table{
  width:100%!important;
  min-width:820px!important;
  table-layout:fixed!important;
}

html body[data-view="approvals"] .recent-decision-table th,
html body[data-view="approvals"] .approval-table th{
  height:38px!important;
  padding:8px 12px!important;
  background:#f3f6fa!important;
  color:#536b84!important;
  font-size:9.5px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}

html body[data-view="approvals"] .recent-decision-table td,
html body[data-view="approvals"] .approval-table td{
  height:48px!important;
  padding:8px 12px!important;
  color:#1d3048!important;
  font-size:11px!important;
}

html body[data-view="approvals"] .recent-decision-table tbody tr:hover,
html body[data-view="approvals"] .approval-table tbody tr:hover{
  background:#f8fbfd!important;
}

html body[data-view="approvals"] .recent-decision-table .status-badge,
html body[data-view="approvals"] .approval-table .status-pill{
  min-height:24px!important;
  padding:4px 8px!important;
  font-size:9px!important;
}

@media(max-width:700px){
  html body[data-view="approvals"] .approvals-controlbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* Real GM dashboard: minimal decision workspace, no KPI/control-room UI. */
html body[data-view="gmDashboard"] .view{
  padding:20px!important;
  background:#f3f6f9!important;
}

html body[data-view="gmDashboard"] .gm-clean-dashboard,
html body[data-view="gmDashboard"] .gm-clean-dashboard *{
  box-sizing:border-box!important;
}

html body[data-view="gmDashboard"] .gm-clean-dashboard{
  display:grid!important;
  gap:18px!important;
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  color:#14263f!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
}

html body[data-view="gmDashboard"] .gm-clean-intro{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  min-height:124px!important;
  padding:25px 28px!important;
  border:1px solid #d9e2eb!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(18,43,70,.04)!important;
}

html body[data-view="gmDashboard"] .gm-clean-intro span{
  display:block!important;
  margin-bottom:8px!important;
  color:#5d7690!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}

html body[data-view="gmDashboard"] .gm-clean-intro h1{
  margin:0 0 7px!important;
  color:#112640!important;
  font-size:27px!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}

html body[data-view="gmDashboard"] .gm-clean-intro p,
html body[data-view="gmDashboard"] .gm-clean-panel header p{
  margin:0!important;
  color:#73849a!important;
  font-size:11px!important;
  line-height:1.45!important;
}

html body[data-view="gmDashboard"] .gm-clean-intro time{
  color:#667b91!important;
  font-size:10.5px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-clean-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.6fr) minmax(310px,.72fr)!important;
  align-items:start!important;
  gap:18px!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse{
  overflow:hidden!important;
  border:1px solid #d9e2eb!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(18,43,70,.035)!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:72px!important;
  padding:16px 20px!important;
  border-bottom:1px solid #e2e8ef!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>header span{
  display:block!important;
  margin-bottom:4px!important;
  color:#5d7690!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>header h2{
  margin:0!important;
  color:#152a45!important;
  font-size:17px!important;
  font-weight:800!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>header>small{
  color:#7b8c9f!important;
  font-size:9.5px!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto 22px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  padding:12px 16px!important;
  border:0!important;
  border-right:1px solid #e5eaf0!important;
  border-bottom:1px solid #e5eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button:nth-child(2n){
  border-right:0!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button:nth-last-child(-n+2){
  border-bottom:0!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button:hover{
  background:#f8fafc!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button>i{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
  background:#edf3f8!important;
  color:#416b8c!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button>i svg,
html body[data-view="gmDashboard"] .gm-company-pulse>div>button>strong svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button>span{
  min-width:0!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button>span b,
html body[data-view="gmDashboard"] .gm-company-pulse>div>button>span small{
  display:block!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button>span b{
  color:#172b45!important;
  font-size:11px!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button>span small{
  margin-top:4px!important;
  overflow:hidden!important;
  color:#788a9e!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button>em{
  min-width:72px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#eaf4ef!important;
  color:#28785f!important;
  font-size:8.5px!important;
  font-style:normal!important;
  font-weight:850!important;
  text-align:center!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button.watch>em{
  background:#fff3df!important;
  color:#986119!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button.critical>em{
  background:#fde9e7!important;
  color:#b8443c!important;
}

html body[data-view="gmDashboard"] .gm-company-pulse>div>button>strong{
  display:grid!important;
  place-items:center!important;
  color:#7890a5!important;
}

/* The global list overflow contract must not create scrollbars in this dashboard. */
html body[data-view="gmDashboard"] .gm-clean-list{
  max-height:none!important;
  overflow:visible!important;
  scrollbar-gutter:auto!important;
}

html body[data-view="gmDashboard"] #view .gm-clean-list{
  max-width:100%!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  scrollbar-gutter:auto!important;
}

html body[data-view="gmDashboard"] .gm-clean-panel{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #d9e2eb!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(18,43,70,.035)!important;
}

html body[data-view="gmDashboard"] .gm-clean-panel>header{
  min-height:86px!important;
  padding:19px 21px!important;
  border-bottom:1px solid #e2e8ef!important;
}

html body[data-view="gmDashboard"] .gm-clean-decisions>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

html body[data-view="gmDashboard"] .gm-clean-panel h2{
  margin:0 0 5px!important;
  color:#152a45!important;
  font-size:17px!important;
  font-weight:800!important;
}

html body[data-view="gmDashboard"] .gm-clean-decisions>header>button{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:35px!important;
  padding:0 12px!important;
  border:1px solid #cfdae5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#286188!important;
  font-size:10px!important;
  font-weight:800!important;
}

html body[data-view="gmDashboard"] .gm-clean-dashboard svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
}

html body[data-view="gmDashboard"] .gm-clean-list,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav{
  display:grid!important;
}

html body[data-view="gmDashboard"] .gm-clean-list>button{
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr) 25px!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-height:62px!important;
  padding:10px 18px!important;
  border:0!important;
  border-bottom:1px solid #e5eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="gmDashboard"] .gm-clean-list>button:last-child,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav>button:last-child{
  border-bottom:0!important;
}

html body[data-view="gmDashboard"] .gm-clean-list>button:hover,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav>button:hover{
  background:#f7fafc!important;
}

html body[data-view="gmDashboard"] .gm-clean-list>button>i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#d99532!important;
}

html body[data-view="gmDashboard"] .gm-clean-list span,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav span{
  min-width:0!important;
}

html body[data-view="gmDashboard"] .gm-clean-list b,
html body[data-view="gmDashboard"] .gm-clean-list small,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav b,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body[data-view="gmDashboard"] .gm-clean-list b,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav b{
  color:#172b45!important;
  font-size:11px!important;
}

html body[data-view="gmDashboard"] .gm-clean-list small,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav small{
  margin-top:4px!important;
  color:#7b8c9f!important;
  font-size:9.5px!important;
}

html body[data-view="gmDashboard"] .gm-clean-list em,
html body[data-view="gmDashboard"] .gm-clean-workspaces nav em{
  display:grid!important;
  place-items:center!important;
  color:#7890a5!important;
  font-style:normal!important;
}

html body[data-view="gmDashboard"] .gm-clean-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:300px!important;
  padding:32px!important;
}

html body[data-view="gmDashboard"] .gm-clean-empty>i{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
  background:#e9f4ef!important;
  color:#287a60!important;
}

html body[data-view="gmDashboard"] .gm-clean-empty b,
html body[data-view="gmDashboard"] .gm-clean-empty small{
  display:block!important;
}

html body[data-view="gmDashboard"] .gm-clean-empty b{font-size:12px!important}
html body[data-view="gmDashboard"] .gm-clean-empty small{margin-top:4px!important;color:#8190a2!important;font-size:10px!important}

html body[data-view="gmDashboard"] .gm-clean-workspaces nav>button{
  display:grid!important;
  grid-template-columns:35px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:11px!important;
  min-height:61px!important;
  padding:10px 14px!important;
  border:0!important;
  border-bottom:1px solid #e5eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  text-align:left!important;
}

html body[data-view="gmDashboard"] .gm-clean-workspaces nav>button>i{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:#edf3f8!important;
  color:#416b8c!important;
}

@media(max-width:1050px){
  html body[data-view="gmDashboard"] .gm-clean-layout{
    grid-template-columns:1fr!important;
  }
  html body[data-view="gmDashboard"] .gm-company-pulse>div{
    grid-template-columns:1fr!important;
  }
  html body[data-view="gmDashboard"] .gm-company-pulse>div>button{
    border-right:0!important;
    border-bottom:1px solid #e5eaf0!important;
  }
  html body[data-view="gmDashboard"] .gm-company-pulse>div>button:last-child{
    border-bottom:0!important;
  }
}

@media(max-width:700px){
  html body[data-view="gmDashboard"] .gm-clean-intro{
    display:block!important;
  }
  html body[data-view="gmDashboard"] .gm-clean-intro time{
    display:block!important;
    margin-top:18px!important;
  }
}

@media(max-width:1180px){
  html body .topbar,
  html body[data-view] .topbar{
    grid-template-columns:minmax(230px,280px) minmax(220px,1fr) max-content!important;
    gap:10px!important;
    padding-right:18px!important;
  }

  html body .topbar .topbar-actions .global-user-profile,
  html body[data-view] .topbar .topbar-actions .global-user-profile{
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
  }
}

@media(max-width:900px){
  html body .topbar,
  html body[data-view] .topbar{
    grid-template-columns:minmax(0,1fr) max-content!important;
  }
}

/* AQ360 assistant: final cascade override for the global modal system. */
html body #modal.modal.open[data-mode="aq360-assistant"]{
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .modal-panel{
  position:relative!important;
  inset:auto!important;
  width:min(420px,100%)!important;
  max-width:420px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 32px)!important;
  margin:0!important;
  transform:none!important;
  grid-template-rows:auto auto!important;
  border-radius:14px!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .modal-header{
  min-height:0!important;
  padding:14px 16px 12px!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .modal-header h2{
  font-size:18px!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .modal-header .icon-button{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  padding:0!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .modal-header .icon-button::after{
  content:"×";
  color:#52667d;
  font-size:20px;
  font-weight:500;
  line-height:1;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .modal-body{
  padding:12px 16px 16px!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .aq360-assistant-intro{
  margin-bottom:10px!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .aq360-assistant-actions{
  gap:6px!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .aq360-assistant-action{
  min-height:52px!important;
  padding:8px 10px!important;
}
html body #modal.modal.open[data-mode="aq360-assistant"] .aq360-assistant-mark svg,
html body #modal.modal.open[data-mode="aq360-assistant"] .aq360-assistant-action svg{
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Branch registers: keep metadata and exports together in one professional header. */
html body[data-view="branches"] .branch-network-page{
  gap:12px!important;
}

html body[data-view="branches"] .branch-network-toolbar{
  min-height:72px!important;
  padding:13px 17px!important;
}

html body[data-view="branches"] .branch-network-summary>div,
html body[data-view="branches"] .branch-network-summary>button{
  min-height:62px!important;
  padding:9px 15px!important;
}

html body[data-view="branches"] .branch-network-registers{
  gap:12px!important;
}

html body[data-view="branches"] .branch-network-register>header{
  min-height:58px!important;
  padding:10px 15px!important;
}

html body[data-view="branches"] .branch-register-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}

html body[data-view="branches"] .branch-register-head-actions>small{
  flex:0 0 auto!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#edf3f8!important;
  color:#56728c!important;
  font-size:9px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

html body[data-view="branches"] .branch-register-head-actions .global-data-export-tools[data-placement="section"]{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  gap:6px!important;
}

html body[data-view="branches"] .branch-register-head-actions .global-data-export-tools button{
  min-height:32px!important;
  height:32px!important;
  padding:0 10px!important;
  border-color:#cdddeb!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#28639c!important;
  font-size:10px!important;
}

html body[data-view="branches"] .branches-data-table th{
  height:34px!important;
  padding:7px 12px!important;
}

html body[data-view="branches"] .branches-data-table td{
  height:44px!important;
  padding:8px 12px!important;
}

html body[data-view="branches"] .branches-data-table .split-actions button{
  height:29px!important;
  min-height:29px!important;
  padding:0 9px!important;
}

@media(max-width:700px){
  html body[data-view="branches"] .branch-network-register>header{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  html body[data-view="branches"] .branch-register-head-actions{
    width:100%!important;
    justify-content:space-between!important;
  }
}

/* Payroll WPS register: integrate readiness and export controls into one header. */
html body[data-view="payroll"] .payroll-wps-card{
  padding:0!important;
}

html body[data-view="payroll"] .payroll-wps-card .payroll-section-head{
  min-height:58px!important;
  padding:9px 16px!important;
}

html body[data-view="payroll"] .payroll-wps-card .payroll-section-head>div:first-child{
  min-width:0!important;
}

html body[data-view="payroll"] .payroll-wps-card .payroll-section-head h2{
  margin:0 0 4px!important;
}

html body[data-view="payroll"] .payroll-wps-card .payroll-section-head p{
  margin:0!important;
  color:#718399!important;
  font-size:10px!important;
  line-height:1.3!important;
}

html body[data-view="payroll"] .payroll-wps-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  flex:0 0 auto!important;
}

html body[data-view="payroll"] .payroll-wps-head-actions>.global-data-export-tools[data-placement="section"]{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  gap:6px!important;
}

html body[data-view="payroll"] .payroll-wps-head-actions>.global-data-export-tools button{
  min-height:32px!important;
  height:32px!important;
  padding:0 10px!important;
  border-color:#cdddeb!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#28639c!important;
  font-size:10px!important;
}

html body[data-view="payroll"] .payroll-wps-card .payroll-alert{
  margin:10px 14px!important;
}

html body[data-view="payroll"] .payroll-wps-card .table-wrap{
  margin:0!important;
}

html body[data-view="payroll"] .payroll-wps-card .table-wrap th{
  height:34px!important;
  padding:7px 12px!important;
}

html body[data-view="payroll"] .payroll-wps-card .table-wrap td{
  height:42px!important;
  padding:8px 12px!important;
}

@media(max-width:760px){
  html body[data-view="payroll"] .payroll-wps-card .payroll-section-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  html body[data-view="payroll"] .payroll-wps-head-actions{
    width:100%!important;
    justify-content:space-between!important;
  }
}

/* GM/Admin customer due-payment approval report. */
html body .due-customer-approval{
  display:grid!important;
  gap:12px!important;
}

html body .due-customer-approval>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:14px 16px!important;
  border:1px solid #d9e4ee!important;
  border-radius:10px!important;
  background:#f8fbfe!important;
}

html body .due-customer-approval>header>div:last-child{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

html body .due-customer-approval>header span:first-child{
  color:#58748f!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
}

html body .due-customer-approval>header h3{
  margin:4px 0!important;
  color:#142942!important;
  font-size:18px!important;
}

html body .due-customer-approval>header p{
  margin:0!important;
  color:#6c7f93!important;
  font-size:11px!important;
}

html body .due-customer-approval .table-wrap{
  max-height:min(520px,calc(100vh - 260px))!important;
  overflow:auto!important;
}

html body .due-customer-approval table{
  min-width:860px!important;
}

html body .due-customer-approval th,
html body .due-customer-approval td{
  padding:10px 12px!important;
  font-size:11px!important;
}

html body .due-customer-approval td small{
  display:block!important;
  margin-top:3px!important;
  color:#7b8da0!important;
  font-size:9px!important;
}

html body .due-approved-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#16805a!important;
  font-size:10px!important;
  font-weight:800!important;
}

html body .due-approved-label svg{
  width:14px!important;
  height:14px!important;
}

/* Permanent media boundary for dashboards that render user or report images. */
html body[data-view="crm"] #view img,
html body[data-view="payroll"] #view img,
html body[data-view="reports"] #view img {
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

@media(max-width:700px){
  html body .due-customer-approval>header{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  html body .due-customer-approval>header>div:last-child{
    width:100%!important;
    justify-content:space-between!important;
  }
}
.login-mode-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  border: 1px solid #dce3eb;
  border-radius: 12px;
  background: #f4f7fa;
}
.login-mode-switch button {
  min-height: 38px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #617083;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.login-mode-switch button.active {
  background: #fff;
  color: #153d72;
  box-shadow: 0 2px 9px rgba(21, 61, 114, .12);
}
.master-data-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 20px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(125deg, #153d72, #176b87);
}
.master-data-hero span:first-child { font-size: 11px; font-weight: 800; letter-spacing: .14em; opacity: .75; }
.master-data-hero h2 { margin: 7px 0 4px; font-size: 28px; }
.master-data-hero p { margin: 0; opacity: .8; }
.master-data-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.master-data-card {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 15px;
  padding: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(28, 47, 72, .06);
}
.master-data-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; color: #176b87; background: #e9f6f8; }
.master-data-icon svg { width: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.master-data-card strong { display: block; color: #172b4d; font-size: 16px; }
.master-data-card b { display: block; margin-top: 3px; color: #176b87; font-size: 24px; }
.master-data-card p { min-height: 40px; margin: 5px 0 14px; color: #68778a; font-size: 13px; line-height: 1.45; }
.master-data-actions { grid-column: 2; display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 760px) {
  .master-data-grid { grid-template-columns: 1fr; }
  .master-data-hero { align-items: flex-start; flex-direction: column; }
}