/*
 * OpsAgent polish - minimal Grok/Claude style.
 * Rule: ZERO layout changes. Only color, hover, transition.
 * If a selector touches width, padding, margin, display, position -> wrong.
 */

/* Soften scrollbars everywhere */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(140,140,150,0.18); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(140,140,150,0.35); }
::-webkit-scrollbar-track { background: transparent; }

/* Smoother transitions on common interactive things */
button, a, [role="button"] {
  transition: background-color 0.12s ease, color 0.12s ease, opacity 0.12s ease;
}

/* Subtle: nicer text-rendering & font smoothing */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Conversation list rows - hover softness only, no sizing */
[role="grid"] button:hover,
[role="grid"] a:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

/* Active conversation - very subtle tint, no border, no accent strip */
.bg-surface-active-alt,
[role="grid"] [aria-current="page"],
[role="grid"] [aria-current="true"] {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Section labels (CHATS, YESTERDAY, etc.) - softer color only */
nav h2, nav h3,
[role="navigation"] h2,
[role="navigation"] h3 {
  color: rgba(170, 170, 180, 0.55);
  letter-spacing: 0.04em;
}

/* Footer link color - softer */
footer a, footer button,
[class*="Footer"] a {
  color: rgba(170, 170, 180, 0.7);
}

footer a:hover {
  color: rgba(230, 230, 240, 0.95);
}

/* Privacy / TOS links in footer - calmer */
a[href="/privacy/"], a[href="/tos/"] {
  color: rgba(160, 160, 170, 0.7);
  text-decoration: none;
}
a[href="/privacy/"]:hover, a[href="/tos/"]:hover {
  color: rgba(230, 230, 240, 0.95);
  text-decoration: underline;
}

/* Fade-in for newly streamed assistant messages */
[data-message-author-role="assistant"] {
  animation: fadeIn 0.25s ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(2px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Message bubble subtle softness - no width/padding changes */
[data-message-author-role] {
  transition: opacity 0.2s ease;
}