/* OneVoiceAI theme — overrides MoniSa crimson/look. Palette from the logo; font matches onevoiceai.io. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap');

:root{
  --ov-navy:#1E1A4D; --ov-navy-2:#2A2560;
  --ov-blue:#4A90E2; --ov-blue-600:#3B82F6; --ov-blue-300:#70B0F8; --ov-blue-50:#EAF2FB;
}

/* Font — match onevoiceai.io (IBM Plex Sans) */
html, body, .form-control, .form-control-new, .btn, button, input, select, textarea,
h1,h2,h3,h4,h5,h6, .menu-label, .card, .modal, table, .nav-link, p, label, span, a {
  font-family:'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', Arial, sans-serif !important;
}

/* Primary action = OneVoiceAI blue (was MoniSa crimson #c20f45) */
.btn-primary, .new-btn{ background-color:var(--ov-blue)!important; border-color:var(--ov-blue)!important; color:#fff!important; }
.btn-primary:hover, .btn-primary:focus, .new-btn:hover, .new-btn:focus{ background-color:var(--ov-blue-600)!important; border-color:var(--ov-blue-600)!important; }
.btn-outline-primary{ color:var(--ov-blue)!important; border-color:var(--ov-blue)!important; }
a{ color:var(--ov-blue); }
a:hover{ color:var(--ov-blue-600); }
.skip-to-content{ border-color:var(--ov-blue)!important; }

/* Headings in brand navy */
h1,h2,h3,h4,h5{ color:var(--ov-navy); }

/* DARK INDIGO SIDEBAR — the signature break from MoniSa */
#sidebar{ background:linear-gradient(180deg,var(--ov-navy),var(--ov-navy-2))!important; }
#sidebar .logo{ background:#fff!important; border-radius:12px!important; margin:10px!important; padding:10px!important; }
#sidebar .menu-label{ color:#C3C9EC!important; }
#sidebar a, #sidebar .nav-link, #sidebar i, #sidebar .navbar-nav>li>a, #sidebar .navbar-nav>li>a>i{ color:#D7DCF5!important; }
#sidebar .navbar-nav>li>a:hover{ background:rgba(112,176,248,.12)!important; border-radius:8px; }
#sidebar .active>a, #sidebar li.active>a, #sidebar .nav-item.active>a, #sidebar .active{ background:rgba(112,176,248,.16)!important; border-left:3px solid var(--ov-blue-300)!important; }
#sidebar .active .menu-label, #sidebar .active a, #sidebar .active i{ color:#ffffff!important; }
#sidebar .menu-group, #sidebar .nav-section, #sidebar small{ color:#8E96C8!important; }
/* user card at bottom of sidebar */
#sidebar .user-name, #sidebar .user-role, #sidebar .profile-name, #sidebar .text-muted{ color:#C3C9EC!important; }

/* Softer, modern cards + pill buttons (distinct from MoniSa's tight look) */
.card{ border-radius:14px!important; border:1px solid #EEF1F8!important; box-shadow:0 2px 12px rgba(30,26,77,.06)!important; }
.btn{ border-radius:10px!important; }
.new-btn{ border-radius:999px!important; }

/* keep success a pleasant green */
.btn-success, .home-index .badge-success{ background-color:#2BB673!important; border-color:#2BB673!important; }

/* login hero accent -> blue */
.login-form, .login-form .card{ border-color:var(--ov-blue-50)!important; }

/* Recolor residual MoniSa crimson accents -> brand blue (keep semantic .btn-danger red) */
.monisa-guide-launcher, .monisa-guide-hotspot{ background-color:var(--ov-blue)!important; }
.msa-kpi__chip, .msa-kpi i, .msa-kpi__icon i, .msa-kpi__icon,
.fa-user-group, .fa-list-check, .fa-file-invoice, .fa-folder-open{ color:var(--ov-blue)!important; }
.msa-kpi__icon{ background:var(--ov-blue-50)!important; }
.msa-dot--approved{ background-color:var(--ov-blue)!important; }
.msa-bar__fill{ background-color:var(--ov-blue)!important; }
.msa-bar__track{ background-color:rgba(74,144,226,.15)!important; }
.sidebar-user__avatar{ color:#fff!important; background:var(--ov-blue)!important; }