body.chat-page input:focus:not(.chat-input):not(.sidebar-search-input),
body.chat-page select:focus,
body.chat-page textarea:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06), 0 0 20px rgba(255, 255, 255, 0.03);
}

body.chat-page .chat-input-row {
  background: linear-gradient(180deg, #0a0a0d 0%, #060608 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

body.chat-page .chat-input-row:focus-within {
  border-color: rgba(255, 255, 255, 0.42);
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.06),
    0 0 26px rgba(255, 255, 255, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.chat-page .chat-send-btn {
  border-radius: 9px;
}

body.chat-page .chat-send-btn:hover {
  box-shadow: 0 4px 18px rgba(255, 255, 255, 0.22);
}

body.chat-page .chat-module-pill {
  background: rgba(255, 255, 255, 0.05);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.68rem;
}

body.chat-page .chat-main {
  background:
    radial-gradient(ellipse 60% 30% at 50% -8%, rgba(255, 255, 255, 0.045) 0%, transparent 60%);
}

body.chat-page .sidebar {
  background: linear-gradient(180deg, #08080b 0%, #040405 100%);
  border-right-color: rgba(255, 255, 255, 0.07);
}

body.chat-page .sidebar-header {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

body.chat-page .sidebar-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.68rem;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--text-muted);
}

body.chat-page .sidebar-toggle-btn {
  transition: all 0.2s ease;
}

body.chat-page .sidebar-search-inner {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  transition: all 0.25s ease;
}

body.chat-page .sidebar-search-inner:focus-within {
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.07), 0 0 24px rgba(255, 255, 255, 0.04);
  background: rgba(255, 255, 255, 0.05);
}

body.chat-page .mod-flag i { transition: color 0.2s ease; }

body.chat-page [class*="mod-item"]:hover .mod-flag i,
body.chat-page .mod-name { letter-spacing: 0; }

body.chat-page .search-type-btn.active {
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 28px rgba(255, 255, 255, 0.05);
}

body.chat-page .json-response,
body.chat-page .response-box {
  background: linear-gradient(180deg, #07070a, #040405);
  border-color: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  font-family: 'JetBrains Mono', monospace;
}

body.chat-page .btn-primary {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 6px 24px rgba(255, 255, 255, 0.13);
}

body.chat-page .btn-primary:hover {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.18), 0 10px 36px rgba(255, 255, 255, 0.22);
}

body.chat-page .cases-header {
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

body.chat-page .case-notes-textarea {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
}

body.chat-page .case-picker-list {
  scrollbar-width: thin;
}

body.chat-page .profile-card,
body.chat-page .api-token-card {
  background: linear-gradient(180deg, #0a0a0d 0%, #060608 100%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.5) !important;
}

body.chat-page .token-input {
  font-family: 'JetBrains Mono', monospace;
  background: rgba(255, 255, 255, 0.02) !important;
}

body.chat-page .rewards-quota-track {
  background: rgba(255, 255, 255, 0.04);
}

body.chat-page .rewards-quota-fill {
  background: linear-gradient(90deg, #d8d8dc, #ffffff);
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.25);
}

body.chat-page .nx-modal-backdrop {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.75);
}

body.chat-page .nx-modal {
  background: linear-gradient(180deg, #0c0c10, #060608);
  border: 1px solid rgba(255, 255, 255, 0.11);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.85), 0 0 60px rgba(255, 255, 255, 0.04);
  border-radius: 16px;
}

body.chat-page .nx-input,
body.chat-page .nx-select,
body.chat-page .nx-textarea {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 9px;
}

body.chat-page .nx-input:focus,
body.chat-page .nx-select:focus,
body.chat-page .nx-textarea:focus {
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
}

body.chat-page ::-webkit-scrollbar { width: 7px; height: 7px; }
body.chat-page ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 4px;
}
body.chat-page ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.26); }