/* ============================================================
 * Jonah Inbox — Chatwoot rebrand
 * Palette extracted from jonahtebaa.com
 * ============================================================ */

:root, .theme-light, .theme-dark {
  /* Jonah brand tokens */
  --jb-bg-primary: #0a1a1f;
  --jb-bg-deep:    #060f12;
  --jb-bg-soft:    #0f2328;
  --jb-accent:     #00e5d4;
  --jb-accent-600: #00b8a8;
  --jb-accent-700: #008c80;
  --jb-text:       #ffffff;
  --jb-text-2:     #a0c4c0;
  --jb-text-3:     #5a8a84;
  --jb-border:     rgba(0, 229, 212, 0.12);
  --jb-border-strong: rgba(0, 229, 212, 0.28);
  --jb-glass:      rgba(0, 229, 212, 0.04);

  /* Override Chatwoot woot color tokens (blue -> cyan) */
  --w-25:  #eafffb;
  --w-50:  #c9fff5;
  --w-75:  #9dfaea;
  --w-100: #6df1dc;
  --w-200: #3ee8ce;
  --w-300: #1adcc0;
  --w-400: #00e5d4;
  --w-500: #00c9ba;
  --w-600: #00b8a8;
  --w-700: #008c80;
  --w-800: #00665d;
  --w-900: #004c45;

  --color-woot: #00e5d4;
  --brand-color: #00e5d4;
}

/* Sidebar + nav — dark teal */
.app-wrapper .sidebar,
.sidebar,
aside.sidebar,
.app-sidebar,
.ant-layout-sider {
  background-color: var(--jb-bg-deep) !important;
  border-right: 1px solid var(--jb-border) !important;
}

.sidebar a,
.sidebar .menu-title,
.sidebar .menu-item {
  color: var(--jb-text-2) !important;
}

.sidebar a:hover,
.sidebar a.active,
.sidebar .menu-item.active,
.sidebar li a.router-link-exact-active {
  background: var(--jb-glass) !important;
  color: var(--jb-accent) !important;
  border-left: 2px solid var(--jb-accent);
}

/* Primary buttons — cyan */
.button,
button.button,
.button.success,
.button.primary,
button[type="submit"] {
  background-color: var(--jb-accent) !important;
  border-color: var(--jb-accent) !important;
  color: #0a1a1f !important;
  font-weight: 600;
}

.button:hover,
button.button:hover,
.button.primary:hover {
  background-color: var(--jb-accent-600) !important;
  border-color: var(--jb-accent-600) !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(0, 229, 212, 0.25);
}

/* Links */
a, a:visited {
  color: var(--jb-accent);
}
a:hover { color: var(--jb-accent-600); }

/* Login page branding */
body.login,
body.public,
.login-container,
.auth-container,
.page-wrap {
  background: radial-gradient(circle at 20% 10%, rgba(0,229,212,0.08), transparent 50%), var(--jb-bg-primary) !important;
}

.login-box,
.auth-box,
.form-wrap {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid var(--jb-border) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 8px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,229,212,0.06);
}

/* Form inputs */
input, textarea, select {
  border-color: rgba(0,229,212,0.18) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--jb-accent) !important;
  box-shadow: 0 0 0 3px rgba(0,229,212,0.15) !important;
}

/* Accent line / indicators */
.conversations-list .conversation.active,
.conversation.active {
  border-left: 3px solid var(--jb-accent) !important;
}

/* Unread badges */
.unread, .badge, .badge-warning, .badge-primary {
  background-color: var(--jb-accent) !important;
  color: #0a1a1f !important;
}

/* Top navigation */
.app-wrapper .nav,
.primary-sidebar,
nav.primary-sidebar {
  background: var(--jb-bg-deep) !important;
}

/* Hide any lingering Chatwoot powered-by text */
.app-wrapper [data-v-powered],
.footer-powered-by,
.powered-by,
.chatwoot-branding {
  display: none !important;
}

/* Selection colour */
::selection {
  background: var(--jb-accent);
  color: #0a1a1f;
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--jb-bg-deep); }
::-webkit-scrollbar-thumb {
  background: rgba(0,229,212,0.2);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover { background: var(--jb-accent); }