/* ChatCitoSkin DEV - perfil publico compacto */
.ccup-profile {
  box-sizing: border-box;
  width: calc(100% - 18px);
  margin: 8px 9px 10px;
  padding: 12px 13px;
  border: 1px solid rgba(242,151,200,.55);
  border-radius: 12px;
  background: linear-gradient(130deg,#192d4b,#181b34 75%);
  color: #f4f7fe;
  font: 13px/1.5 system-ui, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
.ccup-title {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #faa2d2;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .3px;
  padding-bottom: 7px;
  margin-bottom: 9px;
  border-bottom: 1px solid rgba(111,167,242,.25);
}
.ccup-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #97f266;
  box-shadow: 0 0 8px rgba(151,242,102,.45);
}
.ccup-item { display: flex; flex-wrap: wrap; gap: 3px 9px; margin: 5px 0; }
.ccup-item > span, .ccup-bio > span {
  flex: 0 0 72px;
  color: #a9c4f4;
  font-size: 12px;
  font-weight: 700;
}
.ccup-item > strong { flex: 1 1 100px; color: #f6f8fe; font-weight: 600; }
.ccup-bio { padding-top: 7px; margin-top: 8px; border-top: 1px solid rgba(111,167,242,.22); }
.ccup-bio > span { display: block; }
.ccup-bio > p { margin: 4px 0 0; white-space: pre-wrap; color: #f6f8fe; }
/* Si se integra en el área de botones de versiones antiguas, ocupar toda la fila. */
.kiwi-userbox-plugin-actions .ccup-profile { flex: 1 1 100%; max-width: calc(100% - 18px); }
@media(max-width: 600px) {
  .ccup-profile { margin: 7px 6px 9px; width: calc(100% - 12px); padding: 10px 11px; }
}