@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");

:root { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
body, button, input, select, textarea { font-family: "Outfit", sans-serif !important; }

/* Light is the default; dark overrides are enabled only by the preference. */
:root:not([data-theme="dark"]) {
  --ink: #192524; --muted: #606c68; --canvas: #f4f5f3;
  --surface: #ffffff; --line: #dce2de; --brand: #00794a;
  --brand-dark: #075437; --lime: #cbf5de;
  --st-contactar: #dc8b23; --st-contactado: #4794e7;
  --st-seguimiento: #a376d1; --st-visita: #28a9ba;
  --st-negociacion: #85b638; --st-operacion: #24ad72;
  --st-nointeres: #e26972;
}
html:not([data-theme="dark"]) .dashboard-header {
  background: #fff !important; border-right: 1px solid #dce2de;
}
html:not([data-theme="dark"]) .workspace-nav-item,
html:not([data-theme="dark"]) .header-action-btn,
html:not([data-theme="dark"]) .logout-btn,
html:not([data-theme="dark"]) .user-welcome {
  color: #36463e !important;
}
html:not([data-theme="dark"]) .workspace-nav-item i { color: #66796d !important; }
html:not([data-theme="dark"]) .workspace-nav-item.is-active,
html:not([data-theme="dark"]) .workspace-nav-item:hover,
html:not([data-theme="dark"]) .header-action-btn:hover,
html:not([data-theme="dark"]) .logout-btn:hover {
  background: #e4f5ea !important; color: #006b42 !important;
}
html:not([data-theme="dark"]) .dashboard-header .logo { filter: none !important; }
html:not([data-theme="dark"]) .workspace-nav.is-open { background: #fff !important; }
html:not([data-theme="dark"]) .mobile-nav-toggle {
  color: #234b35; border-color: #ccd8d0;
}

.clara-theme-toggle, .sidebar-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0; width: 34px; height: 34px; flex: 0 0 34px;
  border: 1px solid transparent; border-radius: 7px;
  background: transparent; color: #627168; cursor: pointer;
}
.workspace-nav .clara-theme-toggle { margin-top: 10px; }
.login-header .clara-theme-toggle { margin-top: 16px; }
.clara-theme-toggle:hover, .sidebar-toggle:hover { background: #e9eeeb; color: #24372b; }
.clara-theme-toggle:focus-visible, .sidebar-toggle:focus-visible { outline: 2px solid #00794a; outline-offset: 3px; }
html[data-theme="dark"] .clara-theme-toggle, html[data-theme="dark"] .sidebar-toggle {
  background: transparent; color: #a9b2ad; border-color: transparent;
}
html[data-theme="dark"] .clara-theme-toggle:hover,
html[data-theme="dark"] .sidebar-toggle:hover { background: #252b28; color: #e4ece7; }
.appearance-tools { display: flex; align-items: center; gap: 4px; }
@media (min-width: 1101px) {
  .appearance-tools { position: fixed; top: 10px; left: 12px; z-index: 111; }
  #workspaceSidebar { padding-top: 58px !important; transition: transform .18s ease; }
  html[data-sidebar-collapsed="true"] #workspaceSidebar {
    transform: translateX(-100%); visibility: hidden;
  }
  html[data-sidebar-collapsed="true"] .dashboard-container { padding-left: 60px !important; }
  html[data-sidebar-collapsed="true"] .appearance-tools { flex-direction: column; left: 8px; }
  html[data-sidebar-collapsed="true"] .sidebar-toggle svg { transform: rotate(180deg); }
}
@media (max-width: 1100px) {
  .sidebar-toggle { display: none; }
  .appearance-tools { position: absolute; top: 14px; right: 16px; z-index: 111; }
  #workspaceSidebar { padding-right: 58px !important; }
}
@media (max-width: 768px) {
  #workspaceSidebar {
    position: sticky !important; top: 0 !important; bottom: auto !important;
    z-index: 110;
  }
  #workspaceSidebar .mobile-nav-toggle { position: relative; z-index: 22; }
  #workspaceSidebar .workspace-nav.is-open { top: 100%; }
}
@media (prefers-reduced-motion: reduce) { #workspaceSidebar { transition: none; } }

/* Color the visible wrapper, not just the transparent native select. */
.status-cell:has(.estado-contactar) { --status-color: #985100; --status-tint: #fff0d8; --status-edge: #dc8b23; }
.status-cell:has(.estado-contactado) { --status-color: #155cad; --status-tint: #e4f0ff; --status-edge: #4794e7; }
.status-cell:has(.estado-en-seguimiento) { --status-color: #6831a8; --status-tint: #f0e7fc; --status-edge: #a376d1; }
.status-cell:has(.estado-visita-agendada) { --status-color: #006879; --status-tint: #dcf5f8; --status-edge: #28a9ba; }
.status-cell:has(.estado-negociacion) { --status-color: #426510; --status-tint: #eaf5d4; --status-edge: #85b638; }
.status-cell:has(.estado-operacion-concretada) { --status-color: #006b42; --status-tint: #daf5e7; --status-edge: #24ad72; }
.status-cell:has(.estado-no-interesado) { --status-color: #a3202a; --status-tint: #ffe6e8; --status-edge: #e26972; }
html[data-theme="dark"] .status-cell:has(.estado-contactar) { --status-color: #ffc25a; }
html[data-theme="dark"] .status-cell:has(.estado-contactado) { --status-color: #83c1ff; }
html[data-theme="dark"] .status-cell:has(.estado-en-seguimiento) { --status-color: #cba8ff; }
html[data-theme="dark"] .status-cell:has(.estado-visita-agendada) { --status-color: #79e5ef; }
html[data-theme="dark"] .status-cell:has(.estado-negociacion) { --status-color: #b4f25d; }
html[data-theme="dark"] .status-cell:has(.estado-operacion-concretada) { --status-color: #66f5ad; }
html[data-theme="dark"] .status-cell:has(.estado-no-interesado) { --status-color: #ff989e; }
html[data-theme="dark"] .conversaciones-table .status-cell {
  --status-tint: color-mix(in srgb, var(--status-color) 15%, #141414);
}
.status-cell .inbox-readable-select {
  background: var(--status-tint) !important;
  color: var(--status-color) !important;
  border: 1px solid var(--status-edge) !important;
  border-left-width: 4px !important;
  font-weight: 600;
}
.status-cell .inbox-readable-select > span { color: inherit !important; }
.status-cell { min-width: 104px; }
.status-cell .inbox-readable-select > span { overflow-wrap: normal; word-break: normal; }
.status-cell .table-select option { background: Canvas; color: CanvasText; }