/* ChatCitoSkin DEV - Sesión IRC verificada */
#cc-perfil-dialog .cc-perfil-session-status {
  padding: 11px 13px;
  margin: 0 0 12px;
  border-radius: 10px;
  border: 1px solid #438ef5;
  border-left: 4px solid #438ef5;
  background: #122744;
  color: #dceaff;
  font: 600 12px/1.55 system-ui,sans-serif;
  overflow-wrap: anywhere;
}
#cc-perfil-dialog .cc-perfil-session-status[data-kind="success"] {
  border-color: #87e459;
  background: #19372a;
  color: #caffaa;
}
#cc-perfil-dialog .cc-perfil-session-status[data-kind="warning"] {
  border-color: #f5be69;
  background: #382a21;
  color: #ffe4bb;
}
#cc-perfil-dialog .cc-perfil-session-status[data-kind="error"] {
  border-color: #ff8297;
  background: #3b1f35;
  color: #ffd6e6;
}
#cc-perfil-dialog .cc-perfil-actions button:last-child:not(:disabled) {
  background: linear-gradient(105deg,#277cff,#b344f4 48%,#ff66b9) !important;
  color: white !important;
  border: 1px solid #9cf36d !important;
  font-weight: 750;
  box-shadow: 0 4px 15px rgba(207,75,181,.23);
}
#cc-perfil-dialog .cc-perfil-actions button:last-child:not(:disabled):hover {
  filter: brightness(1.09);
}


/* CC-PERFIL-UI-LIMPIA-V1 */
#cc-perfil-dialog .cc-perfil-previewbtn,
#cc-perfil-dialog .cc-perfil-preview,
#cc-perfil-dialog .cc-perfil-notice { display: none !important; }
#cc-perfil-dialog .cc-perfil-avatarrow strong {
  display:block; font-size: 14px; color:#b0fa78; margin-bottom: 3px;
}
#cc-perfil-dialog .cc-perfil-guardado {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 10;
  padding: 20px;
  box-sizing: border-box;
  border-radius: inherit;
  background: rgba(9, 15, 30, .96);
  backdrop-filter: blur(7px);
  animation: cc-perfil-in .2s ease-out both;
}
#cc-perfil-dialog .cc-perfil-guardado-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
}
#cc-perfil-dialog .cc-perfil-check {
  display: grid;
  place-items: center;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  color: #113225;
  background: linear-gradient(140deg, #9afe64, #54ddae);
  box-shadow: 0 0 0 8px rgba(115, 239, 121, .13),
              0 0 38px rgba(115, 239, 121, .21);
}
#cc-perfil-dialog .cc-perfil-check svg { width: 43px; height: 43px; }
#cc-perfil-dialog .cc-perfil-guardado-card strong {
  font: 750 20px/1.3 system-ui, sans-serif;
  color: #f7b0d9;
}
@keyframes cc-perfil-in {
  from { opacity:0; transform:scale(.985); }
  to { opacity:1; transform:scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  #cc-perfil-dialog .cc-perfil-guardado { animation: none; }
}
