/* Ins7ghts Custom Theme - 7wData Brand Colors */

:root {
  /* 7wData Brand - Navy Blues */
  --7w-navy-deep: #15385f;
  --7w-navy-royal: #1f2cd3;
  --7w-blue: #3366ff;
  --7w-cyan: #22ace5;

  /* 7wData Brand - Orange Accents */
  --7w-orange: #f7941e;
  --7w-orange-bright: #ffa500;
  --7w-orange-warm: #ee7c1b;
  --7w-orange-deep: #f18500;

  /* 7wData Brand - Neutrals */
  --7w-tan: #eebb77;

  /* Derived colors for UI */
  --7w-dark: #0d1f33;
  --7w-dark-lighter: #152a45;
}

/* Primary button styling - Orange CTA */
button[class*="primary"],
.cl-primary-button {
  background: linear-gradient(135deg, var(--7w-orange) 0%, var(--7w-orange-deep) 100%) !important;
  border: none !important;
  color: white !important;
}

button[class*="primary"]:hover,
.cl-primary-button:hover {
  background: linear-gradient(135deg, var(--7w-orange-bright) 0%, var(--7w-orange) 100%) !important;
  box-shadow: 0 4px 12px rgba(247, 148, 30, 0.3) !important;
}

/* Send button - Cyan to make it pop */
button[aria-label="send"] {
  background: linear-gradient(135deg, var(--7w-cyan) 0%, var(--7w-blue) 100%) !important;
}

button[aria-label="send"]:hover {
  background: linear-gradient(135deg, var(--7w-blue) 0%, var(--7w-navy-royal) 100%) !important;
}

/* Links - Cyan */
a {
  color: var(--7w-cyan) !important;
}

a:hover {
  color: var(--7w-orange) !important;
}

/* Message assistant highlight - Navy accent */
.cl-message-assistant {
  border-left: 3px solid var(--7w-cyan);
}

/* Code blocks accent */
pre, code {
  border-left: 3px solid var(--7w-navy-deep);
  background: var(--7w-dark) !important;
}

/* Step/tool indicator styling */
.cl-step {
  border-color: var(--7w-cyan) !important;
}

/* Login page customization */
.cl-login-page button {
  background: linear-gradient(135deg, var(--7w-orange) 0%, var(--7w-orange-deep) 100%) !important;
}

/* Header accent */
header {
  border-bottom: 1px solid var(--7w-navy-deep);
}

/* Focus states - Cyan glow */
input:focus, textarea:focus {
  border-color: var(--7w-cyan) !important;
  box-shadow: 0 0 0 2px rgba(34, 172, 229, 0.25) !important;
}

/* Scrollbar styling (webkit) */
::-webkit-scrollbar-thumb {
  background: var(--7w-navy-deep);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--7w-cyan);
}

/* Avatar ring - Orange accent */
.cl-avatar {
  border: 2px solid var(--7w-orange);
}

/* Tool/Step badges */
.cl-step-badge {
  background: var(--7w-navy-deep) !important;
  color: var(--7w-cyan) !important;
}

/* Selection highlight */
::selection {
  background: rgba(34, 172, 229, 0.3);
}

/* Hide the large right-side image on login page */
.cl-login-page img,
.cl-login-page [class*="image"],
.cl-login-page [class*="logo-large"],
.cl-login-page > div > div:last-child:not(:first-child) img {
  display: none !important;
}

/* Keep login page clean and centered */
.cl-login-page {
  background: linear-gradient(180deg, #1a4a6e 0%, #15385f 50%, #0d1f33 100%) !important;
}

.cl-login-page > div {
  max-width: 450px !important;
  margin: 0 auto !important;
}

/* Style the login container */
.cl-login-page [class*="container"],
.cl-login-page [class*="card"] {
  background: rgba(13, 31, 51, 0.8) !important;
  border: 1px solid rgba(34, 172, 229, 0.2) !important;
  border-radius: 16px !important;
}