/**
 * Tema SiD Soluções - EasyCRM
 * Paleta: @see .cursor/rules/template_colors.mdc
 * Primária: #00b6a5 | Secundária: #213b52 | Fundo: #f0f4f8 | Bordas: #dce4ec | Branco: #ffffff
 */

/* === Variáveis CSS (override Bootstrap/AdminLTE) === */
:root {
  --primary: #00b6a5;
  --secondary: #213b52;
  --dark: #213b52;
  --body-bg: #f0f4f8;
  --body-color: #213b52;
}

/* === Body e conteúdo principal === */
body {
  background-color: #f0f4f8 !important;
  color: #213b52;
}

.wrapper .content-wrapper {
  background-color: #f0f4f8 !important;
}

/* === Botões e links primários === */
.btn-primary,
.bg-primary,
.badge-primary,
.alert-primary,
.list-group-item-primary {
  background-color: #00b6a5 !important;
  border-color: #00b6a5 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #009a8c !important;
  border-color: #009a8c !important;
  color: #ffffff !important;
}

.content-wrapper a:not(.btn):not(.nav-link):not(.dropdown-item),
.card a:not(.btn):not(.nav-link),
.text-primary {
  color: #00b6a5 !important;
}

.content-wrapper a:not(.btn):not(.nav-link):hover,
.card a:not(.btn):not(.nav-link):hover {
  color: #009a8c !important;
}

/* === Escuro / secundário (títulos, sidebar) === */
.bg-dark,
.btn-dark,
.text-dark,
.badge-dark {
  background-color: #213b52 !important;
  border-color: #213b52 !important;
  color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6,
.content-wrapper .card-title {
  color: #213b52;
}

/* === Sidebar (menu lateral) === */
.main-sidebar.sidebar-dark-primary,
.main-sidebar[class*="sidebar-dark-primary"],
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]),
.layout-navbar-fixed.dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: #213b52 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  background-color: #00b6a5 !important;
  border-color: #00b6a5 !important;
  color: #fff !important;
}

/* Marca só texto: sem .brand-image a margem vinha da img; evita texto colado na borda */
.main-sidebar .brand-link:not(:has(.brand-image)) .brand-text {
  margin-left: 0.8rem;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
  background-color: rgba(0, 182, 165, 0.2) !important;
  color: #fff !important;
}

/* === Cards === */
.card {
  background-color: #ffffff !important;
  border-color: #dce4ec;
  box-shadow: 0 1px 3px rgba(33, 59, 82, 0.08);
}

.card-primary.card-outline {
  border-top-color: #00b6a5 !important;
}

.card-outline.card-primary .card-header {
  background-color: transparent;
  border-bottom-color: #dce4ec;
  color: #213b52;
}

/* === Formulários (bordas e inputs) === */
.form-control,
.input-group-text,
.custom-select {
  border-color: #dce4ec !important;
}

.form-control:focus {
  border-color: #00b6a5 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 182, 165, 0.25);
}

/* === Tela de Login === */
.login-page,
.register-page {
  background-color: #f0f4f8 !important;
}

.login-page .card,
.login-page .login-box .card {
  background-color: #ffffff !important;
  border-color: #dce4ec;
  box-shadow: 0 1px 3px rgba(33, 59, 82, 0.08);
}

.login-page .card-outline.card-primary {
  border-top-color: #00b6a5 !important;
}

.login-page .btn-primary {
  background-color: #00b6a5 !important;
  border-color: #00b6a5 !important;
}

.login-page .login-logo a,
.login-page .card-title {
  color: #213b52 !important;
}

.login-page .auth-links a,
.login-page a:not(.btn) {
  color: #00b6a5 !important;
}

.login-page .auth-links a:hover {
  color: #009a8c !important;
}

.login-page .login-card-body,
.login-page .login-box-body {
  color: #213b52;
}

/* === Navbar (header) === */
.main-header.navbar-primary {
  background-color: #00b6a5 !important;
}

.navbar-primary .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* === Outros componentes === */
.dropdown-menu .dropdown-item.active {
  background-color: #00b6a5;
  color: #fff;
}

.border-primary {
  border-color: #00b6a5 !important;
}

.progress-bar {
  background-color: #00b6a5 !important;
}

/* === Cliente — aba Proposta comercial (SID-355) === */
.cliente-proposta-header {
  border-bottom-color: #dce4ec;
}

.cliente-proposta-header .card-title {
  line-height: 1.3;
}

.cliente-proposta-subtitle {
  font-size: 0.95rem;
  line-height: 1.5;
}

.cliente-proposta-section {
  background-color: #f8fafc;
  border: 1px solid #dce4ec;
  border-radius: 0.25rem;
  padding: 1rem 1.25rem;
}

.cliente-proposta-section-title {
  color: #213b52;
  font-size: 1rem;
  font-weight: 600;
}

.cliente-proposta-form label {
  font-weight: 600;
  color: #213b52;
  margin-bottom: 0.35rem;
}

.cliente-proposta-actions .btn-md-auto {
  width: 100%;
}

.cliente-proposta-actions .btn + .btn {
  margin-top: 0.5rem;
}

@media (min-width: 768px) {
  .cliente-proposta-actions .btn-md-auto {
    width: auto;
    min-width: 12rem;
  }

  .cliente-proposta-actions .btn + .btn {
    margin-top: 0;
    margin-left: 0.5rem;
  }
}

.cliente-proposta-divider {
  border-top-color: #dce4ec;
  margin: 2rem 0 1.5rem;
}

.cliente-proposta-historico-card {
  border-color: #dce4ec;
}

.cliente-proposta-historico-card .card-body {
  padding: 1rem 1.25rem;
}

.cliente-proposta-dl dt {
  color: #5a6d7e;
  font-weight: 500;
}

.cliente-proposta-dl dd {
  color: #213b52;
  font-weight: 600;
}

.cliente-proposta-historico-table .table th {
  background-color: #f0f4f8;
  color: #213b52;
  font-size: 0.85rem;
  white-space: nowrap;
}