/* Naqaa official branding overrides */
:root {
  --brand: #087fe7;
  --brand-strong: #0a4fb3;
  --brand-soft: #e7f3ff;
  --sidebar: #0a2f55;
  --sidebar-muted: #a8c5dc;
}

.brand-logo {
  background: #ffffff;
  object-fit: contain;
  padding: 4px;
}

.login-screen {
  background:
    linear-gradient(180deg, rgba(8, 127, 231, 0.08), transparent 44%),
    var(--bg);
}

.login-brand .brand-logo {
  box-shadow: 0 14px 28px rgba(8, 127, 231, 0.16);
}

.search-box input:focus,
.field input:focus,
.field select:focus,
.field textarea:focus {
  box-shadow: 0 0 0 3px rgba(8, 127, 231, 0.13);
}

.primary-button {
  box-shadow: 0 10px 20px rgba(8, 127, 231, 0.18);
}

.ops-hero::after {
  background: linear-gradient(90deg, rgba(8, 127, 231, 0.08), transparent 46%);
}

.conversation-card.active {
  box-shadow: inset 0 0 0 1px var(--brand), 0 10px 24px rgba(8, 127, 231, 0.08);
}