/* role.css */

/* Chat List Polish — soft brand-tint avatar (was solid-brown !important, which
   forced the heavy brown-disk wall over the white-base restraint). */
.avatar-brand { background: var(--accent-tint) !important; color: var(--accent) !important; }

/* Launcher Polish */
.launcher-tile.primary-tile {
  border: 1px solid var(--accent);
  background: #fffaf6;
}

/* Profile Polish */
.profile-avatar img.failed { display: none; }
.profile-avatar img.failed ~ .avatar-initial { display: inline-flex !important; }
.btn-ghost.wide:active { background: var(--panel2); }

/* Login Polish */
.auth .form-group { margin-bottom: var(--pad-md); }
.auth label { display: block; margin-bottom: var(--pad-xs); font-size: var(--sz-sm); font-weight: 600; }
.btn-loading-content { display: inline-flex; align-items: center; gap: 8px; justify-content: center; width: 100%; }
.spinner-sm { width: 16px; height: 16px; border-width: 2px; border-top-color: var(--on-accent); }

/* Reviewer Room Polish */
.navbtn { background: rgba(255, 255, 255, 0.1); opacity: 1; }
.navbtn.disabled { opacity: 0.25; }
.navpos { opacity: 1; font-weight: 700; }
.app-header .back, .app-header .hdr-btn { border-radius: 8px; transition: background 0.2s; }
/* white-base header: active tap = a faint INK wash (the old white wash was
   invisible on the now-white header). */
.app-header .back:active, .app-header .hdr-btn:active { background: rgba(0, 0, 0, 0.06); }

/* Worklist Polish — muted ink subtitle (was white, invisible on the white header). */
.rv-sub { color: var(--muted) !important; }