/* AcnoFin Teal Theme - additive visual layer only. Approved theme, no workflows changed. */
:root{--page:#f3f8fc;--surface:#fff;--surface-soft:#f0fbfc;--surface-strong:#e6f8fa;--ink:#172e42;--muted:#64788c;--line:#e2ebf3;--line-strong:#c9dfe8;--nav:#fff;--nav-soft:#e6f8fa;--brand:#049eaf;--brand-dark:#087d93;--brand-light:#e6f8fa;--shadow:0 2px 12px rgba(32,79,112,.055);--radius:14px;--sidebar-width:244px}
body{background:var(--page)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-color:#77cdd6}
.boot-logo,.brand-mark{background:linear-gradient(135deg,#04a6b6,#087d93);box-shadow:0 7px 18px #04a6b633}
.sidebar{background:#fff;color:#345167;border-right:1px solid var(--line);padding:15px 12px}
.sidebar-brand{color:var(--ink);border-color:#eff3f7;padding-bottom:22px}
.brand-title{color:var(--ink)}.brand-title span{color:var(--brand-dark)}.brand-sub{color:#718b9e}
.nav-heading{color:#8399a6}
.sidebar nav button{color:#345167;border:0;border-radius:10px;font-weight:700}
.sidebar nav button svg{color:#58798a}
.sidebar nav button:hover{color:var(--brand-dark);background:#edf8fa}
.sidebar nav button.active,.sidebar nav button.special.active{color:#fff;background:linear-gradient(105deg,#04a6b6,#087d93);border:0;box-shadow:0 5px 12px #04a6b62e}
.sidebar nav button.active svg{color:#fff}
.sidebar nav button.special{border-top:1px solid var(--line)}
.side-card{background:linear-gradient(145deg,#d8f4f6,#edfaff 60%,#cdebf4);border-color:#c7eaf0;color:var(--ink)}
.side-card-label,.side-card strong{color:var(--teal-dark,#065f70)}.side-card small,.sidebar-bottom{color:#6e8998}
.topbar{height:66px;background:var(--surface);border-color:var(--line);padding:0 clamp(15px,2vw,28px)}
.top-user .avatar{background:linear-gradient(130deg,#04a6b6,#087d93);border-radius:50%}
.workspace{max-width:1750px;padding:22px clamp(15px,2vw,28px) 38px}
.page-eyebrow{color:var(--brand-dark)}
.card{border-color:var(--line);border-radius:14px;box-shadow:var(--shadow)}
.card h2:before{background:var(--brand)}
.dashboard-intro{background:linear-gradient(112deg,#d4f4f4 0%,#effbfc 38%,#dbf3ff 75%,#bee6f3 100%);border:1px solid #d6eaf0;color:var(--ink);min-height:145px;box-shadow:none;border-radius:14px;padding:25px}
.dashboard-intro h2{color:var(--ink)}.dashboard-intro small{color:var(--brand-dark)}.dashboard-intro p{color:#466577}
.intro-action{background:#087d93!important;color:#fff!important}.intro-action:hover{background:#065f70!important}
.stat-icon,.stat-box:nth-child(4n+2) .stat-icon,.stat-box:nth-child(4n+3) .stat-icon,.stat-box:nth-child(4n+4) .stat-icon{background:#e6f8fa;color:#087d93}
.action-tile:hover{border-color:#91d8df;box-shadow:0 10px 22px #087d9314}
.action-tile .tile-icon{background:#e6f8fa;color:#087d93}
.pill{border-color:#bde8ed;color:#087d93}
button.secondary:not(.icon-button):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]),button#enableAll{background:#f0fbfc;color:#276778;border-color:#c7e4e9}
button.secondary:not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]):hover:not(:disabled),button#enableAll:hover{background:#dff5f7!important;color:#065f70}
input:focus,select:focus,textarea:focus{border-color:#04a6b6;box-shadow:0 0 0 3px #04a6b61a}
.toggle:hover,.toggle:has(input:checked){border-color:#9fdde4}.toggle:has(input:checked){background:#effbfc}
.crm-result-dialog.crm-result-info .crm-result-icon,.crm-dialog-simple .crm-dialog-symbol{background:#e6f8fa;color:#087d93}
.crm-result-dialog .crm-result-ok:not(.icon-button){background:#049eaf}.crm-result-dialog .crm-result-ok:hover:not(:disabled){background:#087d93}
.crm-dialog-simple .crm-dialog-footer .crm-dialog-primary{background:#049eaf;border-color:#049eaf}
/* Existing six SVG icons, authorization states, modal positioning and JS remain unchanged. */
html.theme-dark{--page:#0e1b25;--surface:#152934;--surface-soft:#1b3540;--surface-strong:#244450;--ink:#edf8fa;--muted:#a6bbc5;--line:#2f4a55;--line-strong:#41606b;--nav:#152934;--brand:#44c6d1;--brand-dark:#27aaba;--brand-light:#1d4048;--shadow:0 4px 24px #0002}
.theme-dark .sidebar,.theme-dark .topbar{background:var(--surface);border-color:var(--line)}
.theme-dark .sidebar-brand,.theme-dark .brand-title,.theme-dark .sidebar nav button{color:var(--ink)}
.theme-dark .sidebar nav button:hover{background:var(--surface-strong);color:#8ae7ec}
.theme-dark .sidebar nav button.active{color:#fff}
.theme-dark .side-card{background:linear-gradient(140deg,#214650,#153541);border-color:#32616b}
.theme-dark .side-card strong,.theme-dark .side-card-label{color:#b2f2f3}
.theme-dark .dashboard-intro{background:linear-gradient(110deg,#184a52,#236273);border-color:#367583}
.theme-dark .dashboard-intro h2,.theme-dark .dashboard-intro p,.theme-dark .dashboard-intro small{color:#f0fbfc}
.theme-dark .stat-icon,.theme-dark .stat-box:nth-child(4n+2) .stat-icon,.theme-dark .stat-box:nth-child(4n+3) .stat-icon,.theme-dark .stat-box:nth-child(4n+4) .stat-icon{background:#20454b;color:#91e9e9}
.theme-dark .toggle:has(input:checked){background:#1c454b}
@media(max-width:800px){.sidebar{position:fixed;left:0;top:0;height:100dvh;width:min(280px,84vw)}.topbar{height:65px}.workspace{padding:18px 15px 30px}}
@media(max-width:540px){.dashboard-intro{padding:20px}.workspace{padding:14px 12px 26px}.card{padding:15px}.page-heading h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Additive adaptation for the CURRENT AcnoFin TeamAct runtime (not the older snapshot).
   Loaded after BOTH existing stylesheets. No modal positioning, data logic, or access rules touched. */
:root{--teal:#04a6b6;--teal-deep:#087d93;--teal-dark:#065f70;--teal-pale:#e6f8fa;--teal-lighter:#f0fbfc;--gold:#d18b20}
.shell .sidebar{background:var(--surface);border-color:var(--line)}
.shell .sidebar .sidebar-brand{background:transparent;border-color:var(--line)}
.shell .sidebar nav button.active,
.shell .sidebar nav button.special.active{background:linear-gradient(105deg,#04a6b6,#087d93)!important;color:#fff!important;box-shadow:0 5px 12px #04a6b62e}
.shell .sidebar nav button.active svg{color:#fff!important}
.shell .sidebar nav button:not(.active):hover{background:var(--surface-soft);color:var(--brand-dark)}
.shell .topbar{background:var(--surface);border-color:var(--line)}
.shell .top-search{background:var(--surface-soft);border-color:var(--line)}
.shell .top-search svg,.shell .top-search-status,.shell .page-tag,.shell .local-badge{color:var(--brand-dark)}
.shell .local-badge,.shell .page-tag{background:var(--brand-light);border-color:#b7e8ed}
.shell .page-tag i{background:var(--brand)}
.shell .topbar .top-user .avatar{background:linear-gradient(130deg,#04a6b6,#087d93)}
.shell .page-eyebrow{color:var(--brand-dark)}
.shell .live-notice{background:var(--surface-soft);border-color:#b7e8ed;color:var(--teal-dark)}
.shell .dashboard-intro{background:linear-gradient(112deg,#d4f4f4 0%,#effbfc 38%,#dbf3ff 75%,#bee6f3 100%);color:#172e42;border-color:#d6eaf0}
.shell .dashboard-intro h2{color:#172e42}
.shell .dashboard-intro p,.shell .banner-quote,.shell .banner-quote small{color:#466577}
.shell .stat-box,.shell .exact-chart,.shell .exact-team,.shell .exact-leads,
.shell .exact-quick,.shell .exact-feed,.shell .exact-overview{background:var(--surface);border-color:var(--line)}
.shell .stat-box .stat-icon,.shell .exact-card-head svg,.shell .feed-icon,
.shell .dash-actions .tile-icon{background:var(--brand-light);color:var(--brand-dark)}
.shell .exact-link{color:var(--brand-dark)}
.shell .chart-legend .red-dot{background:#087d93}
.shell .chart-legend .teal-dot{background:#04a6b6}
.shell .exact-chart-svg polyline:first-of-type{stroke:#087d93}
.shell .exact-chart-svg > circle[fill="#ec182a"]{fill:#087d93}
.shell .team-performance .progress>span,.shell .performance-item .progress>span{background:linear-gradient(90deg,#087d93,#04a6b6)}
.shell .feed-icon{border-radius:10px}
.shell .inline-stat b{color:var(--brand-dark)}
.shell .action-tile:hover{background:var(--surface-soft);border-color:#91d8df}
.shell .action-tile .tile-icon{background:var(--brand-light);color:var(--brand-dark)}
.shell .btns .lead-action-button:not(:disabled){border-color:#b7e8ed}
.shell button.primary:not(.danger),.shell .intro-action{background:var(--brand);color:#fff}
.shell button.primary:not(.danger):hover{background:var(--brand-dark)}
/* Preserve official error/danger/warning semantic color, centering and dismissal logic. */
.crm-result-dialog.crm-result-info .crm-result-icon,.crm-dialog-simple:not(.crm-dialog-danger):not(.crm-dialog-warning) .crm-dialog-symbol{background:var(--brand-light);color:var(--brand-dark)}
.crm-result-dialog:not(.crm-result-error):not(.crm-result-warning) .crm-result-ok{background:var(--brand)}
.crm-dialog-simple:not(.crm-dialog-danger):not(.crm-dialog-warning) .crm-dialog-primary{background:var(--brand);border-color:var(--brand)}
/* Login branding IMAGE is retained exactly as provided by the installed site. */
.auth-screen .auth-showcase{background:linear-gradient(145deg,#065f70,#087d93 58%,#04a6b6)}
.auth-screen .auth-eyebrow,.auth-screen .auth-copy h2 span{color:#b2f4f4}
.auth-screen .auth-copy p{color:#d9eff3}
.auth-screen .auth-points span{color:#f0fcfe}
.auth-screen .login .login-emblem{background:var(--brand-light);color:var(--brand-dark)}
.theme-dark .shell .dashboard-intro{background:linear-gradient(110deg,#184a52,#236273);border-color:#367583}
.theme-dark .shell .dashboard-intro h2,.theme-dark .shell .dashboard-intro p,
.theme-dark .shell .banner-quote,.theme-dark .shell .banner-quote small{color:#f0fbfc}
.theme-dark .shell .live-notice{background:#1b3540;border-color:#367583;color:#b2f2f3}
.theme-dark .shell .local-badge,.theme-dark .shell .page-tag{border-color:#367583}
@media (max-width:800px){.shell .sidebar{position:fixed}.shell .workspace{padding:18px 15px 30px}}
@media (max-width:540px){.shell .workspace{padding:14px 12px 26px}}


/* Visual fix 2026-09-21: user-confirmed layout and multi-colour action icon issues.
   Additive styles only: no HTML, JS, auth, backend, or database changes. */

/* On Super Admin home, prevent the short right column from leaving a large blank
   area beside the Recent Leads list: place dashboard sections in full-width rows. */
.shell .exact-dashboard .exact-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.shell .exact-dashboard .exact-left { display:contents; }
.shell .exact-dashboard .exact-layout .dashboard-stats {
  grid-column:1;grid-row:1;
  width:100%;min-width:0;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.shell .exact-dashboard .exact-mid {
  grid-column:1;grid-row:2;min-width:0;
  grid-template-columns:minmax(0,1.5fr) minmax(270px,.9fr);
  align-items:stretch;
}
.shell .exact-dashboard .exact-right {
  grid-column:1;grid-row:3;min-width:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;align-content:start;
}
.shell .exact-dashboard .exact-right > .card {min-width:0;margin:0;}
.shell .exact-dashboard .exact-leads {
  grid-column:1;grid-row:4;min-width:0;width:100%;
}
.shell .exact-dashboard .exact-leads .tablewrap {max-width:calc(100% - 28px);overflow-x:auto;}
.shell .exact-dashboard .exact-quick .action-tile {
  background:linear-gradient(120deg,#04a6b6,#087d93);
  color:#fff;border-color:transparent;
}
.shell .exact-dashboard .exact-quick .action-tile:nth-child(4) {
  background:#fff;color:#172e42;border:1px solid #d6e3ec;
}
.shell .exact-dashboard .exact-quick .action-tile .tile-icon {
  background:transparent;color:inherit;
}

/* A broad legacy rule forced ALL ordinary buttons to red, overriding the
   secondary action-buttons. Scope the correction to the existing six Member
   action controls; the original SVG images keep their own brand colours. */
.shell .btns button.lead-action-button.secondary:not(.icon-button) {
  background:#f5fcfd!important;
  color:#173d53!important;
  border:1px solid #a7dbe4!important;
  border-radius:10px;
  min-height:43px;
  gap:9px;
  padding:10px 13px;
  font-weight:750;
  white-space:normal;
}
.shell .btns button.lead-action-button.secondary:not(.icon-button):hover:not(:disabled) {
  background:#e2f5f8!important;
  border-color:#04a6b6!important;
  color:#065f70!important;
}
.shell .btns button.lead-action-button.secondary:not(.icon-button):focus-visible {
  outline:3px solid #68c8d2;outline-offset:2px;
}
.shell .btns button.lead-action-button .lead-action-icon {
  display:block;
  width:22px;height:22px;min-width:22px;
  flex:0 0 22px;
  object-fit:contain;
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
}
.shell .btns button.lead-action-button .lead-action-label {
  color:inherit;line-height:1.25;
}

/* Layout maintains clear reading order on smaller screens. */
@media(max-width:1120px) {
  .shell .exact-dashboard .exact-mid {grid-template-columns:minmax(0,1fr);}
  .shell .exact-dashboard .exact-right {grid-template-columns:repeat(2,minmax(0,1fr));}
  .shell .exact-dashboard .exact-overview {grid-column:1/-1;}
}
@media(max-width:860px) {
  .shell .exact-dashboard .exact-layout .dashboard-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
  .shell .exact-dashboard .exact-right {grid-template-columns:minmax(0,1fr);}
  .shell .exact-dashboard .exact-overview {grid-column:auto;}
}
@media(max-width:540px) {
  .shell .btns button.lead-action-button.secondary:not(.icon-button) {
    min-height:46px;padding:10px 12px;
  }
  .shell .exact-dashboard .exact-leads .tablewrap {overflow-x:auto;}
}
/* Retain readable Member controls when the app's optional dark mode is used. */
html.theme-dark .shell .btns button.lead-action-button.secondary:not(.icon-button) {
  background:#203e48!important;
  color:#eaf9fb!important;
  border-color:#4d7885!important;
}
html.theme-dark .shell .btns button.lead-action-button.secondary:not(.icon-button):hover:not(:disabled) {
  background:#28505b!important;color:#fff!important;border-color:#6bcbd3!important;
}
html.theme-dark .shell .exact-dashboard .exact-quick .action-tile:nth-child(4) {
  background:var(--surface);color:var(--ink);border-color:var(--line);
}


/* Controls refinement 2026-09-21. App views only, not dialogs or sidebar.
   Previous visual dashboard and six action icon fixes are preserved unchanged.
   The old original theme forces generic/secondary buttons red; these targeted
   teal overrides are placed last and use !important for colour only. */
:root{--crm-btn-main:#087d93;--crm-btn-main-hover:#065f70;--crm-btn-soft:#f0fbfc;--crm-btn-soft-hover:#dff5f7;--crm-btn-text:#15465a;--crm-btn-border:#a9dbe4}
/* Primary actions across Super Admin, Admin and Member views: teal, not red.
   NEVER recolour real danger buttons, modal buttons or the six logo action icons. */
.shell #view button:where(:not(.danger):not(.icon-button):not(.action-tile):not(.lead-action-button):not(.exact-link):not(.password-visibility-toggle):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]):not([data-nav])) {
  background:var(--crm-btn-main)!important;
  color:#fff!important;
  border:1px solid var(--crm-btn-main)!important;
  border-radius:9px;
  min-height:40px;
  line-height:1.3;
  max-width:100%;
}
.shell #view button:where(:not(.danger):not(.icon-button):not(.action-tile):not(.lead-action-button):not(.exact-link):not(.password-visibility-toggle):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]):not([data-nav])):hover:not(:disabled) {
  background:var(--crm-btn-main-hover)!important;
  border-color:var(--crm-btn-main-hover)!important;
  color:#fff!important;
}
/* Secondary and utility controls receive outlined / soft-teal visual hierarchy. */
.shell #view button.secondary:not(.danger):not(.lead-action-button):not(.icon-button):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]),
.shell #view button#enableAll {
  background:var(--crm-btn-soft)!important;
  color:var(--crm-btn-text)!important;
  border:1px solid var(--crm-btn-border)!important;
}
.shell #view button.secondary:not(.danger):not(.lead-action-button):not(.icon-button):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]):hover:not(:disabled),
.shell #view button#enableAll:hover:not(:disabled) {
  background:var(--crm-btn-soft-hover)!important;
  border-color:#04a6b6!important;
  color:#065f70!important;
}
/* Central Pool tabs: two matched, balanced tabs; do not fake a persistent
   selected state because existing application JS does not track it in DOM. */
.shell #view .tabs {
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:14px 0 16px;padding:0;min-width:0;
}
.shell #view .tabs > button#showFresh,
.shell #view .tabs > button#showJoined {
  flex:0 1 auto;min-width:152px;min-height:42px;
  margin:0!important;padding:10px 16px!important;
  background:#edf9fb!important;color:#075e72!important;
  border:1px solid #a0d9e2!important;
  border-radius:10px!important;
  font-size:12px!important;font-weight:800!important;
  box-shadow:none!important;
}
.shell #view .tabs > button:is(#showFresh,#showJoined):hover:not(:disabled),
.shell #view .tabs > button:is(#showFresh,#showJoined):focus {
  background:#d9f2f6!important;color:#064e62!important;
  border-color:#04a6b6!important;
}
/* Distribution screen HAS real aria-pressed tracking: style actual active tab. */
.shell #view .btns > button:is(#distFresh,#distJoined) {
  min-height:42px;margin:0!important;padding:10px 16px!important;
  border-radius:10px!important;
}
.shell #view .btns > button:is(#distFresh,#distJoined)[aria-pressed="true"] {
  background:#087d93!important;color:#fff!important;border-color:#087d93!important;
}
.shell #view .btns > button:is(#distFresh,#distJoined)[aria-pressed="false"] {
  background:#f0fbfc!important;color:#15465a!important;border-color:#a9dbe4!important;
}
/* Align toolbar buttons and master-lead number actions in compact rows. */
.shell #view .btns {display:flex;align-items:center;flex-wrap:wrap;gap:9px;}
.shell #view .btns > button {margin:0!important;}
.shell #view .tablewrap td button.secondary {
  min-height:34px!important;padding:8px 11px!important;
  margin:2px 5px 2px 0!important;font-size:10px!important;
  white-space:nowrap;vertical-align:middle;
}
.shell #view .tablewrap th:last-child,.shell #view .tablewrap td:last-child {vertical-align:middle;}
/* Master Leads: Add lead aligned to the two form fields rather than their labels. */
.shell #view form#newlead.grid {align-items:end;column-gap:14px;row-gap:12px;}
.shell #view form#newlead.grid > .field {margin-bottom:0;min-width:0;}
.shell #view form#newlead.grid > div:last-child {align-self:end;display:flex;align-items:flex-end;min-height:42px;}
.shell #view form#newlead.grid > div:last-child button {margin:0!important;min-height:42px;}
/* Member Current Batch: consistent six-button row, inline outcome form and
   aligned follow-up / extension / edit controls, without moving any inputs. */
.shell #view .contentrow {min-width:0;padding:18px;border-color:#cfe6ed;background:#f2fbfd;}
.shell #view .contentrow .btns {display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 12px;align-items:center;}
.shell #view .contentrow .btns > .lead-action-button {margin:0!important;min-height:43px;}
.shell #view .contentrow form.disposition {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0;}
.shell #view .contentrow form.disposition select {flex:0 1 225px;width:225px;max-width:100%;min-height:42px;margin:0;}
.shell #view .contentrow form.disposition button {min-height:42px;margin:0!important;padding:10px 15px!important;}
.shell #view .contentrow > button:is(.followup,.extension,.lead-edit) {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:41px;padding:10px 13px!important;
  margin:3px 8px 3px 0!important;vertical-align:middle;
  white-space:normal;text-align:center;
}
/* Repeated tables stay scrollable instead of squeezing buttons / lead IDs. */
.shell #view .card .tablewrap {max-width:100%;overflow-x:auto;}
@media (max-width:650px){
  .shell #view .tabs {gap:8px;}
  .shell #view .tabs > button#showFresh,.shell #view .tabs > button#showJoined {flex:1 1 160px;min-width:0;}
  .shell #view .contentrow {padding:13px;}
  .shell #view .contentrow form.disposition select {flex:1 1 190px;}
  .shell #view .contentrow form.disposition button {flex:0 1 auto;}
  .shell #view form#newlead.grid > div:last-child {width:100%;}
}
/* Optional dark mode: preserve contrast on secondary and tab controls. */
html.theme-dark .shell #view button.secondary:not(.danger):not(.lead-action-button):not(.icon-button):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]),
html.theme-dark .shell #view button#enableAll,
html.theme-dark .shell #view .btns > button:is(#distFresh,#distJoined)[aria-pressed="false"],
html.theme-dark .shell #view .tabs > button:is(#showFresh,#showJoined) {
  background:#203e48!important;color:#eaf9fb!important;border-color:#4d7885!important;
}
html.theme-dark .shell #view .contentrow {background:#1b3540;border-color:#365866;}
html.theme-dark .shell #view .tabs > button:is(#showFresh,#showJoined):hover:not(:disabled),
html.theme-dark .shell #view button.secondary:not(.danger):not(.lead-action-button):not(.icon-button):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]):hover:not(:disabled) {
  background:#28505b!important;color:#fff!important;border-color:#6bcbd3!important;
}

/* No-red-buttons correction, 2026-09-21.
   Only button appearance is changed; keep official logo, native SVG brand icons,
   warning/error text, archive confirmation and permissions untouched. */
:root {
  --crm-neutral-button-bg:#f0fbfc;
  --crm-neutral-button-text:#15465a;
  --crm-neutral-button-border:#a9dbe4;
  --crm-neutral-button-hover:#dff5f7;
}
/* Danger / Delete / Suppress controls must look exactly like the neighbouring
   outlined Edit controls rather than a red solid or a pale-red button. */
.shell #view button.danger:not(.icon-button),
.shell #view button#disableAll,
.modal-backdrop button.danger:not(.icon-button) {
  background:var(--crm-neutral-button-bg)!important;
  background-image:none!important;
  color:var(--crm-neutral-button-text)!important;
  border:1px solid var(--crm-neutral-button-border)!important;
  border-radius:9px;
  box-shadow:none!important;
  min-height:40px;
  line-height:1.3;
}
.shell #view button.danger:not(.icon-button):hover:not(:disabled),
.shell #view button#disableAll:hover:not(:disabled),
.modal-backdrop button.danger:not(.icon-button):hover:not(:disabled) {
  background:var(--crm-neutral-button-hover)!important;
  color:#065f70!important;
  border-color:#04a6b6!important;
  box-shadow:none!important;
}
/* Content Library Delete has the same dimensions, border, fill, and label
   weight as the Edit/Replace buttons directly next to it. */
.shell #view .contentrow .btns button[data-content-delete] {
  padding:10px 14px!important;
  margin:0!important;
  font-size:12px!important;
  font-weight:750;
  min-height:40px!important;
}
/* The legacy theme applies red to generic buttons even outside #view.
   Use Teal for primary actions in Login, dialogs and the app. The special
   six file/action buttons, secondary outlines and navigation retain their
   approved separate styling. */
.auth-screen .login button[type="submit"],
.shell #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):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]),
.modal-backdrop button:not(.secondary):not(.danger):not(.icon-button):not(.crm-dialog-cancel),
.crm-security-dialog button:not(.secondary):not(.icon-button):not(.crm-dialog-x),
.crm-dialog button.crm-dialog-primary,
.crm-result-dialog button.crm-result-ok {
  background:#087d93!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#087d93!important;
}
.auth-screen .login button[type="submit"]:hover:not(:disabled),
.shell #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):not(.member-theme1-kpi):not(.member-theme1-link):not(.member-theme1-iconbtn):not(.member-theme1-open):not([data-work-filter]):hover:not(:disabled),
.modal-backdrop button:not(.secondary):not(.danger):not(.icon-button):not(.crm-dialog-cancel):hover:not(:disabled),
.crm-security-dialog button:not(.secondary):not(.icon-button):not(.crm-dialog-x):hover:not(:disabled),
.crm-dialog button.crm-dialog-primary:hover:not(:disabled),
.crm-result-dialog button.crm-result-ok:hover:not(:disabled) {
  background:#065f70!important;
  color:#fff!important;
  border-color:#065f70!important;
}
/* Explicitly override the original red danger-confirm rules, including the
   centred confirmation variant, without disabling any confirmation step. */
.crm-dialog.crm-dialog-danger button.crm-dialog-primary,
.crm-dialog-simple.crm-dialog-danger .crm-dialog-footer button.crm-dialog-primary {
  background:#087d93!important;
  color:#fff!important;
  border-color:#087d93!important;
}
.crm-dialog.crm-dialog-danger button.crm-dialog-primary:hover:not(:disabled),
.crm-dialog-simple.crm-dialog-danger .crm-dialog-footer button.crm-dialog-primary:hover:not(:disabled) {
  background:#065f70!important;
  color:#fff!important;
  border-color:#065f70!important;
}
.shell .topbar .icon-button:hover {color:#087d93!important;}
/* Dark theme: Delete matches dark outlined Edit rather than light/red surfaces. */
html.theme-dark .shell #view button.danger:not(.icon-button),
html.theme-dark .shell #view button#disableAll,
html.theme-dark .modal-backdrop button.danger:not(.icon-button) {
  background:#203e48!important;
  color:#eaf9fb!important;
  border-color:#4d7885!important;
}
html.theme-dark .shell #view button.danger:not(.icon-button):hover:not(:disabled),
html.theme-dark .shell #view button#disableAll:hover:not(:disabled),
html.theme-dark .modal-backdrop button.danger:not(.icon-button):hover:not(:disabled) {
  background:#28505b!important;
  color:#fff!important;
  border-color:#6bcbd3!important;
}

/* Phase 1 approved: Excel-like consistent data presentation for existing reports.
   Does not create new data columns or override red-free button theme. */
.shell #view .tablewrap.crm-sheet,
.shell #view .exact-leads .tablewrap,
.modal-backdrop .tablewrap.crm-sheet {width:100%;max-width:100%;overflow:auto;max-height:min(68vh,680px);border:1px solid #d9e5ed;border-radius:11px;background:#fff;overscroll-behavior:contain;scrollbar-color:#b7ced9 transparent;}
.shell #view .tablewrap.crm-sheet table,
.shell #view .exact-leads .tablewrap table,
.modal-backdrop .tablewrap.crm-sheet table {border-collapse:separate;border-spacing:0;width:100%;min-width:660px;table-layout:auto;font-size:12px;}
.shell #view .tablewrap.crm-sheet th,
.shell #view .exact-leads .tablewrap th,
.modal-backdrop .tablewrap.crm-sheet th {position:sticky;top:0;z-index:2;text-align:left;background:#edf5f9!important;color:#25445b!important;text-transform:none;letter-spacing:.01em;font-size:11px;font-weight:800;padding:12px 14px;border-bottom:1px solid #cadde9;white-space:nowrap;}
.shell #view .tablewrap.crm-sheet td,
.shell #view .exact-leads .tablewrap td,
.modal-backdrop .tablewrap.crm-sheet td {padding:11px 14px;border-bottom:1px solid #e2eaf1;border-right:1px solid #eff3f7;color:#243b52;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;}
.shell #view .tablewrap.crm-sheet th:not(:last-child),
.shell #view .exact-leads .tablewrap th:not(:last-child) {border-right:1px solid #dce7ee;}
.shell #view .tablewrap.crm-sheet tbody tr:nth-child(even),
.shell #view .exact-leads .tablewrap tbody tr:nth-child(even) {background:#f8fbfe;}
.shell #view .tablewrap.crm-sheet tbody tr:hover,
.shell #view .exact-leads .tablewrap tbody tr:hover {background:#e9f8fa;}
.shell #view .tablewrap.crm-sheet td button {margin:2px 3px 2px 0;}
.shell #view .crm-selection-sheet {max-height:min(57vh,570px)!important;}
.shell #view .crm-selection-sheet table {min-width:590px!important;}
.shell #view .crm-selection-sheet th:first-child,.shell #view .crm-selection-sheet td:first-child {width:72px;text-align:center;}
.shell #view .crm-selection-sheet input[type=checkbox] {width:18px;height:18px;cursor:pointer;accent-color:#087d93;}
.shell #view .crm-sheet-toolbar {display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0;}
.shell #view .crm-sheet-toolbar label {font-size:12px;font-weight:700;color:#25445b;}
.shell #view .crm-sheet-toolbar select {width:auto;min-width:140px;min-height:40px;}
.shell #view .crm-sheet-toolbar button {min-height:40px;}
.shell #view .phase1-search {max-width:100%;flex:1 1 220px;min-width:0;}
.shell #view nav[id$=Pager],.shell #view nav#distPaging {border-top:1px solid #e0eaf1;padding-top:12px;}
.shell #view nav[id$=Pager] button[aria-current=page],.shell #view nav#distPaging button[aria-current=page] {background:#087d93!important;color:white!important;border-color:#087d93!important;opacity:1;}
html.theme-dark .shell #view .tablewrap.crm-sheet,html.theme-dark .shell #view .exact-leads .tablewrap {background:#172c3b;border-color:#426071;}
html.theme-dark .shell #view .tablewrap.crm-sheet th,html.theme-dark .shell #view .exact-leads .tablewrap th {background:#294353!important;color:#eaf5fb!important;border-color:#476275;}
html.theme-dark .shell #view .tablewrap.crm-sheet td,html.theme-dark .shell #view .exact-leads .tablewrap td {color:#eaf5fb;border-color:#365164;}
html.theme-dark .shell #view .tablewrap.crm-sheet tbody tr:nth-child(even),html.theme-dark .shell #view .exact-leads .tablewrap tbody tr:nth-child(even) {background:#1d3544;}
html.theme-dark .shell #view .tablewrap.crm-sheet tbody tr:hover,html.theme-dark .shell #view .exact-leads .tablewrap tbody tr:hover {background:#275263;}
html.theme-dark .shell #view .crm-sheet-toolbar label {color:#eaf5fb;}
@media(max-width:800px){.shell #view .tablewrap.crm-sheet,.shell #view .exact-leads .tablewrap {max-height:60vh}.shell #view .tablewrap.crm-sheet table {min-width:620px}.shell #view .crm-sheet-toolbar select {flex:1;min-width:110px}.shell #view .crm-selection-sheet table{min-width:590px!important}}


/* Phase 1 v2: only NEW top pagination. Existing bottom pagination styling is unchanged. */
.shell #view .crm-top-pager {
  display:flex;align-items:center;justify-content:flex-start;gap:7px;
  max-width:100%;margin:10px 0 9px;padding:0!important;border:0!important;background:transparent;
  color:#61768a;font-size:12px;line-height:1.3;
}
.shell #view .crm-top-pager-count {white-space:nowrap;font-variant-numeric:tabular-nums;}
.shell #view button.crm-top-pager-arrow {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 29px;width:29px;min-width:29px;height:29px;min-height:29px;
  padding:0!important;margin:0;border:1px solid #d9e5ee!important;
  border-radius:6px!important;background:#fff!important;color:#315269!important;
  font-family:Arial,sans-serif;font-size:23px;font-weight:600;line-height:1;
  box-shadow:none!important;
}
.shell #view button.crm-top-pager-arrow:hover:not(:disabled) {
  background:#e9f8fa!important;color:#087d93!important;border-color:#81cdd9!important;
}
.shell #view button.crm-top-pager-arrow:disabled {
  opacity:.46!important;cursor:not-allowed;background:#f5f8fa!important;
}
.shell #view button.crm-top-pager-arrow:focus-visible {outline:3px solid #7acbd8;outline-offset:2px;}
html.theme-dark .shell #view .crm-top-pager {color:#bdd6e2;}
html.theme-dark .shell #view button.crm-top-pager-arrow {
  background:#203e48!important;color:#eaf9fb!important;border-color:#4d7885!important;
}
html.theme-dark .shell #view button.crm-top-pager-arrow:hover:not(:disabled) {
  background:#28505b!important;color:#fff!important;border-color:#6bcbd3!important;
}
html.theme-dark .shell #view button.crm-top-pager-arrow:disabled {background:#203441!important;}
@media(max-width:800px){.shell #view .crm-top-pager{margin:8px 0;gap:9px}.shell #view button.crm-top-pager-arrow{flex-basis:38px;width:38px;min-width:38px;height:38px;min-height:38px;font-size:26px}}


/* Central Pool compact-toolbar correction (2026-09-21).
   ONLY the three controls above the Central Pool sheet are rearranged.
   Keep top and bottom pager functions and entire bottom pagination untouched. */
.shell #view .crm-central-help {
  margin:8px 0 10px!important;
  padding:8px 12px!important;
  font-size:11px;
  line-height:1.5;
}
.shell #view .crm-central-compact-tools {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  min-width:0;
  margin:0 0 7px;
}
.shell #view .crm-central-primary-row {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.shell #view .crm-central-primary-row .tabs {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  flex-wrap:nowrap;
  gap:8px;
  margin:0!important;
  padding:0;
}
.shell #view .crm-central-primary-row .tabs > button:is(#showFresh,#showJoined) {
  min-width:0;
  min-height:40px;
  padding:8px 12px!important;
  white-space:nowrap;
}
.shell #view #centralSearchForm {
  display:flex;
  flex:1 1 auto;
  align-items:center;
  flex-wrap:nowrap;
  min-width:0;
  gap:7px;
  margin:0;
}
.shell #view #centralSearchForm #centralSearch {
  display:block;
  flex:1 1 180px;
  width:auto;
  min-width:0;
  min-height:40px;
  margin:0;
}
.shell #view #centralSearchForm > button {
  flex:0 0 auto;
  min-height:40px;
  padding:8px 11px!important;
  white-space:nowrap;
}
.shell #view .crm-central-secondary-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.shell #view #centralTopPagerSlot {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
}
.shell #view #centralTopPagerSlot .crm-top-pager {
  margin:0!important;
}
.shell #view .crm-central-secondary-row .crm-sheet-toolbar {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  flex:0 1 auto;
  gap:7px;
  margin:0!important;
  min-width:0;
}
.shell #view .crm-central-secondary-row .crm-sheet-toolbar label {
  white-space:nowrap;
}
.shell #view .crm-central-secondary-row .crm-sheet-toolbar select {
  flex:0 1 125px;
  width:125px;
  min-width:105px;
  min-height:40px;
}
.shell #view .crm-central-secondary-row .crm-sheet-toolbar button {
  min-height:40px;
  padding:8px 11px!important;
  white-space:nowrap;
}
/* At tablet widths, keep fields readable rather than squeezing or overlapping. */
@media (max-width:1100px) {
  .shell #view .crm-central-primary-row {flex-wrap:wrap;gap:8px;}
  .shell #view .crm-central-primary-row .tabs {width:100%;flex-wrap:wrap;}
  .shell #view #centralSearchForm {width:100%;}
}
@media (max-width:700px) {
  .shell #view .crm-central-secondary-row {flex-wrap:wrap;align-items:flex-start;gap:8px;}
  .shell #view #centralTopPagerSlot {width:100%;}
  .shell #view .crm-central-secondary-row .crm-sheet-toolbar {
    justify-content:flex-start;
    flex-wrap:wrap;
    width:100%;
  }
  .shell #view .crm-central-primary-row .tabs > button:is(#showFresh,#showJoined) {
    flex:1 1 135px;
  }
}
@media (max-width:430px) {
  .shell #view #centralSearchForm {flex-wrap:wrap;}
  .shell #view #centralSearchForm #centralSearch {flex-basis:100%;}
  .shell #view #centralSearchForm > button {flex:1 1 calc(50% - 4px);}
}

/* CRM Settings only: quick dropdown/search/clear bar below Safe Settings Workflow. */
#view .crm-settings-quick-filter{scroll-margin-top:96px;border-color:#afdce5;background:var(--surface)}
#view .crm-settings-quick-filter .crm-settings-quick-help{color:var(--muted);font-size:12px;line-height:1.6;margin:-4px 0 15px}
#view .crm-settings-quick-controls{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(185px,1fr) auto;gap:12px;align-items:end}
#view .crm-settings-quick-controls .field{margin:0;min-width:0}
#view .crm-settings-quick-controls select,#view .crm-settings-quick-controls input{height:42px;margin:0}
#view .crm-settings-quick-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#view .crm-settings-quick-actions button{min-height:42px;white-space:nowrap}
#view .crm-settings-quick-status{color:var(--muted);font-size:11px;font-weight:650;margin:12px 0 0;line-height:1.6}
#view .crm-settings-filter-hidden,#view .crm-settings-quick-filter [hidden],#view .crm-settings-quick-row-match[hidden]{display:none!important}
#view .crm-settings-quick-row-match{background:var(--brand-light)}
@media(max-width:1020px){#view .crm-settings-quick-controls{grid-template-columns:minmax(190px,1fr) minmax(185px,1fr)}#view .crm-settings-quick-actions{grid-column:1/-1}}
@media(max-width:570px){#view .crm-settings-quick-controls{grid-template-columns:1fr}#view .crm-settings-quick-actions{grid-column:auto}#view .crm-settings-quick-actions button{flex:1}}
#view .table-tools[hidden]{display:none!important}


/* ==========================================================
   TEAMACT CRM GLOBAL READABILITY PATCH — 2026-10-10
   Goal:
   - Arial across the entire CRM
   - Remove tiny 9/10/11px UI text by enforcing an 14px minimum
   - Use solid black text on normal/light surfaces
   - Preserve white text only where needed for contrast on dark/brand buttons
   ========================================================== */

:root{
  font-family:Arial,Helvetica,sans-serif!important;
  --ink:#000000!important;
  --muted:#000000!important;
}

html,body,#root,
button,input,select,textarea,option,
table,thead,tbody,tfoot,tr,th,td,
label,small,kbd,time,a,p,span,strong,b,em,i,
h1,h2,h3,h4,h5,h6,div{
  font-family:Arial,Helvetica,sans-serif!important;
}

body{
  color:#000000!important;
  font-size:14px!important;
}

/* Never allow the previously tiny helper/table/navigation text to fall below 14px. */
#root :where(
  p,span,small,label,kbd,time,a,
  button,input,select,textarea,option,
  th,td,li,summary
){
  font-size:max(14px,1em)!important;
}

/* Normal/light-surface text should be full black, not muted grey. */
.workspace,
.page-heading,
.card,
.tablewrap,
.modal,
.crm-dialog,
.crm-security-dialog,
.crm-sheet,
.dashboard-intro,
#view{
  color:#000000!important;
}

#root :where(
  .muted,.sub,.hint,.help,.helper,.caption,.description,.note,
  .page-subtitle,.stat-foot,.stat-title,.sidebar-bottom,
  .top-user small,.side-card small,.live-notice,
  .crm-column-tools,.crm-column-status,
  .lead-detail-scope,.lead-detail-eyebrow,
  .lead-detail-v2-status-label,.lead-detail-v2-header-meta span,
  .lead-detail-v2-actions-heading span,.lead-detail-v2-actions-heading small,
  .lead-detail-v2-timeline-head p,.lead-detail-v2-kicker,
  .lead-detail-v2-followup span,.lead-detail-v2-field-list span,
  .lead-detail-v2-assignment-id,.lead-tag-empty,
  .crm-settings-quick-help,.crm-settings-quick-status
){
  color:#000000!important;
  font-size:14px!important;
}

/* Tables were one of the smallest areas in the CRM. */
#root .tablewrap table,
#root .tablewrap th,
#root .tablewrap td,
#root .crm-sheet table,
#root .crm-sheet th,
#root .crm-sheet td{
  font-family:Arial,Helvetica,sans-serif!important;
  color:#000000!important;
  font-size:14px!important;
  line-height:1.45!important;
}

/* Navigation / top bar readability. */
.sidebar nav button,
.top-search input,
.top-search kbd,
.top-user strong,
.top-user small,
.local-badge{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
}

/* Forms and dialog copy. */
.crm-dialog-question,
.crm-dialog-field label,
.crm-dialog-field small,
.crm-dialog-error:not([hidden]),
.crm-dialog-progress,
.crm-dialog .crm-dialog-cancel,
.crm-dialog .crm-dialog-primary,
.crm-security-dialog p,
.crm-security-dialog label{
  color:#000000!important;
  font-size:14px!important;
}

/* Preserve contrast on intentional dark/brand surfaces. */
button:not(.crm-column-reset):not(.exact-link),
.action-tile,
.sidebar nav button.active,
.sidebar nav button[aria-current="page"],
.auth-showcase,
.auth-showcase *,
.crm-dialog-symbol,
.avatar-sm{
  /* Existing component color wins where a colored background needs light text. */
}

button:not(.crm-column-reset):not(.exact-link)[style*="background"],
.action-tile,
.sidebar nav button.active,
.sidebar nav button[aria-current="page"]{
  color:#ffffff;
}

/* Keep headings visually hierarchical while the smallest text becomes larger. */
.page-heading h1{font-size:max(26px,1.45em)!important}
.card h2,.exact-card-head h2{font-size:max(20px,1.15em)!important}

/* ==========================================================
   USER DASHBOARD THEME 1 — FINAL COLOUR ISOLATION FIX
   Added 2026-10-11
   This block intentionally sits LAST so the legacy global
   teal-button rules can never repaint Theme 1 KPI cards.
   ========================================================== */

html body #root .shell #view .member-theme1 button.member-theme1-kpi{
  color:#102a43!important;
  background-image:none!important;
  box-shadow:0 8px 22px rgba(23,65,92,.08)!important;
}

html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-blue{
  background:#eaf4ff!important;
  background-image:linear-gradient(145deg,#f7fbff 0%,#e2f1ff 100%)!important;
  border:1px solid #b9d9fb!important;
  color:#1677e8!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-green{
  background:#eaf9f1!important;
  background-image:linear-gradient(145deg,#f7fdf9 0%,#dff5e9 100%)!important;
  border:1px solid #bfe8d3!important;
  color:#11885f!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-saffron{
  background:#fff4dc!important;
  background-image:linear-gradient(145deg,#fffaf0 0%,#ffe9b9 100%)!important;
  border:1px solid #f0d194!important;
  color:#d87b00!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-red{
  background:#ffedf0!important;
  background-image:linear-gradient(145deg,#fff8f8 0%,#ffe0e5 100%)!important;
  border:1px solid #f2c4cc!important;
  color:#d53240!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-sky{
  background:#eaf8fc!important;
  background-image:linear-gradient(145deg,#f5fcff 0%,#d8f1fa 100%)!important;
  border:1px solid #bce1ef!important;
  color:#0785ae!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-purple{
  background:#f3efff!important;
  background-image:linear-gradient(145deg,#fbf9ff 0%,#e9e2ff 100%)!important;
  border:1px solid #d6cdf8!important;
  color:#6655d7!important;
}

html body #root .shell #view .member-theme1 .member-theme1-kpi-copy small{
  color:#294861!important;
  font-weight:800!important;
}
html body #root .shell #view .member-theme1 .member-theme1-kpi-copy b,
html body #root .shell #view .member-theme1 .member-theme1-kpi-copy .stat{
  color:#102a43!important;
  font-weight:900!important;
}
html body #root .shell #view .member-theme1 .member-theme1-kpi-copy em{
  color:#587084!important;
  font-weight:700!important;
}

html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-blue .member-theme1-kpi-icon{
  background:#d7eaff!important;color:#1677e8!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-green .member-theme1-kpi-icon{
  background:#d2f0e1!important;color:#11885f!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-saffron .member-theme1-kpi-icon{
  background:#ffe3a8!important;color:#d87b00!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-red .member-theme1-kpi-icon{
  background:#ffd7dd!important;color:#d53240!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-sky .member-theme1-kpi-icon{
  background:#d0edf8!important;color:#0785ae!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-kpi.tone-purple .member-theme1-kpi-icon{
  background:#e0d8ff!important;color:#6655d7!important;
}

html body #root .shell #view .member-theme1 button.member-theme1-kpi:hover:not(:disabled){
  transform:translateY(-2px)!important;
  box-shadow:0 13px 28px rgba(23,65,92,.14)!important;
}

/* Theme 1 filter buttons keep their own UI instead of becoming generic teal buttons. */
html body #root .shell #view .member-theme1 .member-theme1-filters button[data-work-filter]{
  background:#ffffff!important;
  background-image:none!important;
  color:#29485f!important;
  border:1px solid #d8e5ed!important;
  box-shadow:none!important;
}
html body #root .shell #view .member-theme1 .member-theme1-filters button[data-work-filter].active{
  background:#087d93!important;
  background-image:linear-gradient(110deg,#087d93,#04a6b6)!important;
  color:#ffffff!important;
  border-color:#087d93!important;
}

/* Theme 1 small dashboard controls retain their component styling. */
html body #root .shell #view .member-theme1 button.member-theme1-link{
  background:transparent!important;
  background-image:none!important;
  color:#1677e8!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-iconbtn.call{
  background:#e8f8fb!important;
  background-image:none!important;
  color:#087d93!important;
  border-color:#c4e8ee!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-iconbtn.whatsapp{
  background:#e9f9f0!important;
  background-image:none!important;
  color:#11885f!important;
  border-color:#c9ead7!important;
}
html body #root .shell #view .member-theme1 button.member-theme1-open{
  background:#ffffff!important;
  background-image:linear-gradient(180deg,#ffffff,#edf7fb)!important;
  color:#123d58!important;
  border:1px solid #c9dbe7!important;
  box-shadow:none!important;
}