/*
 * Money Culture CRM — Green Productivity Theme
 * Inspired by the supplied task-management reference UI.
 * Global visual override only. No layout, routing, auth, CRM or database changes.
 */
:root{
  /* Core palette */
  --mc-green-950:#073B2C;
  --mc-green-900:#0B4F3A;
  --mc-green-800:#0F6B4F;
  --mc-green-700:#16805D;
  --mc-green-600:#24966C;
  --mc-green-500:#36A875;
  --mc-green-400:#67C69A;
  --mc-green-300:#A9E0C4;
  --mc-green-200:#D5F0E2;
  --mc-green-100:#EAF7F0;
  --mc-green-050:#F4FAF7;

  --mc-page-bg:#F5F8F7;
  --mc-surface:#FFFFFF;
  --mc-surface-2:#F8FAF9;
  --mc-surface-hover:#F1F7F4;
  --mc-text:#18231F;
  --mc-text-2:#34433C;
  --mc-text-muted:#728079;
  --mc-border:#E1E9E5;
  --mc-border-strong:#CBD8D2;
  --mc-shadow-soft:0 4px 18px rgba(7,59,44,.055);
  --mc-shadow-card:0 8px 24px rgba(7,59,44,.065);
  --mc-shadow-hover:0 14px 32px rgba(7,59,44,.11);

  /* Compatibility aliases used by existing pages */
  --primary:#0F6B4F;
  --primary-dark:#0B4F3A;
  --primary-light:#EAF7F0;
  --secondary:#36A875;
  --gold-tint:#EAF7F0;
  --success:#16805D;
  --success-light:#EAF7F0;
  --warning:#B7791F;
  --warning-light:#FFF7E6;
  --danger:#C43D3D;
  --danger-light:#FDEEEE;
  --info:#2878A8;
  --info-light:#EAF5FB;
  --muted:#728079;
  --bg:#F5F8F7;
  --card:#FFFFFF;
  --sidebar:#0B241D;
  --sidebar-hover:#103B2E;
  --text:#18231F;
  --text-light:#728079;
  --border:#E1E9E5;
  --shadow-sm:0 4px 18px rgba(7,59,44,.055);
  --shadow:0 8px 24px rgba(7,59,44,.065);
  --shadow-hover:0 14px 32px rgba(7,59,44,.11);
}

/* ---------- Global surface ---------- */
html,body{
  background:var(--mc-page-bg)!important;
  color:var(--mc-text)!important;
}
body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.app-shell{
  background:var(--mc-page-bg)!important;
}

/* ---------- Sidebar: deep green instead of navy ---------- */
.sidebar{
  background:linear-gradient(180deg,#0B241D 0%,#0A3025 100%)!important;
  box-shadow:4px 0 24px rgba(7,59,44,.10)!important;
}
.sidebar-brand{
  border-bottom-color:rgba(103,198,154,.14)!important;
}
.brand-name{color:#fff!important}
.brand-sub{color:#67C69A!important}
.sidebar-nav a{
  color:#A8BDB4!important;
}
.sidebar-nav a:hover{
  background:#103B2E!important;
  color:#fff!important;
}
.sidebar-nav a.active{
  background:#2F9E6D!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(47,158,109,.25)!important;
}
.sidebar-nav a.active .nav-icon{color:#fff!important}
.nav-section-title{color:#759287!important}

/* Common sidebar / mobile controls */
.mobile-toggle{
  background:#0F6B4F!important;
  color:#fff!important;
}

/* ---------- Main/header ---------- */
.topbar,.header,.app-header,.mc-topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:var(--mc-border)!important;
  color:var(--mc-text)!important;
}
.mc-global-search{
  background:#fff!important;
  border-color:var(--mc-border)!important;
  box-shadow:0 3px 14px rgba(7,59,44,.035)!important;
}
.mc-round-btn{
  background:#fff!important;
  border-color:var(--mc-border)!important;
  color:#52645C!important;
}
.mc-round-btn:hover{
  color:var(--mc-green-800)!important;
  border-color:var(--mc-green-300)!important;
}
.mc-hero-new-task,
.new-task-btn,
.btn-primary,
.btn-brand{
  background:#0F6B4F!important;
  border-color:#0F6B4F!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(15,107,79,.18)!important;
}
.mc-hero-new-task:hover,
.new-task-btn:hover,
.btn-primary:hover,
.btn-brand:hover{
  background:#0B4F3A!important;
  border-color:#0B4F3A!important;
}

/* ---------- Typography ---------- */
h1,h2,h3,.mc-page-title,.mc-section-title{
  color:var(--mc-text)!important;
}
p,.mc-page-subtitle{
  color:var(--mc-text-muted)!important;
}
.mc-eyebrow{
  color:var(--mc-green-800)!important;
}

/* ---------- Cards / panels ---------- */
.card,
.panel,
.stat-card,
.dashboard-card,
.mc-card,
.mc-panel,
.mc-command-kpi,
.edu-panel,
.edu-kpi-card,
.adm-card,
.adm-stat-card,
.task-card,
.member-card,
.table-card{
  background:#fff!important;
  border-color:var(--mc-border)!important;
  box-shadow:var(--mc-shadow-card)!important;
}
.card:hover,
.panel:hover,
.dashboard-card:hover,
.mc-card:hover,
.mc-command-kpi:hover{
  box-shadow:var(--mc-shadow-hover)!important;
}

/* ---------- KPI / dashboard accents ---------- */
.mc-pill.success,
.kpi-green .mc-kpi-icon,
.stat-success,
.status-success{
  background:var(--mc-green-100)!important;
  color:var(--mc-green-800)!important;
}
.kpi-purple .mc-kpi-icon,
.kpi-blue .mc-kpi-icon,
.kpi-orange .mc-kpi-icon,
.kpi-gold .mc-kpi-icon{
  background:var(--mc-green-100)!important;
  color:var(--mc-green-800)!important;
}
.kpi-purple em,.kpi-blue em,.kpi-orange em,.kpi-gold em{
  color:var(--mc-green-700)!important;
}

/* Chart/legend accents */
.dot.education,.dot.insurance,.dot.investment{
  background:var(--mc-green-600)!important;
}

/* ---------- Buttons ---------- */
button,
.btn,
.mc-btn{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.mc-btn-primary{
  background:#0F6B4F!important;
  border-color:#0F6B4F!important;
  color:#fff!important;
}
.mc-btn-primary:hover{
  background:#0B4F3A!important;
  border-color:#0B4F3A!important;
}
.mc-btn-brand{
  background:#36A875!important;
  border-color:#36A875!important;
  color:#fff!important;
}
.mc-btn-brand:hover{
  background:#16805D!important;
  border-color:#16805D!important;
  color:#fff!important;
}
.mc-btn-secondary,
.btn-secondary{
  background:#fff!important;
  border-color:var(--mc-border-strong)!important;
  color:var(--mc-text-2)!important;
}
.mc-btn-secondary:hover,
.btn-secondary:hover{
  background:var(--mc-surface-hover)!important;
  border-color:var(--mc-green-300)!important;
}
.btn-danger,.mc-btn-danger{
  background:#C43D3D!important;
  border-color:#C43D3D!important;
}

/* ---------- Forms ---------- */
input,
select,
textarea,
.mc-input,
.mc-select,
.mc-textarea,
.form-control{
  border-color:var(--mc-border-strong)!important;
  background:#fff!important;
  color:var(--mc-text)!important;
}
input:focus,
select:focus,
textarea:focus,
.mc-input:focus,
.mc-select:focus,
.mc-textarea:focus,
.form-control:focus{
  border-color:var(--mc-green-500)!important;
  box-shadow:0 0 0 3px rgba(54,168,117,.14)!important;
  outline:none!important;
}
input::placeholder,
textarea::placeholder{
  color:#9AA8A1!important;
}

/* ---------- Tables ---------- */
table,
.mc-table{
  background:#fff!important;
}
th,
.mc-table th{
  background:#F3F7F5!important;
  color:#43544C!important;
  border-color:var(--mc-border)!important;
}
td,
.mc-table td{
  border-color:#E8EFEB!important;
  color:var(--mc-text-2)!important;
}
tbody tr:hover,
.mc-table tbody tr:hover{
  background:#F4FAF7!important;
}

/* ---------- Status / badges ---------- */
.mc-badge-brand,
.badge-brand,
.badge-gold{
  background:var(--mc-green-100)!important;
  color:var(--mc-green-800)!important;
}
.mc-badge-success,
.badge-success{
  background:#E6F6EE!important;
  color:#147A57!important;
}
.mc-badge-warning,
.badge-warning{
  background:#FFF7E6!important;
  color:#A66A12!important;
}
.mc-badge-info,
.badge-info{
  background:#EAF5FB!important;
  color:#2878A8!important;
}

/* ---------- Links / tabs / active controls ---------- */
a:not(.sidebar-nav a){
  --link-color:var(--mc-green-800);
}
.text-link,
.mc-text-link,
a.link-primary{
  color:var(--mc-green-800)!important;
}
.tab.active,
.nav-tab.active,
.filter-tab.active{
  color:var(--mc-green-800)!important;
  border-color:var(--mc-green-500)!important;
}
.tab.active::after,
.nav-tab.active::after{
  background:var(--mc-green-600)!important;
}

/* ---------- Notification system ---------- */
.notification-badge,
.notif-badge,
.nav-badge{
  background:#C43D3D!important;
}
.notification-item:hover,
.notif-item:hover{
  background:#F4FAF7!important;
}
.notification-item.unread,
.notif-item.unread{
  background:#F2FAF6!important;
}
.notification-dot{
  background:#C43D3D!important;
}

/* ---------- Admin pages ---------- */
.mc-b-card,.mc-pc-card{
  background:#fff!important;
  border-color:var(--mc-border)!important;
  box-shadow:var(--mc-shadow-card)!important;
}
.mc-b-btn-primary,.mc-pc-primary{
  background:#0F6B4F!important;
  border-color:#0F6B4F!important;
  color:#fff!important;
}
.mc-b-btn:hover,.mc-pc-btn:hover{
  border-color:var(--mc-green-300)!important;
  background:var(--mc-green-050)!important;
}

/* ---------- Vertical identity: same green family, subtle differentiation ---------- */
.mc-vertical-education,
.mc-vertical-insurance,
.mc-vertical-investment{
  color:var(--mc-green-800)!important;
}
.mc-vertical-education-bg,
.mc-vertical-insurance-bg,
.mc-vertical-investment-bg{
  background:var(--mc-green-100)!important;
}

/* ---------- Footer ---------- */
.mc-footer{
  background:#0B241D!important;
  color:#C8D8D1!important;
  border-top-color:rgba(103,198,154,.12)!important;
}
.mc-footer a:hover{color:#67C69A!important}

/* ---------- Scrollbars ---------- */
::-webkit-scrollbar-thumb{
  background:#B9CBC2!important;
}
::-webkit-scrollbar-thumb:hover{
  background:#8EAA9D!important;
}

/* ---------- Keep semantic danger distinct ---------- */
.text-danger,.danger{color:#C43D3D!important}
.text-success,.success{color:#16805D!important}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .sidebar{
    box-shadow:8px 0 28px rgba(7,59,44,.16)!important;
  }
}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}