/*
 * TeamAct CRM — Company Admin NO-TEAL Workspace V2
 * Scope: Company Admin only, everywhere EXCEPT the left sidebar.
 * Purpose: Remove teal from cards, badges, buttons, chips, tabs, icons,
 * charts, progress bars, focus states, topbar and Admin-opened dialogs.
 * Business logic / stored status colours are not changed; an existing
 * internal "teal" status is rendered blue inside Company Admin only.
 */

/* Admin-main palette. Sidebar does not inherit these variables. */
.crm-role-admin .main{
  --teal:#3657c8;
  --teal-deep:#2e49a7;
  --teal-dark:#263d88;
  --teal-pale:#eef2ff;
  --teal-lighter:#f7f9ff;
  --crm-btn-main:#3657c8;
  --crm-btn-main-hover:#2c47aa;
  --crm-btn-soft:#f3f6ff;
  --crm-btn-soft-hover:#e8eeff;
  --crm-btn-text:#29458f;
  --crm-btn-border:#c6d2f4;
  --crm-neutral-button-bg:#ffffff;
  --crm-neutral-button-text:#43536a;
  --crm-neutral-button-border:#cfd8e3;
  --crm-neutral-button-hover:#f4f6f9;
}

/* Main workspace surfaces: no teal-tinted cards. */
.crm-role-admin .main #view .card,
.crm-role-admin .main #view .stat-box,
.crm-role-admin .main #view .contentrow,
.crm-role-admin .main #view .action-tile,
.crm-role-admin .main #view .exact-chart,
.crm-role-admin .main #view .exact-team,
.crm-role-admin .main #view .exact-leads,
.crm-role-admin .main #view .exact-quick,
.crm-role-admin .main #view .exact-feed,
.crm-role-admin .main #view .exact-overview,
.crm-role-admin .main #view .tablewrap,
.crm-role-admin .main #view .integration-provider,
.crm-role-admin .main #view .ar-head,
.crm-role-admin .main #view .ar-toolbar,
.crm-role-admin .main #view .ar-card,
.crm-role-admin .main #view .ar-kpi,
.crm-role-admin .main #view .ar-filters,
.crm-role-admin .main #view .ar-table-wrap,
.crm-role-admin .main #view .ar-score>div,
.crm-role-admin .main #view .telephony-status-grid>div{
  background:#fff!important;
  background-image:none!important;
  border-color:#dce4ec!important;
  color:#172f4b!important;
}
.crm-role-admin .main #view .contentrow{background:#fff!important;border-color:#dce4ec!important}
.crm-role-admin .main #view .tablewrap tbody tr:hover,
.crm-role-admin .main #view .ar-table-wrap tbody tr:hover{background:#f7f9fc!important}

/* Dashboard hero was teal-gradient; make it clean blue/white instead. */
.crm-role-admin .main #view .dashboard-intro{
  background:linear-gradient(115deg,#ffffff 0%,#f4f7ff 55%,#e9efff 100%)!important;
  border:1px solid #d7e0f5!important;
  color:#172f4b!important;
  box-shadow:0 8px 24px rgba(36,65,126,.07)!important;
}
.crm-role-admin .main #view .dashboard-intro h2{color:#172f4b!important}
.crm-role-admin .main #view .dashboard-intro p,
.crm-role-admin .main #view .dashboard-intro .banner-quote,
.crm-role-admin .main #view .dashboard-intro .banner-quote small{color:#566b83!important}
.crm-role-admin .main #view .dashboard-intro:after{border-color:#879ee033!important;box-shadow:0 0 0 48px #6f82d90d,0 0 0 98px #6f82d908!important}

/* Topbar is part of Admin panel; sidebar remains untouched. */
.crm-role-admin .main .local-badge,
.crm-role-admin .main .page-tag{
  background:#eef2ff!important;
  color:#314d9b!important;
  border-color:#c8d4f2!important;
}
.crm-role-admin .main .page-tag i{background:#3657c8!important}
.crm-role-admin .main .top-user .avatar{
  background:linear-gradient(135deg,#5d70dc,#354fb7)!important;
  color:#fff!important;
}
.crm-role-admin .main .icon-button:hover{color:#3657c8!important;background:#f3f6ff!important;border-color:#c9d5f4!important}
.crm-role-admin .main .top-search:focus-within{border-color:#8ea5ea!important;box-shadow:0 0 0 3px rgba(54,87,200,.10)!important}

/* Eyebrows / headings / accent strips. */
.crm-role-admin .main .page-eyebrow,
.crm-role-admin .main #view .ar-eyebrow,
.crm-role-admin .main #view .exact-link,
.crm-role-admin .main #view .inline-stat b{color:#3657c8!important}
.crm-role-admin .main #view .card h2:before{background:#5368d7!important}
.crm-role-admin .main #view .ar-head-badge svg{color:#3657c8!important}

/* All Admin primary action buttons are BLUE, not teal. */
.crm-role-admin .main #view button:not(.secondary):not(.danger):not(.icon-button):not(.action-tile):not(.hamburger):not([data-nav]):not(.lead-action-button):not(.exact-link):not(.password-visibility-toggle),
body.crm-admin-panel .crm-dialog button.crm-dialog-primary,
body.crm-admin-panel .crm-result-dialog button.crm-result-ok,
body.crm-admin-panel .crm-security-dialog button:not(.secondary):not(.icon-button):not(.crm-dialog-x){
  background:#3657c8!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#3657c8!important;
}
.crm-role-admin .main #view button:not(.secondary):not(.danger):not(.icon-button):not(.action-tile):not(.hamburger):not([data-nav]):not(.lead-action-button):not(.exact-link):not(.password-visibility-toggle):hover:not(:disabled),
body.crm-admin-panel .crm-dialog button.crm-dialog-primary:hover:not(:disabled),
body.crm-admin-panel .crm-result-dialog button.crm-result-ok:hover:not(:disabled),
body.crm-admin-panel .crm-security-dialog button:not(.secondary):not(.icon-button):not(.crm-dialog-x):hover:not(:disabled){
  background:#2c47aa!important;
  border-color:#2c47aa!important;
  color:#fff!important;
}

/* Secondary/utility buttons: white or soft blue, never teal. */
.crm-role-admin .main #view button.secondary:not(.danger):not(.icon-button),
.crm-role-admin .main #view button#enableAll,
.crm-role-admin .main .topbar button.secondary,
body.crm-admin-panel .crm-dialog button.secondary,
body.crm-admin-panel .crm-dialog .crm-dialog-cancel,
body.crm-admin-panel .crm-security-dialog button.secondary{
  background:#fff!important;
  background-image:none!important;
  color:#405270!important;
  border-color:#ccd6e3!important;
  box-shadow:none!important;
}
.crm-role-admin .main #view button.secondary:not(.danger):not(.icon-button):hover:not(:disabled),
.crm-role-admin .main #view button#enableAll:hover:not(:disabled),
.crm-role-admin .main .topbar button.secondary:hover:not(:disabled),
body.crm-admin-panel .crm-dialog button.secondary:hover:not(:disabled),
body.crm-admin-panel .crm-dialog .crm-dialog-cancel:hover:not(:disabled),
body.crm-admin-panel .crm-security-dialog button.secondary:hover:not(:disabled){
  background:#f3f6ff!important;
  color:#29458f!important;
  border-color:#aebdea!important;
}

/* Danger/delete controls remain neutral (no hidden teal fallback). */
.crm-role-admin .main #view button.danger:not(.icon-button),
.crm-role-admin .main #view button#disableAll,
body.crm-admin-panel .crm-dialog button.danger:not(.icon-button){
  background:#fff!important;
  color:#4a5668!important;
  border-color:#cdd5df!important;
}
.crm-role-admin .main #view button.danger:not(.icon-button):hover:not(:disabled),
.crm-role-admin .main #view button#disableAll:hover:not(:disabled),
body.crm-admin-panel .crm-dialog button.danger:not(.icon-button):hover:not(:disabled){
  background:#f4f6f8!important;
  color:#2f3d50!important;
  border-color:#aeb8c5!important;
}

/* Tabs, pagers and toggles that old theme painted teal. */
.crm-role-admin .main #view .tabs>button#showFresh,
.crm-role-admin .main #view .tabs>button#showJoined,
.crm-role-admin .main #view .btns>button:is(#distFresh,#distJoined)[aria-pressed="false"]{
  background:#f4f6fb!important;
  color:#425675!important;
  border-color:#cbd5e2!important;
}
.crm-role-admin .main #view .tabs>button:is(#showFresh,#showJoined):hover:not(:disabled),
.crm-role-admin .main #view .tabs>button:is(#showFresh,#showJoined):focus,
.crm-role-admin .main #view .btns>button:is(#distFresh,#distJoined)[aria-pressed="true"]{
  background:#3657c8!important;
  color:#fff!important;
  border-color:#3657c8!important;
}
.crm-role-admin .main #view nav[id$="Pager"] button[aria-current="page"],
.crm-role-admin .main #view nav#distPaging button[aria-current="page"]{
  background:#3657c8!important;
  color:#fff!important;
  border-color:#3657c8!important;
}

/* KPI / Quick Action icons — rotate blue, purple, saffron, rose; no teal. */
.crm-role-admin .main #view .stat-box .stat-icon,
.crm-role-admin .main #view .action-tile .tile-icon,
.crm-role-admin .main #view .exact-card-head svg,
.crm-role-admin .main #view .feed-icon{
  background:#edf2ff!important;
  color:#4561c5!important;
}
.crm-role-admin .main #view .stat-box:nth-child(4n+2) .stat-icon{background:#f3edff!important;color:#7954b7!important}
.crm-role-admin .main #view .stat-box:nth-child(4n+3) .stat-icon{background:#fff4df!important;color:#b67617!important}
.crm-role-admin .main #view .stat-box:nth-child(4n+4) .stat-icon{background:#fff0f2!important;color:#b94d5c!important}
.crm-role-admin .main #view .action-tile:hover{background:#f7f9fc!important;border-color:#b9c7df!important;box-shadow:0 8px 20px rgba(35,58,96,.07)!important}

/* Badges / pills / tags. "teal" internal status is visually blue in Admin. */
.crm-role-admin .main #view .pill:not(.good):not(.note):not(.bad),
.crm-role-admin .main #view .lead-tag-teal,
.crm-role-admin .main #view .lead-status-color-teal,
.crm-role-admin .main #view .mlv2-status-teal{
  background:#edf2ff!important;
  color:#304e9d!important;
  border-color:#c6d2f1!important;
}
.crm-role-admin .main #view .lead-status-color-teal{--ls-color:#4c66c7!important;--ls-soft:#edf2ff!important;--ls-text:#304e9d!important}
.crm-role-admin .main #view .lead-status-color-dot.lead-status-color-teal{--ls-color:#4c66c7!important}
.crm-role-admin .main #view .lead-status-color-teal .lead-status-color-dot,
.crm-role-admin .main #view .lead-status-color-dot.lead-status-color-teal{background:#4c66c7!important}

/* Reporting badges/accent. */
.crm-role-admin .main #view .ar-good{background:#eaf7ef!important;color:#1d6f49!important;border-color:#c9e7d5!important}
.crm-role-admin .main #view .ar-tabs button.active,
.crm-role-admin .main #view .ar-periods button.active{color:#6548bd!important;border-bottom-color:#6548bd!important;background:#fff!important}

/* Integration provider icon defaults can be teal via inline CSS custom props. */
.crm-role-admin .main #view .integration-provider{
  --primary:#3657c8!important;
  --soft:#edf2ff!important;
}
.crm-role-admin .main #view .integration-provider .icon{background:#edf2ff!important;color:#3657c8!important}

/* Notices / informational chips. */
.crm-role-admin .main #view .live-notice,
.crm-role-admin .main .workspace>.live-notice{
  background:#f4f7ff!important;
  color:#334d84!important;
  border-color:#cbd7f0!important;
}

/* Form focus / selection colour. */
.crm-role-admin .main input:focus,
.crm-role-admin .main select:focus,
.crm-role-admin .main textarea:focus,
body.crm-admin-panel .crm-dialog input:focus,
body.crm-admin-panel .crm-dialog select:focus,
body.crm-admin-panel .crm-dialog textarea:focus{
  border-color:#6f87d9!important;
  box-shadow:0 0 0 3px rgba(54,87,200,.12)!important;
}
.crm-role-admin .main input[type="checkbox"],
.crm-role-admin .main input[type="radio"],
.crm-role-admin .main #view .crm-selection-sheet input[type="checkbox"]{accent-color:#3657c8!important}

/* Charts/progress: old classes may still be named "teal", but visual is not teal. */
.crm-role-admin .main #view .chart-legend .red-dot{background:#d18b20!important}
.crm-role-admin .main #view .chart-legend .teal-dot{background:#3657c8!important}
.crm-role-admin .main #view .exact-chart-svg polyline:first-of-type{stroke:#d18b20!important}
.crm-role-admin .main #view .exact-chart-svg polyline:nth-of-type(2){stroke:#3657c8!important}
.crm-role-admin .main #view .exact-chart-svg circle[fill="#04a6b6"],
.crm-role-admin .main #view .exact-chart-svg circle[fill="#087d93"],
.crm-role-admin .main #view .exact-chart-svg circle[fill="#ec182a"]{fill:#3657c8!important}
.crm-role-admin .main #view .team-performance .progress>span,
.crm-role-admin .main #view .performance-item .progress>span{background:linear-gradient(90deg,#3657c8,#7b5bc7)!important}

/* Admin-opened dialogs live outside .main, so body role class handles them. */
body.crm-admin-panel .crm-dialog .crm-dialog-symbol,
body.crm-admin-panel .crm-result-dialog.crm-result-info .crm-result-icon{
  background:#edf2ff!important;
  color:#3657c8!important;
}

/* Dark mode: neutral navy/purple, never blue-green/teal. */
html.theme-dark .crm-role-admin .main{
  --crm-btn-main:#526ed7;
  --crm-btn-main-hover:#657ee0;
  --crm-btn-soft:#202a3c;
  --crm-btn-soft-hover:#28354a;
  --crm-btn-text:#dce5ff;
  --crm-btn-border:#455675;
}
html.theme-dark .crm-role-admin .main #view .card,
html.theme-dark .crm-role-admin .main #view .stat-box,
html.theme-dark .crm-role-admin .main #view .contentrow,
html.theme-dark .crm-role-admin .main #view .action-tile,
html.theme-dark .crm-role-admin .main #view .exact-chart,
html.theme-dark .crm-role-admin .main #view .exact-team,
html.theme-dark .crm-role-admin .main #view .exact-leads,
html.theme-dark .crm-role-admin .main #view .exact-quick,
html.theme-dark .crm-role-admin .main #view .exact-feed,
html.theme-dark .crm-role-admin .main #view .exact-overview,
html.theme-dark .crm-role-admin .main #view .tablewrap,
html.theme-dark .crm-role-admin .main #view .integration-provider,
html.theme-dark .crm-role-admin .main #view .ar-head,
html.theme-dark .crm-role-admin .main #view .ar-toolbar,
html.theme-dark .crm-role-admin .main #view .ar-card,
html.theme-dark .crm-role-admin .main #view .ar-kpi,
html.theme-dark .crm-role-admin .main #view .ar-filters,
html.theme-dark .crm-role-admin .main #view .ar-table-wrap,
html.theme-dark .crm-role-admin .main #view .ar-score>div{
  background:#182231!important;
  border-color:#344156!important;
  color:#edf2f8!important;
}
html.theme-dark .crm-role-admin .main #view .dashboard-intro{background:linear-gradient(115deg,#1b2536,#232f48)!important;border-color:#3c4b69!important;color:#eef3ff!important}
html.theme-dark .crm-role-admin .main #view .dashboard-intro h2,
html.theme-dark .crm-role-admin .main #view .dashboard-intro p{color:#eef3ff!important}
html.theme-dark .crm-role-admin .main .local-badge,
html.theme-dark .crm-role-admin .main .page-tag{background:#202b42!important;color:#dce4ff!important;border-color:#455678!important}
html.theme-dark .crm-role-admin .main #view button.secondary:not(.danger):not(.icon-button),
html.theme-dark .crm-role-admin .main .topbar button.secondary,
html.theme-dark body.crm-admin-panel .crm-dialog button.secondary{
  background:#1c2635!important;color:#dfe7f3!important;border-color:#435168!important;
}