/* SORA Project v104 — profile sizing, restrained iconography and builder feedback */

/* Keep the profile at its original readable width even when the site builder
   changes the global .container token. */
.profile-section .container.profile-public-card {
  width: min(1080px, calc(100% - 32px)) !important;
  max-width: 1080px !important;
  padding-inline: 0 !important;
}

/* Profile editor: quieter, conventional controls instead of bright AI-like
   gradient tiles. */
.profile-edit-head-icon,
.profile-settings-heading > span,
.profile-style-preview-head > span {
  color: #75c9ff !important;
  border: 1px solid rgba(83, 174, 244, .24) !important;
  background: rgba(41, 152, 246, .10) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.profile-edit-head-icon {
  border-radius: 14px !important;
  font-size: 18px !important;
}

.profile-settings-heading > span {
  border-radius: 11px !important;
}

.profile-upload-card {
  border-style: solid !important;
}

.profile-upload-copy em {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 6px 9px;
  color: #bfe6ff !important;
  border: 1px solid rgba(83, 174, 244, .18);
  border-radius: 9px;
  background: rgba(41, 152, 246, .08);
}

.profile-edit-actions .btn-primary,
[data-profile-edit-toggle].btn-primary {
  background: #238ee8 !important;
  box-shadow: 0 8px 20px rgba(27, 121, 205, .22) !important;
}

/* Release participants: clear, product-like icon chips with one accent each. */
.release-page .release-participant-button {
  border-color: rgba(102, 151, 196, .20) !important;
  background: #121b28 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 20px rgba(0, 0, 0, .14) !important;
}

.release-page .release-participant-button:hover,
.release-page .release-participant-button:focus-visible {
  border-color: rgba(92, 176, 242, .44) !important;
  background: #162335 !important;
}

.release-page .release-participant-button-team::before {
  background: #43a8ee !important;
}

.release-page .release-participant-button-characters::before {
  background: #8d7cf4 !important;
}

.release-page .release-participant-button-icon {
  border: 1px solid currentColor !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.release-page .release-participant-button-team .release-participant-button-icon {
  color: #70c7ff !important;
  background: rgba(48, 156, 232, .11) !important;
}

.release-page .release-participant-button-characters .release-participant-button-icon {
  color: #ae9fff !important;
  background: rgba(130, 104, 238, .12) !important;
}

.release-page .release-participant-count,
.release-participants-modal-total {
  color: #dcd6ff !important;
  border: 1px solid rgba(154, 132, 248, .25) !important;
  background: rgba(130, 104, 238, .15) !important;
  box-shadow: none !important;
}

.release-participants-modal-symbol {
  border: 1px solid currentColor !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.release-participants-modal-symbol-team {
  color: #70c7ff !important;
  background: rgba(48, 156, 232, .11) !important;
}

.release-participants-modal-symbol-characters {
  color: #ae9fff !important;
  background: rgba(130, 104, 238, .12) !important;
}

.release-team-modal-icon {
  border: 1px solid currentColor !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

.release-team-modal-icon-voice {
  color: #ffb278 !important;
  background: rgba(239, 139, 71, .11) !important;
}

.release-team-modal-icon-sound {
  color: #70c7ff !important;
  background: rgba(48, 156, 232, .11) !important;
}

.release-team-modal-icon-design {
  color: #8fe0bd !important;
  background: rgba(62, 190, 137, .11) !important;
}

.release-team-modal-item,
.release-page .release-character-modal-card,
.release-character-modal-card {
  border-color: rgba(102, 151, 196, .15) !important;
  background: rgba(13, 25, 39, .88) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.release-character-modal-card .release-character-copy small > i {
  width: 15px;
  color: #74c8fb;
  text-align: center;
}

/* Builder state and reliable action feedback. */
.builder-preview-state {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  color: #8fcfff !important;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.builder-preview-state i {
  font-size: 7px;
}

.builder-preview-state.is-dirty {
  color: #ffd27d !important;
  border-color: rgba(255, 191, 76, .25) !important;
  background: rgba(255, 191, 76, .06);
}

.builder-preview-state.is-error {
  color: #ff9aa7 !important;
  border-color: rgba(255, 90, 110, .25) !important;
  background: rgba(255, 90, 110, .06);
}

.builder-savebar .btn[disabled] {
  cursor: wait !important;
  opacity: .72;
}

.builder-preview-panel iframe.is-loading {
  opacity: .66;
}

.builder-preview-panel iframe {
  transition: opacity .18s ease;
}

@media (max-width: 760px) {
  .profile-section .container.profile-public-card {
    width: calc(100% - 20px) !important;
  }
}