/* ==========================================================================
   Barra lateral — tarjeta de usuario, Almanax y amigos
   ========================================================================== */

html[data-theme] .sidebar :is(.user-card, .almanax-widget, .friends-widget) {
  background: var(--c-glass) !important;
  background-image: none !important;
  border: 1px solid var(--c-line) !important;
  border-radius: var(--r-card) !important;
  box-shadow: var(--c-shadow) !important;
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
}

/* "Mi progreso" y "Mis archis" llevan .primary en la plantilla, pero son navegación: botones normales */
html[data-theme] .sidebar .user-card-btn {
  background: var(--c-inset) !important;
  border: 1px solid var(--c-line-strong) !important;
  border-radius: var(--r-ctl) !important;
  color: var(--c-text) !important;
  font-family: var(--font-ui) !important;
  font-weight: 600 !important;
  font-size: .8rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html[data-theme] .sidebar .user-card-btn:hover {
  background: var(--c-inset-2) !important;
  border-color: var(--c-line-accent) !important;
  color: var(--c-accent-ink) !important;
}

html[data-theme] :is(.alm-icon, .fw-header > span:first-child) {
  background: var(--c-accent-soft) !important;
  border-color: var(--c-line-accent) !important;
  border-radius: 10px !important;
  color: var(--c-accent-ink) !important;
}
html[data-theme] :is(.alm-item-name, .user-card-name, .fw-name) { color: var(--c-text) !important; }
html[data-theme] :is(.alm-date, .alm-bonus-text, .alm-item-qty) { color: var(--c-text-2) !important; }
html[data-theme] .alm-kamas { color: var(--c-accent-ink) !important; }

html[data-theme] .fw-item { border-radius: 10px; }
html[data-theme] .fw-item:hover { background: var(--c-inset) !important; }
html[data-theme] .fw-empty { padding: .6rem .8rem !important; }
html[data-theme] :is(.alm-tribute-label, .alm-bonus-label) { color: var(--c-text-2) !important; }
html[data-theme] :is(.alm-tribute-label, .alm-bonus-label) svg { color: var(--c-accent-ink) !important; }

/* Avatares: main.css les pone un degradado dorado fijo (y el borde de acento translúcido
   encima se veía salmón en Magenta). Relleno y brillo del color de acento elegido. */
html[data-theme] :is(.user-card-avatar, .fw-avatar) {
  background: linear-gradient(135deg, var(--c-accent), var(--c-accent-2)) !important;
  border-color: var(--c-line-accent) !important;
  color: var(--c-on-accent) !important;
  box-shadow: 0 0 18px -4px var(--c-accent-glow) !important;
}
html[data-theme] .alm-icon { box-shadow: none !important; }

/* Tarjeta de usuario: nombre sin el espaciado de mayúsculas antiguo y subtítulo legible */
html[data-theme] .sidebar .user-card-name {
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
}
html[data-theme] .sidebar .user-card-public-title { font-size: .82rem !important; margin-bottom: .2rem !important; }
html[data-theme] .sidebar .user-card-public-edit input:focus {
  border-color: var(--c-line-accent) !important;
  box-shadow: 0 0 0 3px var(--c-accent-soft) !important;
}
/* El aviso de guardado solo ocupa sitio cuando tiene texto */
html[data-theme] .sidebar .user-card-public-status:empty { display: none; }