/* save-manager.css — chip de estado para LeanSaveManager.
   Post-incidente HB Group (7-may-2026): estados visualmente distintivos.
   Usa variables del patrón visual Suite si existen, con fallbacks.

   Estados:
     .lean-savechip--idle        oculto (display:none)
     .lean-savechip--saving      oro, spinner
     .lean-savechip--saved       verde, ✓
     .lean-savechip--pending-outbox  azul, ⏳ con contador
     .lean-savechip--offline     gris, ⚠
     .lean-savechip--error       rojo, persistente, click para cerrar
*/

.lean-savechip {
  font-family: 'Inter', sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  display: none;
  align-items: center;
  gap: 6px;
  border: 1px solid transparent;
  background: rgba(160,160,160,0.12);
  color: #999;
  box-shadow: 0 2px 10px rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  white-space: nowrap;
  user-select: none;
}

.lean-savechip--saving {
  background: rgba(201,162,39,0.15);
  border-color: var(--oro, #c9a227);
  color: var(--oro, #c9a227);
}

.lean-savechip--saved {
  background: rgba(46,160,67,0.18);
  border-color: #2ea043;
  color: #3fb950;
}

.lean-savechip--pending-outbox {
  background: rgba(56,139,253,0.18);
  border-color: #388bfd;
  color: #58a6ff;
  animation: lean-pulse 2s ease-in-out infinite;
}

.lean-savechip--offline {
  background: rgba(160,160,160,0.18);
  border-color: #6e7681;
  color: #9b9b9b;
}

.lean-savechip--error {
  background: rgba(248,81,73,0.18);
  border-color: #f85149;
  color: #ff7b72;
  cursor: pointer;
}

.lean-savechip__close {
  margin-left: 6px;
  font-weight: 700;
  opacity: 0.8;
}
.lean-savechip__close:hover { opacity: 1; }

.lean-spin { display: inline-block; animation: lean-spin 1s linear infinite; }

@keyframes lean-spin { 100% { transform: rotate(360deg); } }
@keyframes lean-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.65; }
}