/* Эфик-Фишка: голосовая подводка пользователя перед треком */
.efika-rec-open-btn{border-color:rgba(255,209,102,.35);background:rgba(255,209,102,.1);color:#ffd166}.efika-rec-modal-card{max-width:860px}.efika-rec-steps{display:grid;gap:14px}.efika-rec-step{padding:14px;border:1px solid rgba(143,211,255,.14);border-radius:18px;background:rgba(255,255,255,.03)}.efika-rec-step h3{margin:0 0 10px;font-size:16px}.efika-rec-recorder{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.efika-rec-timer{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.22);font-weight:800;color:var(--accent)}.efika-rec-preview{width:100%;margin-top:10px}.efika-rec-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.efika-rec-preset-card{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(143,211,255,.16);border-radius:16px;background:rgba(13,18,20,.55);cursor:pointer}.efika-rec-preset-card input{margin-top:4px}.efika-rec-preset-card b{display:block;color:var(--text)}.efika-rec-preset-card small{display:block;margin-top:3px;color:var(--muted);line-height:1.35}.efika-rec-submit{width:100%;margin-top:4px}.efika-rec-inline-badge,.efika-rec-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:rgba(255,209,102,.16);border:1px solid rgba(255,209,102,.3);color:#ffd166;font-style:normal;font-weight:900;letter-spacing:.03em}.efika-rec-inline-badge{margin-right:6px;padding:2px 7px;font-size:11px;vertical-align:middle}.efika-rec-badge{position:absolute;left:8px;top:8px;z-index:2;padding:3px 7px;font-size:10px;box-shadow:0 8px 22px rgba(0,0,0,.28)}.is-efika-rec,.library-track-shell-rec .library-track-card{border-color:rgba(255,209,102,.34)!important;box-shadow:0 0 0 1px rgba(255,209,102,.08),0 14px 36px rgba(255,209,102,.06)}.library-track-card-rec{background:linear-gradient(135deg,rgba(255,209,102,.09),rgba(143,211,255,.04))}.library-track-poster{position:relative}.library-track-rec-note{display:inline-flex;margin-top:4px;color:#ffd166;font-size:12px;font-weight:800}.library-track-rec-status{display:inline-flex;align-self:flex-start;margin-top:5px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}.library-track-rec-status.pending{background:rgba(255,209,102,.14);color:#ffd166}.library-track-rec-status.ready{background:rgba(0,196,140,.12);color:var(--accent-2)}.top-track-card.is-efika-rec,.track-list-item.is-efika-rec,.avatar-list-item.is-efika-rec{background:linear-gradient(135deg,rgba(255,209,102,.1),rgba(13,18,20,.7));border-color:rgba(255,209,102,.3)}
@media (max-width:760px){.efika-rec-modal-card{max-width:calc(100vw - 20px)}.efika-rec-recorder .btn{flex:1 1 120px}.efika-rec-preset-grid{grid-template-columns:1fr}}
.library-track-card.is-disabled{pointer-events:none;opacity:.72}.profile-rec-panel .library-panel-head h2{color:#ffd166}


/* Эфик-Фишка: компактный вид формы REC и мобильная укладка */
.efika-rec-modal-card{
  width:min(760px,calc(100vw - 28px))!important;
  max-height:min(88vh,720px)!important;
  padding:20px!important;
}
.efika-rec-modal-card .eyebrow{margin:0 0 4px!important;font-size:10px!important;letter-spacing:.12em!important}
.efika-rec-modal-card h2{margin:0 42px 6px 0!important;font-size:22px!important;line-height:1.1!important}
.efika-rec-modal-card > .muted{margin:0 0 10px!important;font-size:13px!important;line-height:1.35!important}
.efika-rec-form{gap:10px!important}
.efika-rec-steps{gap:9px!important}
.efika-rec-step{padding:10px!important;border-radius:15px!important}
.efika-rec-step h3{margin:0 0 7px!important;font-size:14px!important;line-height:1.15!important}
.efika-rec-recorder{gap:7px!important}
.efika-rec-recorder .btn,
.efika-rec-step .file-picker-button{
  min-height:0!important;
  height:38px!important;
  padding:7px 11px!important;
  border-radius:12px!important;
  font-size:13px!important;
  line-height:1!important;
}
.efika-rec-recorder [data-rec-start]{min-width:58px!important}
.efika-rec-timer{min-width:54px!important;padding:7px 9px!important;font-size:12px!important}
.efika-rec-preview{height:34px!important;margin-top:7px!important}
.efika-rec-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.efika-rec-preset-card{padding:8px!important;border-radius:13px!important;gap:7px!important}
.efika-rec-preset-card b{font-size:13px!important;line-height:1.2!important}
.efika-rec-preset-card small{font-size:11px!important;line-height:1.25!important}
.efika-rec-step .form-field{gap:6px!important}
.efika-rec-step label{font-size:13px!important;gap:6px!important}
.efika-rec-step .selected-file-name,
.efika-rec-step .form-status{font-size:12px!important;line-height:1.3!important;margin-top:4px!important}
.efika-rec-step textarea{min-height:68px!important;height:68px!important;padding:10px 44px 10px 11px!important;font-size:14px!important;line-height:1.35!important}
.efika-rec-step select,
.efika-rec-step input:not([type=radio]):not([type=file]){height:38px!important;padding:8px 10px!important;font-size:14px!important;border-radius:12px!important}
.efika-rec-step .upload-source-actions{gap:7px!important;flex-wrap:wrap!important}
.efika-rec-submit{height:40px!important;min-height:0!important;padding:8px 12px!important;border-radius:13px!important;font-size:14px!important;margin-top:0!important}
@media (min-width:761px){
  .efika-rec-steps{grid-template-columns:1fr 1fr!important;align-items:start!important}
  .efika-rec-step:nth-child(4){grid-column:1/-1!important}
  .efika-rec-step:nth-child(4){display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:9px!important;align-items:start!important}
  .efika-rec-step:nth-child(4) h3{grid-column:1/-1!important;margin-bottom:0!important}
}
@media (max-width:760px){
  .efika-rec-modal-card{width:100%!important;max-width:100%!important;max-height:88vh!important;padding:12px!important;border-radius:20px 20px 0 0!important}
  .efika-rec-modal-card h2{font-size:18px!important;margin-bottom:4px!important}
  .efika-rec-modal-card > .muted{font-size:12px!important;margin-bottom:8px!important}
  .efika-rec-steps{gap:7px!important}
  .efika-rec-step{padding:9px!important;border-radius:14px!important}
  .efika-rec-step h3{font-size:13px!important}
  .efika-rec-recorder{display:grid!important;grid-template-columns:1fr 1fr auto!important;align-items:center!important}
  .efika-rec-recorder .btn{width:100%!important;flex:none!important;height:36px!important;padding:7px 8px!important;font-size:12px!important}
  .efika-rec-recorder [data-file-trigger]{grid-column:1/3!important}
  .efika-rec-timer{grid-column:3!important;grid-row:1/3!important;align-self:stretch!important;height:auto!important}
  .efika-rec-preset-grid{grid-template-columns:1fr!important;gap:6px!important}
  .efika-rec-preset-card{padding:7px 8px!important}
  .efika-rec-preset-card small{display:none!important}
  .efika-rec-step textarea{min-height:58px!important;height:58px!important}
  .efika-rec-submit{height:38px!important;font-size:13px!important}
}
@media (max-width:420px){
  .efika-rec-modal-card{padding:10px!important;max-height:90vh!important}
  .efika-rec-step{padding:8px!important}
  .efika-rec-recorder{grid-template-columns:1fr 1fr!important}
  .efika-rec-timer{grid-column:1/-1!important;grid-row:auto!important;height:32px!important}
  .efika-rec-recorder [data-file-trigger]{grid-column:1/-1!important}
}

/* === Efika v143: REC preview flow and admin tabs === */
.efika-rec-track-preview{width:100%;margin-top:8px;min-height:34px}
.efika-rec-final-preview{border-color:rgba(255,209,102,.24)!important;background:linear-gradient(135deg,rgba(255,209,102,.08),rgba(143,211,255,.04))!important}
.efika-rec-final-preview h3{color:#ffd166!important}
.efika-rec-final-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.efika-rec-final-actions .btn{flex:0 1 auto}.efika-rec-admin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 18px}.efika-rec-admin-tab{text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.efika-rec-admin-tab:hover,.efika-rec-admin-tab.active{border-color:rgba(255,209,102,.48);box-shadow:0 0 0 1px rgba(255,209,102,.1),0 14px 36px rgba(255,209,102,.08);transform:translateY(-1px)}.efika-rec-admin-tab span{margin-right:8px}.efika-rec-admin-list{margin-bottom:18px}.compact-head{margin-bottom:12px}.admin-action-row{align-items:center}@media (max-width:760px){.efika-rec-admin-tabs{grid-template-columns:1fr}.efika-rec-final-actions{align-items:stretch;flex-direction:column}.efika-rec-final-actions .btn{width:100%}}

/* === Efika v144: REC microphone recorder, compact admin tabs, mobile modal safe paddings === */
.efika-rec-listen-hint{
  margin:7px 0 4px!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.efika-rec-form .input-emoji-shell{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.efika-rec-form .input-emoji-shell textarea,
.efika-rec-form .input-emoji-shell input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding-right:56px!important;
}
.efika-rec-form .input-emoji-shell .emoji-toggle{
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  z-index:3!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.efika-rec-form textarea[name="user_comment"]{
  padding-right:58px!important;
}
.efika-rec-admin-tabs{
  position:relative!important;
  z-index:6!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin:14px 0 22px!important;
}
.efika-rec-admin-tab{
  position:relative!important;
  z-index:7!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(143,211,255,.14)!important;
  background:rgba(255,255,255,.05)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  text-decoration:none!important;
  line-height:1.1!important;
}
.efika-rec-admin-tab span,
.efika-rec-admin-tab strong{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  line-height:1!important;
}
.efika-rec-admin-tab strong{
  min-width:20px!important;
  justify-content:center!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.24)!important;
  color:var(--accent)!important;
  font-size:13px!important;
}
.efika-rec-admin-tab.active,
.efika-rec-admin-tab:hover{
  border-color:rgba(255,209,102,.5)!important;
  background:rgba(255,209,102,.11)!important;
  color:#ffd166!important;
  transform:none!important;
}
.efika-rec-admin-list{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
}
@media (max-width:760px){
  #efika-rec-modal{
    align-items:flex-start!important;
    justify-content:center!important;
    overflow-y:auto!important;
    padding:calc(70px + env(safe-area-inset-top,0px)) 10px calc(104px + env(safe-area-inset-bottom,0px))!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 184px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .efika-rec-form .input-emoji-shell .emoji-toggle{
    top:7px!important;
    right:7px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  .efika-rec-admin-tabs{
    gap:8px!important;
    margin-bottom:18px!important;
  }
  .efika-rec-admin-tab{
    padding:8px 12px!important;
    font-size:14px!important;
  }
}
@media (max-width:420px){
  #efika-rec-modal{
    padding-top:calc(64px + env(safe-area-inset-top,0px))!important;
    padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    max-height:calc(100dvh - 162px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
}

/* === Efika v145: веб-диктофон REC, своё настроение только по выбору, безопасная мобильная рамка === */
.mood-custom-row[hidden],
.efika-rec-form .mood-custom-row[hidden]{
  display:none!important;
}
.efika-rec-form .mood-custom-row{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.efika-rec-form .mood-custom-row input[name="mood_tag_custom"]{
  width:100%!important;
  max-width:100%!important;
  height:48px!important;
  min-height:48px!important;
  padding-right:58px!important;
}
.efika-rec-form .mood-custom-row .emoji-toggle{
  top:50%!important;
  right:8px!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
}
.efika-rec-recorder [data-rec-start].recording{
  background:linear-gradient(135deg,#ff5f6d,#ffd166)!important;
  color:#120608!important;
  box-shadow:0 0 0 1px rgba(255,95,109,.25),0 10px 28px rgba(255,95,109,.18)!important;
}
.efika-rec-admin-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
  margin:16px 0 28px!important;
  padding:0!important;
  clear:both!important;
}
.efika-rec-admin-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  white-space:nowrap!important;
}
.efika-rec-admin-tab-label{
  display:inline-flex!important;
  align-items:center!important;
  margin-right:2px!important;
}
.efika-rec-admin-tab-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  margin-left:2px!important;
}
.efika-rec-admin-list{
  clear:both!important;
  margin-top:0!important;
}
@media (max-width:760px){
  #efika-rec-modal{
    align-items:flex-start!important;
    justify-content:center!important;
    overflow-y:auto!important;
    padding-top:calc(var(--efika-header-height,86px) + 18px + env(safe-area-inset-top,0px))!important;
    padding-bottom:calc(var(--efika-bottom-nav-height,48px) + 34px + env(safe-area-inset-bottom,0px))!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    margin:0 auto!important;
    max-height:calc(100dvh - var(--efika-header-height,86px) - var(--efika-bottom-nav-height,48px) - 62px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}
@media (max-width:420px){
  #efika-rec-modal{
    padding-top:calc(var(--efika-header-height,86px) + 14px + env(safe-area-inset-top,0px))!important;
    padding-bottom:calc(var(--efika-bottom-nav-height,48px) + 30px + env(safe-area-inset-bottom,0px))!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    max-height:calc(100dvh - var(--efika-header-height,86px) - var(--efika-bottom-nav-height,48px) - 52px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
}


/* === Efika v146: microphone permission policy fix support, normal REC modal offset, custom mood visibility === */
.efika-rec-form .mood-custom-row:not(.is-visible){
  display:none!important;
}
.efika-rec-form .mood-custom-row.is-visible{
  display:block!important;
  margin-top:8px!important;
}
.efika-rec-form .mood-custom-row.is-visible input[name="mood_tag_custom"]{
  height:42px!important;
  min-height:42px!important;
  padding:8px 50px 8px 12px!important;
  line-height:1.25!important;
}
.efika-rec-form .mood-custom-row.is-visible .emoji-toggle{
  top:50%!important;
  right:6px!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  border-radius:12px!important;
}
@media (max-width:760px){
  #efika-rec-modal{
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    padding:10px!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    margin:0 auto!important;
    max-height:calc(100dvh - var(--efika-header-height,86px) - var(--efika-bottom-nav-height,48px) - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}
@media (max-width:420px){
  #efika-rec-modal{
    padding:8px!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    max-height:calc(100dvh - var(--efika-header-height,64px) - var(--efika-bottom-nav-height,42px) - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
}

/* === Efika v152: Эфик-Фишка — обложка, название и точная мобильная рамка между шапкой и нижней панелью === */
.efika-rec-title-field small{
  display:block!important;
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.efika-rec-cover-row{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.efika-rec-cover-preview{
  margin:0!important;
  min-width:0!important;
}
.efika-rec-cover-preview img{
  display:block!important;
  width:112px!important;
  height:112px!important;
  object-fit:cover!important;
  border-radius:16px!important;
  border:1px solid rgba(143,211,255,.18)!important;
  background:rgba(255,255,255,.05)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
.efika-rec-cover-preview figcaption{
  display:block!important;
  margin-top:6px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.efika-rec-cover-actions{
  min-width:0!important;
}
@media (max-width:850px){
  #efika-rec-modal.efika-modal:not(.hidden){
    top:var(--efika-header-height,86px)!important;
    right:0!important;
    bottom:var(--efika-bottom-nav-height,48px)!important;
    left:0!important;
    inset:var(--efika-header-height,86px) 0 var(--efika-bottom-nav-height,48px) 0!important;
    height:auto!important;
    min-height:0!important;
    padding:0 10px!important;
    align-items:stretch!important;
    justify-content:center!important;
    overflow:hidden!important;
    z-index:2100!important;
  }
  #efika-rec-modal .efika-modal-backdrop{
    top:0!important;
    bottom:0!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    width:min(100%,560px)!important;
    height:100%!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:12px!important;
    border-radius:22px 22px 0 0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .efika-rec-cover-row{
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .efika-rec-cover-preview img{
    width:86px!important;
    height:86px!important;
    border-radius:14px!important;
  }
  .efika-rec-cover-preview figcaption{
    font-size:10px!important;
  }
}
@media (max-width:420px){
  #efika-rec-modal.efika-modal:not(.hidden){
    padding:0 6px!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    border-radius:18px 18px 0 0!important;
  }
  .efika-rec-cover-row{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
  .efika-rec-cover-preview img{
    width:78px!important;
    height:78px!important;
  }
}

/* === Efika v153: REC Blob fallback, search modal over Efik-Fishka, share services with icons === */
#track-search-modal.track-search-over-rec{
  z-index:2700!important;
}
#track-search-modal.track-search-over-rec .efika-modal-backdrop{
  background:rgba(2,6,8,.82)!important;
  backdrop-filter:blur(14px)!important;
}
@media (max-width:850px){
  #track-search-modal.track-search-over-rec.efika-modal:not(.hidden){
    inset:var(--efika-header-height,86px) 0 var(--efika-bottom-nav-height,48px) 0!important;
    height:calc(100dvh - var(--efika-header-height,86px) - var(--efika-bottom-nav-height,48px))!important;
    min-height:0!important;
    padding:8px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  #track-search-modal.track-search-over-rec .track-search-modal-card{
    width:min(100%,560px)!important;
    max-height:calc(100dvh - var(--efika-header-height,86px) - var(--efika-bottom-nav-height,48px) - 16px)!important;
    margin:0 auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}
.site-share-popover a.share-option,
.profile-share-actions .share-option,
.profile-share-actions button.share-option{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.site-share-popover a.share-option{
  justify-content:flex-start!important;
}
.profile-share-actions .share-option,
.profile-share-actions button.share-option{
  justify-content:center!important;
}
.share-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
}
.share-icon.telegram{background:#54a9eb!important;font-size:12px!important;}
.share-icon.facebook{background:#1877f2!important;}
.share-icon.viber{background:#7360f2!important;font-size:12px!important;}
.share-icon.whatsapp{background:#25d366!important;font-size:12px!important;}
.share-icon.x{background:#000!important;font-size:12px!important;}
.share-icon.tumblr{background:#36465d!important;}
.share-icon.blogger{background:#f57d00!important;}
.share-icon.copy{background:#aeb7c2!important;color:#1b2226!important;font-size:12px!important;}

/* Эфик-Фишка: отдельные блоки эффектов в админке */
.efika-rec-admin-form{margin-top:18px}
.efika-rec-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.efika-rec-settings-card{min-width:0}
.efika-rec-settings-card h2{text-transform:none}
.efika-rec-settings-note{margin:-4px 0 12px;line-height:1.45}
.efika-rec-setting-row .settings-copy small{line-height:1.38}
.efika-rec-presets-note{margin-top:18px}
@media (max-width:980px){.efika-rec-settings-grid{grid-template-columns:1fr}}

/* === Efika v157: desktop search in header === */
.topbar-search{
  display:flex;
  align-items:center;
  gap:8px;
  width:min(420px,34vw);
  margin:0 20px;
  padding:4px;
  border:1px solid rgba(143,211,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.topbar-search input{
  min-width:0;
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  padding:9px 6px 9px 14px;
  font:inherit;
}
.topbar-search input::placeholder{color:rgba(220,232,242,.48)}
.topbar-search button{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:rgba(143,211,255,.14);
  color:var(--accent);
  font-weight:900;
  cursor:pointer;
}
.topbar-search:focus-within{border-color:rgba(143,211,255,.45);background:rgba(143,211,255,.07)}
.topbar-search button:hover{filter:brightness(1.12)}
@media (max-width:980px){.topbar-search{display:none!important}}
.library-track-shell-deleted .library-track-card{opacity:.62;filter:saturate(.55)}
.library-track-rec-status.deleted{background:rgba(255,95,109,.15);color:#ffb1b8;border-color:rgba(255,95,109,.22)}

/* Efika REC voice preset and admin cover preview additions */
.efika-rec-voice-filter-box{margin-top:10px;padding:12px;border:1px solid rgba(255,209,102,.18);border-radius:16px;background:rgba(255,209,102,.055)}
.efika-rec-voice-filter-head{display:grid;gap:3px;margin-bottom:10px}.efika-rec-voice-filter-head b{color:#ffd166}.efika-rec-voice-filter-head small{color:var(--muted);line-height:1.35}
.efika-rec-voice-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.efika-rec-voice-preset{display:grid;gap:4px;text-align:left;border:1px solid rgba(143,211,255,.16);border-radius:14px;background:rgba(13,18,20,.55);color:var(--text);padding:10px;cursor:pointer}.efika-rec-voice-preset:hover,.efika-rec-voice-preset.active{border-color:rgba(255,209,102,.48);box-shadow:0 0 0 1px rgba(255,209,102,.09)}.efika-rec-voice-preset.applied{background:linear-gradient(135deg,rgba(255,209,102,.16),rgba(0,196,140,.08));border-color:rgba(0,196,140,.42)}.efika-rec-voice-preset b{font-size:13px}.efika-rec-voice-preset small{font-size:11px;line-height:1.3;color:var(--muted)}.efika-rec-voice-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.admin-rec-cover-edit-row{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start}.admin-rec-cover-edit-preview{margin:0;display:grid;gap:7px;text-align:center;color:var(--muted);font-size:12px}.admin-rec-cover-edit-preview img,.admin-rec-cover-edit-preview span{width:112px;height:112px;border-radius:20px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:38px;color:var(--muted)}.admin-rec-cover-edit-preview figcaption{line-height:1.3}
@media (max-width:760px){.efika-rec-voice-preset-grid{grid-template-columns:1fr}.admin-rec-cover-edit-row{grid-template-columns:1fr}.admin-rec-cover-edit-preview{justify-items:start}}
.efika-rec-settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.efika-rec-settings-tab{border:1px solid rgba(143,211,255,.18);border-radius:999px;background:rgba(255,255,255,.045);color:var(--muted);padding:8px 14px;font-weight:800;cursor:pointer}.efika-rec-settings-tab:hover{border-color:rgba(143,211,255,.34);color:var(--text)}.efika-rec-settings-tab.active{border-color:rgba(143,211,255,.58);background:linear-gradient(135deg,rgba(143,211,255,.18),rgba(0,196,140,.1));color:var(--text);box-shadow:0 0 0 1px rgba(143,211,255,.08)}

/* === Efika v159: безопасная ширина Эфик-Фишки, длинные имена файлов и комбинируемые голосовые пресеты === */
html,
body{
  max-width:100%!important;
  overflow-x:hidden!important;
}
#efika-rec-modal,
#efika-rec-modal *{
  max-width:100%;
  box-sizing:border-box;
}
.efika-rec-step .selected-file-name{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.efika-rec-voice-preset.active{
  background:linear-gradient(135deg,rgba(255,209,102,.18),rgba(143,211,255,.07))!important;
  border-color:rgba(255,209,102,.55)!important;
}
.efika-rec-voice-preset.applied{
  background:linear-gradient(135deg,rgba(0,196,140,.18),rgba(255,209,102,.08))!important;
  border-color:rgba(0,196,140,.50)!important;
}
.efika-rec-cover-preview figcaption:empty{
  display:none!important;
}
@media (max-width:850px){
  .page,
  .room-page,
  .container,
  main{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  #efika-rec-modal .efika-rec-modal-card{
    min-width:0!important;
    overflow-x:hidden!important;
  }
}

/* === Efika v160: Эфик-Фишки на главной/в комнате, комментарии в карточках и ПК-поиск === */
.efika-rec-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.efika-rec-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:start;text-align:left;border:1px solid rgba(255,209,102,.17);border-radius:22px;background:linear-gradient(145deg,rgba(255,209,102,.09),rgba(143,211,255,.055));color:var(--text);padding:12px;cursor:pointer;min-width:0;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:.16s ease}.efika-rec-card:hover{transform:translateY(-2px);border-color:rgba(255,209,102,.38);background:linear-gradient(145deg,rgba(255,209,102,.13),rgba(143,211,255,.08))}.efika-rec-card .track-thumb{width:74px;height:74px;border-radius:18px}.efika-rec-card-copy{display:grid;gap:5px;min-width:0}.efika-rec-card-copy strong{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.efika-rec-card-user,.efika-rec-card-comment,.efika-rec-card-stats{font-size:12px;line-height:1.35;color:var(--muted)}.efika-rec-card-comment{display:block;color:#dce8f2;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:6px 8px;overflow-wrap:anywhere}.efika-rec-card-stats{display:flex;gap:8px;flex-wrap:wrap;color:#ffd166;font-weight:800}.topbar-search{min-width:260px;max-width:460px}.topbar-search input{font-size:14px}@media (min-width:981px){.topbar-search{display:flex!important}.topbar .brand{flex:0 0 auto}.topbar .nav{flex:0 0 auto;margin-left:auto}}@media (max-width:850px){.efika-rec-cards-section .section-head p{display:none!important}.efika-rec-cards-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px;margin-inline:-18px;padding-inline:18px;-webkit-overflow-scrolling:touch}.efika-rec-card{flex:0 0 min(84vw,320px);scroll-snap-align:start}.efika-rec-card .track-thumb{width:70px;height:70px}}
.library-track-rec-comment{display:block;margin-top:6px;padding:7px 9px;border-radius:12px;background:rgba(255,255,255,.045);color:#dce8f2;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.library-track-card-rec .library-track-copy{min-width:0}

/* === Efika v161: header search button, proper REC cards and Android rotation toggle === */
.topbar-search{display:none!important}
.topbar-search-button{
  width:42px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  border:1px solid rgba(143,211,255,.18)!important;
  border-radius:15px!important;
  background:rgba(143,211,255,.075)!important;
  color:var(--text)!important;
  font-size:36px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
}
.topbar-search-button:hover,
.topbar-search-button:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(143,211,255,.44)!important;
  background:rgba(143,211,255,.14)!important;
  outline:none!important;
}
.topbar .nav{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important;min-width:0!important}

.efika-rec-cards-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.efika-rec-card{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  text-align:left!important;
  border-radius:22px!important;
  padding:10px!important;
  cursor:pointer!important;
  color:var(--text)!important;
  font:inherit!important;
  background:linear-gradient(145deg,rgba(32,40,44,.94),rgba(18,24,27,.92))!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.efika-rec-card:hover,
.efika-rec-card:focus-visible{
  transform:translateY(-2px)!important;
  outline:none!important;
  box-shadow:0 20px 54px rgba(0,0,0,.28)!important;
}
.efika-rec-card .track-thumb{
  width:68px!important;
  height:68px!important;
  border-radius:18px!important;
}
.efika-rec-card-copy,
.efika-rec-card .top-track-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
.efika-rec-card-copy strong,
.efika-rec-card .top-track-copy strong{
  font-size:16px!important;
  line-height:1.22!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.efika-rec-card-user,
.efika-rec-card-comment,
.efika-rec-card-stats{
  font-size:13px!important;
  line-height:1.25!important;
  min-width:0!important;
}
.efika-rec-card-user{
  color:var(--muted)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.efika-rec-card-comment{
  display:block!important;
  max-height:42px!important;
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#cfe9ff!important;
}
.efika-rec-card-stats{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  font-weight:900!important;
}
.top-efika-rec-section .efika-rec-card{
  border-color:rgba(255,209,102,.32)!important;
  background:linear-gradient(145deg,rgba(255,209,102,.14),rgba(18,24,27,.94) 54%,rgba(32,40,44,.9))!important;
}
.top-efika-rec-section .efika-rec-card:hover,
.top-efika-rec-section .efika-rec-card:focus-visible{
  border-color:rgba(255,209,102,.58)!important;
  box-shadow:0 22px 60px rgba(255,209,102,.08),0 20px 54px rgba(0,0,0,.28)!important;
}
.top-efika-rec-section .efika-rec-card-stats,
.top-efika-rec-section .efika-rec-inline-badge{color:#ffd166!important}
.latest-efika-rec-section .efika-rec-card{
  border-color:rgba(143,211,255,.30)!important;
  background:linear-gradient(145deg,rgba(143,211,255,.13),rgba(18,24,27,.94) 54%,rgba(32,40,44,.9))!important;
}
.latest-efika-rec-section .efika-rec-card:hover,
.latest-efika-rec-section .efika-rec-card:focus-visible{
  border-color:rgba(143,211,255,.56)!important;
  box-shadow:0 22px 60px rgba(143,211,255,.08),0 20px 54px rgba(0,0,0,.28)!important;
}
.latest-efika-rec-section .efika-rec-card-stats{color:#8fd3ff!important}
.latest-efika-rec-section .efika-rec-inline-badge{border-color:rgba(143,211,255,.34)!important;background:rgba(143,211,255,.14)!important;color:#8fd3ff!important}
@media (max-width:980px){
  .efika-rec-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:850px){
  .topbar-search-button{width:40px!important;height:40px!important;border-radius:14px!important;font-size:22px!important}
  .efika-rec-cards-section .section-head p{display:none!important}
  .efika-rec-cards-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:12px!important;
    scroll-snap-type:x mandatory!important;
    padding-bottom:8px!important;
    margin-inline:-18px!important;
    padding-inline:18px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .efika-rec-card{
    flex:0 0 min(82vw,340px)!important;
    scroll-snap-align:start!important;
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  .efika-rec-card .track-thumb{width:64px!important;height:64px!important}
}
@media (max-width:520px){
  .topbar .nav{gap:7px!important}
  .topbar-search-button{width:38px!important;height:38px!important}
}

/* === Efika v162: настройки комментариев и выравнивание REC-карточек === */
.efika-rec-card{
  align-items:stretch!important;
}
.efika-rec-card-media{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
  min-width:0!important;
}
.efika-rec-card-rec-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  max-width:100%!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(143,211,255,.35)!important;
  background:rgba(143,211,255,.13)!important;
  color:#8fd3ff!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}
.efika-rec-card-media .track-thumb{
  flex:0 0 auto!important;
}
.efika-rec-card-copy,
.efika-rec-card .top-track-copy{
  height:100%!important;
  align-self:stretch!important;
}
.efika-rec-card-copy strong,
.efika-rec-card .top-track-copy strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.efika-rec-card-user{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
.efika-rec-card-comment{
  overflow-wrap:anywhere!important;
}
.efika-rec-card-stats{
  margin-top:auto!important;
  padding-top:2px!important;
}
.top-efika-rec-section .efika-rec-card-rec-badge{
  border-color:rgba(255,209,102,.36)!important;
  background:rgba(255,209,102,.15)!important;
  color:#ffd166!important;
}
.latest-efika-rec-section .efika-rec-card-rec-badge{
  border-color:rgba(143,211,255,.35)!important;
  background:rgba(143,211,255,.13)!important;
  color:#8fd3ff!important;
}
@media (max-width:850px){
  .efika-rec-card-media{gap:5px!important}
  .efika-rec-card-rec-badge{font-size:10px!important;padding:2px 6px!important}
}


/* === Efika v187: комментарий Эфик-Фишки в модальном плеере без рамки и лишнего заголовка === */
.top-track-modal-comment{
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#dce8f2!important;
}
.top-track-modal-comment.hidden{display:none!important}
.top-track-modal-comment span{display:none!important}
.top-track-modal-comment p{
  margin:0!important;
  color:#dce8f2!important;
  font-size:14px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
.top-track-modal-comment.is-placeholder-comment p{
  color:#b9cad6!important;
}
@media (max-width:850px){
  #top-efika-rec,
  #latest-efika-rec{
    max-width:100%!important;
    overflow-x:clip!important;
  }
  .efika-rec-cards-grid{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:10px!important;
    scroll-padding-left:0!important;
  }
  .efika-rec-card:first-child{
    margin-left:0!important;
  }
}