/* ==========================================================
   host1 support — skin Chatwoot (paleta host1.ro)
   injectat de nginx; nu atinge codul aplicatiei
   ========================================================== */
:root, .light {
  --color-woot: #5E6FFF !important;
  --w-25:#f2f3ff; --w-50:#eceeff; --w-75:#dfe2ff; --w-100:#c9ceff;
  --w-200:#aab3ff; --w-300:#8b98ff; --w-400:#7C8CFF; --w-500:#5E6FFF;
  --w-600:#4a59e6; --w-700:#3a47bd; --w-800:#2c3691; --w-900:#1f2668;
  --h1-bg:#07080C; --h1-panel:#0E1118; --h1-panel2:#12151F;
  --h1-text:#E8EAF2; --h1-muted:#9BA1B5; --h1-line:rgba(232,234,242,.10);
}
body, .app-wrapper, button, input, textarea, select {
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
}

/* --- butoane / accente primare --- */
.button--primary, .button.primary, button.primary,
[class*="bg-woot-500"], [class*="bg-woot-600"] {
  background: linear-gradient(135deg,#7C8CFF 0%,#5E6FFF 100%) !important;
  border-color: transparent !important;
}
.button--primary:hover, .button.primary:hover, button.primary:hover {
  background: #4a59e6 !important;
}
[class*="text-woot-"] { color:#5E6FFF !important; }
[class*="border-woot-"] { border-color:#5E6FFF !important; }
a { color:#5E6FFF; }

/* --- sidebar principal: cromatica inchisa host1 --- */
.app-sidebar, aside.sidebar, nav.sidebar,
[class*="sidebar"] > [class*="bg-slate-"], .secondary-sidebar {
  background: linear-gradient(180deg,#12151F 0%,#0E1118 100%) !important;
  border-right: 1px solid var(--h1-line) !important;
}
.app-sidebar a, .app-sidebar span, .app-sidebar .button {
  color: var(--h1-muted) !important;
}
.app-sidebar a:hover { color: var(--h1-text) !important; }
.app-sidebar a.active, .app-sidebar .active {
  background: rgba(124,140,255,.14) !important;
  color: var(--h1-text) !important;
  border-radius: 8px !important;
}

/* --- rotunjiri consistente cu host1.ro --- */
.card, .conversation-panel, .modal-container, .dropdown-pane,
[class*="rounded-md"], [class*="rounded-lg"] { border-radius: 12px !important; }
.button, button, input, select, textarea { border-radius: 8px !important; }
input:focus, textarea:focus, select:focus {
  border-color:#7C8CFF !important;
  box-shadow: 0 0 0 3px rgba(124,140,255,.14) !important;
}

/* --- pagina de login: dark full host1 --- */
body:has(.login), .login-page, .auth-page, [class*="signup"], [class*="login"] .wrapper {
  background: radial-gradient(70rem 36rem at 50% -8rem, rgba(124,140,255,.16), transparent 60%), var(--h1-bg) !important;
}
[class*="login"] .column, [class*="login"] form, .auth-page form {
  background: var(--h1-panel) !important;
  border: 1px solid var(--h1-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.5) !important;
}
[class*="login"] h1, [class*="login"] h2, [class*="login"] label { color: var(--h1-text) !important; }
[class*="login"] input {
  background: var(--h1-panel2) !important;
  border-color: rgba(232,234,242,.14) !important;
  color: var(--h1-text) !important;
}