/* =====================================================================
   SORA Project v94 — targeted corrections over v93.
   No workflows are removed. This file fixes only the UI items reported.
   ===================================================================== */

:root {
  --v94-blue: #2998f6;
  --v94-blue-soft: rgba(41, 152, 246, .14);
  --v94-blue-line: rgba(89, 183, 255, .34);
  --v94-surface: rgba(11, 21, 35, .94);
  --v94-surface-2: rgba(17, 31, 49, .92);
  --v94-ease: cubic-bezier(.25, 1, .5, 1);
}

/* ------------------------------------------------------------------
   Header: "Для команды" is highlighted by a simple background only.
   ------------------------------------------------------------------ */
.main-nav .btn-staff {
  color: #dff5ff !important;
  border: 1px solid rgba(73, 171, 238, .28) !important;
  background: rgba(35, 142, 224, .16) !important;
  box-shadow: none !important;
  filter: none !important;
}
.main-nav .btn-staff i {
  color: #67c9ff !important;
  filter: none !important;
}
.main-nav .btn-staff:hover,
.main-nav .btn-staff.is-active {
  color: #fff !important;
  border-color: rgba(85, 190, 255, .48) !important;
  background: rgba(35, 151, 237, .25) !important;
  box-shadow: none !important;
  transform: translate3d(0, -1px, 0) !important;
}

/* ------------------------------------------------------------------
   Profile: remove the accidental blue divider above the nickname.
   ------------------------------------------------------------------ */
.profile-public-body::before { display: none !important; }
.profile-banner { border-bottom: 0 !important; }
.profile-public-card {
  border-color: rgba(52, 160, 245, .55) !important;
  box-shadow: 0 24px 65px rgba(0,0,0,.30), inset 0 0 0 1px rgba(91,187,255,.06) !important;
}

/* ------------------------------------------------------------------
   Player heading: only one blue play icon.
   ------------------------------------------------------------------ */
.release-player-compact .player-title::before,
.player-title::before { display: none !important; content: none !important; }
.player-title-icon {
  color: #fff !important;
  background: #268fe9 !important;
  border-color: rgba(120, 207, 255, .40) !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------------
   Participant controls and modal: new, consistent icon language.
   ------------------------------------------------------------------ */
.release-page .release-participant-button {
  min-height: 56px !important;
  padding: 8px 11px !important;
  border-radius: 17px !important;
}
.release-page .release-participant-button-icon,
.release-participants-modal-symbol,
.release-team-modal-icon {
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18) !important;
}
.release-page .release-participant-button-team .release-participant-button-icon,
.release-participants-modal-symbol-team {
  background: linear-gradient(135deg, #197fe8, #45c3ff) !important;
}
.release-page .release-participant-button-characters .release-participant-button-icon,
.release-participants-modal-symbol-characters {
  background: linear-gradient(135deg, #6659eb, #3b9ff6) !important;
}
.release-team-modal-icon-voice {
  color: #fff !important;
  background: linear-gradient(135deg, #ff7869, #ff9e79) !important;
}
.release-team-modal-icon-sound {
  color: #fff !important;
  background: linear-gradient(135deg, #247ee8, #52bfff) !important;
}
.release-team-modal-icon-design {
  color: #fff !important;
  background: linear-gradient(135deg, #805de9, #df69c9) !important;
}
.release-team-modal-item {
  border-radius: 18px !important;
  border-color: rgba(102, 163, 219, .18) !important;
  background: linear-gradient(145deg, rgba(22,36,55,.86), rgba(9,17,28,.94)) !important;
}
.release-participants-modal-card { border-radius: 24px !important; }
.release-participants-modal-head { border-radius: 23px 23px 0 0 !important; }

/* ------------------------------------------------------------------
   Recommendations: cleaner title and a truly rounded, aligned carousel.
   ------------------------------------------------------------------ */
.recommendations-section {
  padding: 22px !important;
  border-radius: 29px !important;
  border: 1px solid rgba(80, 169, 238, .25) !important;
  overflow: hidden !important;
}
.recommendations-heading {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: auto !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(104, 158, 209, .13) !important;
}
.recommendations-title-icon,
.release-community-title-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(111, 204, 255, .30);
  border-radius: 14px;
  color: #eafdff;
  background: linear-gradient(135deg, #217fe9, #42b8ff);
  box-shadow: inset 0 1px rgba(255,255,255,.20);
}
.recommendations-heading > div { min-width: 0; display: grid; gap: 3px; }
.recommendations-heading .eyebrow { margin: 0 !important; }
.recommendations-heading h2 {
  margin: 0 !important;
  color: #f4f8fd !important;
  font-size: clamp(19px, 2vw, 25px) !important;
  line-height: 1.08 !important;
}
.recommendations-heading p {
  margin: 0 !important;
  color: #8499af !important;
  font-size: 11px !important;
}
.recommendations-carousel { padding-top: 15px !important; }
.recommendations-row {
  gap: 12px !important;
  align-items: stretch !important;
  padding: 1px 2px 5px !important;
}
.recommend-card {
  flex-basis: 139px !important;
  width: 139px !important;
  min-width: 139px !important;
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 9px !important;
  border-radius: 20px !important;
  border-color: rgba(107, 163, 215, .14) !important;
  background: rgba(255,255,255,.025) !important;
}
.recommend-poster {
  width: 119px !important;
  height: 170px !important;
  border-radius: 16px !important;
}
.recommend-card strong {
  min-height: 32px !important;
  color: #edf5fd !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
}
.recommend-card small {
  color: #778da4 !important;
  font-size: 8.5px !important;
  line-height: 1.35 !important;
}

/* ------------------------------------------------------------------
   Community: one rounded section, aligned title, comments and rating.
   ------------------------------------------------------------------ */
.release-community-section-v87 {
  margin-top: 22px !important;
  padding: 22px !important;
  border: 1px solid rgba(82, 165, 232, .24) !important;
  border-radius: 29px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(41,152,246,.09), transparent 24rem),
    linear-gradient(155deg, rgba(14,25,41,.98), rgba(6,13,23,.99)) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.035) !important;
  overflow: hidden !important;
}
.release-community-title-v87 {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin: 0 0 17px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(102, 159, 211, .14) !important;
}
.release-community-title-v87 > div { min-width: 0; display: grid; gap: 3px; }
.release-community-title-v87 .eyebrow { margin: 0 !important; }
.release-community-title-v87 h2 {
  margin: 0 !important;
  color: #f4f8fd !important;
  font-size: clamp(20px, 2vw, 26px) !important;
  line-height: 1.08 !important;
}
.release-community-title-v87 p {
  margin: 0 !important;
  color: #8499af !important;
  font-size: 11px !important;
}
.release-community-grid-v87 {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 260px) !important;
  gap: 14px !important;
  align-items: start !important;
}
.comments-block,
.rate-card,
.release-community-note-v87 {
  border-radius: 22px !important;
}
.comments-block {
  padding: 17px !important;
  border: 1px solid rgba(103, 162, 216, .18) !important;
  background: rgba(7, 16, 28, .60) !important;
  box-shadow: none !important;
}
.comments-block > h2 { margin: 0 0 14px !important; font-size: 15px !important; }
.comment-form {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.comment-form textarea {
  min-height: 116px !important;
  border-radius: 18px !important;
  border-color: rgba(104, 161, 214, .20) !important;
  background: rgba(3, 10, 19, .48) !important;
}
.comment {
  border-radius: 21px !important;
  overflow: hidden !important;
}
.comment.comment-reply { border-radius: 18px !important; }
.comment-replies {
  margin-top: 10px !important;
  padding-left: 14px !important;
  border-left: 2px solid rgba(55, 164, 244, .36) !important;
}
.release-community-note-v87 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  padding: 11px 12px !important;
  color: #91a8be !important;
  border: 1px solid rgba(102, 160, 214, .16) !important;
  background: rgba(255,255,255,.025) !important;
}
.release-community-note-v87 i { color: #57baff !important; }
.rate-card {
  padding: 16px !important;
  border: 1px solid rgba(102, 161, 216, .20) !important;
  background: rgba(7,16,28,.66) !important;
  box-shadow: none !important;
}
.rate-card h3 { margin: 0 0 13px !important; }
.score-picker-stars {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 7px !important;
  margin-bottom: 13px !important;
}
.score-picker-stars label { min-width: 0 !important; }
.score-picker-stars span {
  min-height: 42px !important;
  display: grid !important;
  place-items: center !important;
  gap: 2px !important;
  padding: 5px 2px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(102, 159, 211, .18) !important;
  color: #8398ad !important;
  background: rgba(255,255,255,.035) !important;
}
.score-picker-stars span i { font-size: 13px !important; }
.score-picker-stars span b { font-size: 8px !important; line-height: 1 !important; }
.score-picker-stars input:checked + span {
  color: #fff4bd !important;
  border-color: rgba(255, 205, 78, .48) !important;
  background: linear-gradient(135deg, rgba(242,157,44,.80), rgba(255,95,100,.72)) !important;
  box-shadow: 0 8px 18px rgba(240,131,52,.18) !important;
}

/* ------------------------------------------------------------------
   Admin: use the available width, larger click targets, no cramped centre.
   ------------------------------------------------------------------ */
.admin-content { min-width: 0 !important; overflow-x: clip !important; }
.admin-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px clamp(18px, 2.5vw, 36px) 42px !important;
}
.admin-main > .panel-head,
.admin-main > .admin-panel,
.admin-main > .admin-table-wrap,
.admin-main > .stats-grid,
.admin-main > form,
.admin-main > section { width: 100% !important; }
.panel-head {
  min-height: 48px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}
.panel-head h1 { margin: 0 !important; }
.admin-panel {
  border-radius: 21px !important;
  padding: 18px !important;
}
.admin-filter-panel { margin-block: 0 14px !important; }
.admin-search {
  width: min(100%, 760px) !important;
  max-width: none !important;
  min-height: 48px !important;
  padding: 6px 7px 6px 14px !important;
  border-radius: 16px !important;
}
.admin-search input { min-height: 34px !important; }
.admin-search .btn { min-height: 36px !important; border-radius: 11px !important; padding-inline: 16px !important; }
.admin-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid rgba(96, 157, 211, .16) !important;
  border-radius: 20px !important;
  background: rgba(5,12,21,.34) !important;
}
.admin-table {
  min-width: 900px !important;
  border-collapse: separate !important;
  border-spacing: 0 7px !important;
  padding: 7px !important;
}
.admin-table thead th {
  padding: 10px 11px !important;
  border: 0 !important;
  background: transparent !important;
}
.admin-table tbody tr { background: rgba(255,255,255,.025) !important; }
.admin-table tbody tr:hover { background: rgba(41,152,246,.075) !important; }
.admin-table tbody td {
  padding: 11px !important;
  border-top: 1px solid rgba(103,158,210,.10) !important;
  border-bottom: 1px solid rgba(103,158,210,.10) !important;
}
.admin-table tbody td:first-child {
  border-left: 1px solid rgba(103,158,210,.10) !important;
  border-radius: 14px 0 0 14px !important;
}
.admin-table tbody td:last-child {
  border-right: 1px solid rgba(103,158,210,.10) !important;
  border-radius: 0 14px 14px 0 !important;
}
.admin-pill {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
}
.admin-country-pill i { color: #58baff !important; }
.admin-action-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 12px !important;
}
.table-actions { gap: 7px !important; }
.admin-brand { flex: 0 0 auto !important; }
.admin-nav a { cursor: pointer !important; }

/* ------------------------------------------------------------------
   Light theme additions for the new surfaces.
   ------------------------------------------------------------------ */
:root[data-theme="light"] .recommendations-heading h2,
:root[data-theme="light"] .release-community-title-v87 h2,
:root[data-theme="light"] .recommend-card strong { color: #17253a !important; }
:root[data-theme="light"] .recommendations-heading p,
:root[data-theme="light"] .release-community-title-v87 p { color: #62768c !important; }
:root[data-theme="light"] .release-community-section-v87,
:root[data-theme="light"] .recommendations-section {
  border-color: rgba(77,132,183,.22) !important;
  background: linear-gradient(155deg, rgba(255,255,255,.99), rgba(239,246,252,.99)) !important;
  box-shadow: 0 16px 40px rgba(48,78,109,.10), inset 0 1px #fff !important;
}
:root[data-theme="light"] .comments-block,
:root[data-theme="light"] .rate-card,
:root[data-theme="light"] .release-community-note-v87,
:root[data-theme="light"] .release-team-modal-item {
  color: #203248 !important;
  border-color: rgba(78,135,189,.18) !important;
  background: rgba(255,255,255,.76) !important;
}
:root[data-theme="light"] .comment-form textarea { background: #f7fbff !important; }
:root[data-theme="light"] .score-picker-stars span {
  color: #60768c !important;
  border-color: rgba(78,135,189,.18) !important;
  background: #f3f8fd !important;
}
:root[data-theme="light"] .admin-table-wrap { background: rgba(255,255,255,.60) !important; }
:root[data-theme="light"] .admin-table tbody tr { background: rgba(255,255,255,.82) !important; }
:root[data-theme="light"] .admin-table tbody tr:hover { background: rgba(41,152,246,.09) !important; }

/* ------------------------------------------------------------------
   Responsive corrections.
   ------------------------------------------------------------------ */
@media (max-width: 980px) {
  .release-community-grid-v87 { grid-template-columns: 1fr !important; }
  .release-community-rating-column-v87 { display: grid !important; grid-template-columns: 1fr !important; }
  .admin-main { padding-inline: 16px !important; }
}

@media (max-width: 700px) {
  .recommendations-section,
  .release-community-section-v87 { padding: 16px !important; border-radius: 23px !important; }
  .recommendations-heading,
  .release-community-title-v87 { align-items: flex-start !important; }
  .recommendations-title-icon,
  .release-community-title-icon { width: 38px; height: 38px; flex-basis: 38px; border-radius: 12px; }
  .release-page .release-participant-actions { width: 100% !important; grid-template-columns: 1fr !important; }
  .release-page .release-participant-button { width: 100% !important; }
  .admin-table { min-width: 760px !important; }
}

@media (max-width: 430px) {
  .recommendations-heading p,
  .release-community-title-v87 p { display: none !important; }
  .recommend-card { width: 130px !important; min-width: 130px !important; flex-basis: 130px !important; }
  .recommend-poster { width: 112px !important; height: 160px !important; }
  .score-picker-stars { gap: 5px !important; }
  .score-picker-stars span { min-height: 39px !important; border-radius: 11px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .recommend-card,
  .comment,
  .release-participant-button,
  .admin-nav a,
  .admin-action-icon { transition: none !important; }
}