/* Pagina contului (/cont/). Se încarcă după predica.css. */
.cont { padding: 24px 0 96px; background: var(--p-fundal); }
.cadru--cont { max-width: 720px; }
.cont__cap { margin: 28px 0 28px; }
.cont__titlu { margin: 0 0 14px; font-size: clamp(2.125rem, 4.6vw, 3rem); line-height: 1.08; letter-spacing: -0.015em; }
.cont__intro { margin: 0; font-family: var(--font-serif); font-size: clamp(1.0625rem, 1.7vw, 1.1875rem); line-height: 1.6; color: var(--p-text-2); }
.cont__mesaj { margin: 0 0 18px; padding: 12px 14px; font-family: var(--font-text); font-size: .9375rem; line-height: 1.5; color: var(--p-text); background: var(--p-fundal-2); border-left: 3px solid var(--p-linie-2); border-radius: 0 4px 4px 0; }
.cont__mesaj--bine { border-left-color: #2e7d32; }
.cont__mesaj--rau { border-left-color: var(--rosu); }
.cont__mesaj[hidden] { display: none; }
.cont__asteapta { font-family: var(--font-text); color: var(--p-text-3); }
.cont__file { display: flex; gap: 0; margin: 0 0 22px; border-bottom: 1px solid var(--p-linie); }
.cont__fila { padding: 12px 16px; font: 600 1rem/1.2 var(--font-text); color: var(--p-text-3); background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; }
.cont__fila[aria-selected="true"] { color: var(--p-text); border-bottom-color: var(--rosu); }
.cont__form { display: grid; gap: 16px; margin: 0 0 24px; }
.cont__form[hidden] { display: none; }
.cont__h2 { margin: 8px 0 0; font-size: 1.375rem; line-height: 1.2; }
.cont__camp { display: grid; gap: 6px; font-family: var(--font-text); }
.cont__camp > span { font-size: .8125rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--p-text-3); }
.cont__camp input { width: 100%; padding: 12px 12px; font: 1rem/1.3 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 4px; }
.cont__camp input:focus { outline: 2px solid var(--p-text); outline-offset: 1px; }
.cont__trimite { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 4px 0 0; }
.cont__trimite .buton { padding: 13px 22px; font-size: 1rem; }
.cont__trimite .buton[disabled] { opacity: .6; cursor: default; }
.cont__legatura { padding: 0; font: 600 .9375rem/1.3 var(--font-text); color: var(--p-text); background: none; border: 0; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--p-linie-2); cursor: pointer; }
.cont__legatura:hover { color: var(--rosu); text-decoration-color: var(--rosu); }
.cont__nota { margin: 0; font-family: var(--font-text); font-size: .9375rem; line-height: 1.5; color: var(--p-text-3); }
.cont__nota[hidden] { display: none; }
.cont__card { display: block; padding: 22px 24px; margin: 0 0 18px; background: var(--p-fundal); border: 1px solid var(--p-linie); border-radius: 6px; scroll-margin-top: 90px; }
.cont__card--accent { border-left: 3px solid var(--rosu); }
.cont__h3 { margin: 0 0 6px; font-size: 1.375rem; line-height: 1.2; }
.cont__card .cont__nota { margin: 0 0 16px; }
.cont__card .cont__form { margin-bottom: 0; }
.cont__salut { margin: 0 0 4px; font-family: var(--font-serif); font-size: 1.5rem; line-height: 1.2; color: var(--p-text); }
.cont__rand { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; margin: 0; font-family: var(--font-text); font-size: 1rem; color: var(--p-text); }
.cont__rand > span:first-child { font-size: .8125rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--p-text-3); padding-top: 3px; }
.cont__explicatie { margin: 2px 0 0; font-family: var(--font-text); font-size: .9375rem; line-height: 1.5; color: var(--p-text-2); }
.cont__explicatie:empty { display: none; }
.cont__actiuni { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 8px 0 0; }
.cont__actiuni .buton { padding: 11px 18px; font-size: .9375rem; }
.cont__actiuni .buton[hidden] { display: none; }
.cont__ajutor { margin: 36px 0 0; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.cont__ajutor a { color: var(--p-text); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) {
  .cont { padding-bottom: 72px; }
  .cont__rand { grid-template-columns: 1fr; gap: 2px; }
}

/* Auto-încadrarea: lista de categorii */
.cont__form--calificare { padding: 20px 22px; margin-bottom: 24px; border: 1px solid var(--p-linie); border-radius: 4px; }
.cont__optiuni { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; }
.cont__legenda { padding: 0; margin: 0 0 4px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--p-text-3); }
.cont__optiune { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 14px; font-family: var(--font-text); border: 1px solid var(--p-linie); border-radius: 4px; cursor: pointer; }
.cont__optiune:hover { border-color: var(--p-text); }
.cont__optiune input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--rosu); }
.cont__optiune strong { display: block; font-size: 1rem; font-weight: 600; color: var(--p-text); }
.cont__optiune small { display: block; margin-top: 2px; font-size: .875rem; color: var(--p-text-3); }
.cont__optiune:has(input:checked) { border-color: var(--rosu); background: #fdf5f5; }
.cont__legatura--mic { margin-left: 8px; font-size: .875rem; font-weight: 400; }
.cont__legatura--mic[hidden] { display: none; }
.cont__verificat { display: inline-block; margin-left: 8px; padding: 2px 8px; font-size: .75rem; color: #2e7d32; border: 1px solid #2e7d32; border-radius: 999px; vertical-align: 1px; }

/* Profilul: cap cu poză, nume, încadrare, descriere; navigație pe secțiuni */
.profil__cap { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 16px 24px; align-items: start; margin: 0 0 18px; padding: 22px 24px; background: var(--p-fundal-2); border-radius: 8px; }
.profil__avatar { position: relative; display: grid; place-items: center; width: 96px; height: 96px; padding: 0; background: none; border: 0; border-radius: 50%; cursor: pointer; }
.profil__avatar:focus-visible { outline: 2px solid var(--p-text); outline-offset: 3px; }
.profil__foto, .profil__monograma { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; background: var(--p-fundal); border: 1px solid var(--p-linie-2); }
.profil__foto[hidden], .profil__monograma[hidden] { display: none; }
.profil__monograma { display: grid; place-items: center; font-family: var(--font-serif); font-size: 2.125rem; font-weight: 600; color: var(--rosu); letter-spacing: .02em; }
.profil__avatar-semn { position: absolute; right: -2px; bottom: 2px; display: grid; place-items: center; width: 28px; height: 28px; font-size: .875rem; color: var(--p-text); background: #fff; border: 1px solid var(--p-linie-2); border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.profil__avatar:hover .profil__avatar-semn { color: var(--rosu); border-color: var(--rosu); }
.profil__cap-actiuni { display: grid; justify-items: end; align-content: start; gap: 8px; margin: 0; }
.profil__cap-actiuni .buton { padding: 10px 16px; font-size: .9rem; white-space: nowrap; }
.profil__cap-actiuni .cont__legatura--mic { margin: 0; }
.profil__foto-actiuni { display: grid; gap: 2px; text-align: center; }
.profil__foto-actiuni .cont__legatura { margin: 0; }
.profil__identitate { min-width: 0; }
.profil__nume { margin: 0 0 6px; font-size: clamp(1.625rem, 3.4vw, 2.125rem); line-height: 1.1; letter-spacing: -0.015em; }
.profil__rol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 10px; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-2); }
.profil__rol .cont__verificat { margin-left: 0; }
.profil__descriere { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 10px; font-family: var(--font-serif); font-size: 1.0625rem; line-height: 1.55; color: var(--p-text-2); white-space: pre-line; }
.profil__descriere[hidden] { display: none; }
.profil__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.profil__meta span[hidden] { display: none; }
.profil__explicatie { margin: 0 0 8px; font-family: var(--font-text); font-size: .9375rem; line-height: 1.5; color: var(--p-text-2); }
.profil__explicatie:empty { display: none; }
.profil__cap .cont__actiuni { margin-top: 10px; }
.profil__nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; font-family: var(--font-text); font-size: .9375rem; }
.profil__nav a { padding: 7px 13px; color: var(--p-text); text-decoration: none; border: 1px solid var(--p-linie); border-radius: 999px; }
.profil__nav a:hover { border-color: var(--p-text); }
.cont__camp textarea { width: 100%; padding: 12px; font: 1rem/1.5 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 4px; resize: vertical; }
.cont__camp textarea:focus { outline: 2px solid var(--p-text); outline-offset: 1px; }
.cont__camp > span small { margin-left: 6px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.cont__bifa { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-2); cursor: pointer; }
.cont__bifa input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--rosu); }
.cont__comutator { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; margin: 0 0 10px; font-family: var(--font-text); font-size: 1rem; color: var(--p-text); cursor: pointer; }
.cont__comutator input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cont__comutator-pista { position: relative; width: 44px; height: 26px; background: var(--p-linie-2); border-radius: 999px; transition: background .15s; }
.cont__comutator-pista::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .15s; }
.cont__comutator input:checked + .cont__comutator-pista { background: var(--rosu); }
.cont__comutator input:checked + .cont__comutator-pista::after { transform: translateX(18px); }
.cont__comutator input:focus-visible + .cont__comutator-pista { outline: 2px solid var(--p-text); outline-offset: 2px; }
@media (max-width: 760px) {
  .profil__cap { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 20px 16px; gap: 12px; }
  .profil__rol, .profil__meta, .profil__cap .cont__actiuni { justify-content: center; }
  .profil__cap-actiuni { grid-auto-flow: column; justify-items: center; align-items: center; gap: 16px; }
  .cont__card { padding: 18px 16px; }
}

/* Panoul de bord: file (o secțiune vizibilă odată), subfile pentru mesaje, plăci de acces rapid pe „Acasă” */
.panou__file { display: flex; gap: 2px; margin: 0 0 20px; border-bottom: 1px solid var(--p-linie); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.panou__file::-webkit-scrollbar { display: none; }
.panou__fila { flex: 0 0 auto; padding: 12px 16px; font: 600 .9375rem/1.2 var(--font-text); color: var(--p-text-3); background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; cursor: pointer; }
.panou__fila:hover { color: var(--p-text); }
.panou__fila:focus-visible { outline: 2px solid var(--p-text); outline-offset: -2px; }
.panou__fila[aria-selected="true"] { color: var(--p-text); border-bottom-color: var(--rosu); }
.panou { scroll-margin-top: 90px; }
.panou > .cont__card:last-child { margin-bottom: 0; }
.placi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.placa { display: grid; align-content: start; gap: 6px; width: 100%; margin: 0; padding: 18px 18px 16px; text-align: left; font-family: var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie); border-radius: 8px; text-decoration: none; cursor: pointer; appearance: none; transition: border-color .15s; }
.placa:hover { border-color: var(--p-text); }
.placa:focus-visible { outline: 2px solid var(--p-text); outline-offset: 2px; }
.placa__titlu { font-size: 1.0625rem; font-weight: 600; line-height: 1.25; }
.placa__text { font-size: .9rem; line-height: 1.45; color: var(--p-text-3); }
.placa__actiune { margin-top: 4px; font-size: .875rem; font-weight: 600; color: var(--rosu); }
.placa--sugestie { background: #fdf8f3; border-color: #f0e2d2; }
.placa--sugestie:hover { border-color: #c9a27a; }
.subfile { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.subfila { padding: 8px 14px; font: 600 .9rem/1.2 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie); border-radius: 999px; cursor: pointer; }
.subfila:hover { border-color: var(--p-text); }
.subfila:focus-visible { outline: 2px solid var(--p-text); outline-offset: 2px; }
.subfila[aria-selected="true"] { color: #fff; background: var(--p-text); border-color: var(--p-text); }
.poza { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; align-items: center; }
.poza__foto, .poza__monograma { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: var(--p-fundal-2); border: 1px solid var(--p-linie-2); }
.poza__monograma { display: grid; place-items: center; font-family: var(--font-serif); font-size: 1.625rem; font-weight: 600; color: var(--rosu); }
.poza__actiuni { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.poza__actiuni .buton { padding: 10px 16px; font-size: .9375rem; }
.poza__actiuni .cont__nota { flex-basis: 100%; margin: 0; }
.cont__rand-simplu { margin: 0 0 6px; font-family: var(--font-text); font-size: 1rem; color: var(--p-text); }
.cont__rand-simplu .cont__verificat { margin-left: 8px; }
@media (max-width: 760px) {
  .panou__file { position: sticky; top: var(--antet-h, 69px); z-index: 2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0 -16px 18px; padding: 0 12px; background: var(--p-fundal); overflow: visible; }
  .panou__fila { padding: 12px 2px; font-size: .8125rem; text-align: center; overflow: hidden; text-overflow: ellipsis; }
  .placi { grid-template-columns: 1fr; gap: 10px; }
  .poza { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .poza__actiuni { justify-content: center; }
}

.cont__camp select { width: 100%; padding: 12px 36px 12px 12px; font: 1rem/1.3 var(--font-text); color: var(--p-text); background: var(--p-fundal) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.6'/></svg>") no-repeat right 12px center; border: 1px solid var(--p-linie-2); border-radius: 4px; appearance: none; }
.cont__camp select:focus { outline: 2px solid var(--p-text); outline-offset: 1px; }
.cont__card--sugestie { background: #fdf8f3; border-color: #f0e2d2; }

/* Încadrarea: plăci de ales cu pictogramă, bifă și câmp de detalii care se adaptează la alegere */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.incadrare { padding: 26px 28px 24px; box-shadow: 0 14px 34px -24px rgba(0,0,0,.25); }
.incadrare__cap { margin: 0 0 18px; }
.incadrare__eticheta { margin: 0 0 6px; font-family: var(--font-text); font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--rosu); }
.incadrare .cont__h3 { margin-bottom: 8px; font-size: 1.625rem; }
.incadrare .cont__nota { margin: 0; max-width: 56ch; }
.incadrare__optiuni { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; border: 0; min-width: 0; }
.incadrare__optiune { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr) 22px; gap: 12px; align-items: center; min-height: 76px; padding: 12px 14px; background: var(--p-fundal); border: 1.5px solid var(--p-linie); border-radius: 12px; cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .15s, background .15s; }
.incadrare__optiune:hover { border-color: var(--p-text); transform: translateY(-1px); box-shadow: 0 6px 18px -10px rgba(0,0,0,.25); }
.incadrare__optiune input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.incadrare__optiune:has(input:focus-visible) { outline: 3px solid var(--rosu); outline-offset: 2px; }
.incadrare__icon { display: grid; place-items: center; width: 42px; height: 42px; color: var(--rosu); background: #fdf1f1; border-radius: 11px; transition: background .15s, color .15s; }
.incadrare__icon svg { width: 22px; height: 22px; }
.incadrare__text { min-width: 0; font-family: var(--font-text); }
.incadrare__text strong { display: block; font-size: 1rem; font-weight: 600; line-height: 1.25; color: var(--p-text); }
.incadrare__text small { display: block; margin-top: 3px; font-size: .84rem; line-height: 1.35; color: var(--p-text-3); }
.incadrare__bifa { display: grid; place-items: center; width: 22px; height: 22px; color: transparent; border: 1.5px solid var(--p-linie-2); border-radius: 50%; transition: background .15s, border-color .15s, color .15s; }
.incadrare__bifa svg { width: 12px; height: 12px; }
.incadrare__optiune--aleasa, .incadrare__optiune:has(input:checked) { border-color: var(--rosu); background: #fff8f8; box-shadow: 0 0 0 3px rgba(228,0,8,.10); }
.incadrare__optiune--aleasa .incadrare__icon, .incadrare__optiune:has(input:checked) .incadrare__icon { color: #fff; background: var(--rosu); }
.incadrare__optiune--aleasa .incadrare__bifa, .incadrare__optiune:has(input:checked) .incadrare__bifa { color: #fff; background: var(--rosu); border-color: var(--rosu); }
.incadrare__detalii { margin-top: 16px; padding-top: 16px; border-top: 1px dashed var(--p-linie-2); }
.incadrare__trimite { margin-top: 18px; }
.incadrare__nota { flex-basis: 100%; font-family: var(--font-text); font-size: .875rem; color: var(--p-text-3); }
@media (max-width: 640px) {
  .incadrare { padding: 20px 16px; }
  .incadrare__optiuni { grid-template-columns: 1fr; gap: 8px; }
  .incadrare__optiune { min-height: 0; }
}

/* ===== Citire: planul de citire a Bibliei din cont (16 oct 2026) ===== */
.placa--citire { background: #f6f8f4; border-color: #dfe6d9; }
.placa--citire:hover { border-color: #7f9a6e; }
.citire-cont__progres { display: grid; gap: 8px; margin: 4px 0 18px; }
.citire-cont__bara { height: 8px; overflow: hidden; background: var(--p-fundal-2); border-radius: 999px; }
.citire-cont__bara span { display: block; height: 100%; width: 0; background: var(--rosu); border-radius: 999px; transition: width .4s ease; }
.citire-cont__cifre { margin: 0; font-size: .9rem; color: var(--p-text-3); }
.citire-cont__cifre strong { color: var(--p-text); font-weight: 600; }
.citire-cont__h4 { margin: 0 0 8px; font: 600 .6875rem/1 var(--font-text); letter-spacing: .12em; text-transform: uppercase; color: var(--p-text-3); }
.citire-cont__azi { margin: 0 0 12px; padding: 0; list-style: none; display: grid; gap: 6px; }
.citire-cont__azi li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--p-linie); border-radius: 10px; }
.citire-cont__azi li.este-citit { background: #f4f8f1; border-color: #d6e3cc; }
.citire-cont__bifa { display: grid; place-items: center; width: 26px; height: 26px; padding: 0; color: transparent; background: var(--p-fundal); border: 1.5px solid var(--p-linie-2); border-radius: 50%; cursor: pointer; flex: 0 0 auto; }
.citire-cont__bifa svg { width: 14px; height: 14px; }
.citire-cont__bifa[aria-pressed="true"] { color: #fff; background: #2f7d4b; border-color: #2f7d4b; }
.citire-cont__azi a { flex: 1 1 auto; font-family: var(--font-serif); font-size: 1.0625rem; color: var(--p-text); text-decoration: none; }
.citire-cont__azi a:hover { color: var(--rosu); }
.citire-cont__azi small { color: var(--p-text-3); }
.citire-cont__gata { margin: 0 0 12px; padding: 10px 12px; font-size: .9375rem; color: #1f5a33; background: #eaf4e5; border-radius: 10px; }
.citire-cont__actiuni { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; }
.citire-cont__planuri { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.citire-cont__plan { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; padding: 14px 16px; text-align: left; font-family: var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 12px; cursor: pointer; transition: border-color .15s ease; }
.citire-cont__plan:hover { border-color: var(--p-text); }
.citire-cont__plan strong { display: block; font-size: 1rem; }
.citire-cont__plan small { display: block; margin-top: 2px; font-size: .875rem; line-height: 1.4; color: var(--p-text-3); }
.citire-cont__plan .citire-cont__porneste { flex: 0 0 auto; font-size: .875rem; font-weight: 600; color: var(--rosu); }
.citire-cont__plan.este-activ { border-color: var(--rosu); }
@media (max-width: 760px) {
  .panou__file { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .panou__fila { font-size: .75rem; padding: 12px 1px; }
}

/* ===== Momente (panoul de manager) ===== */
.panou__fila[hidden] { display: none; }
.mom__cauta { margin: 14px 0 6px; }
.mom__predici { margin: 0 0 10px; padding: 0; list-style: none; border: 1px solid var(--p-linie-2); border-radius: 10px; overflow: hidden; }
.mom__predici[hidden] { display: none; }
.mom__predici button { display: flex; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 12px; font: 1rem/1.3 var(--font-text); color: var(--p-text); text-align: left; background: none; border: 0; border-top: 1px solid var(--p-linie); cursor: pointer; }
.mom__predici li:first-child button { border-top: 0; }
.mom__predici button:hover { background: var(--p-fundal-2); }
.mom__predici small { flex: 0 0 auto; color: var(--p-text-3); }
.mom__predica[hidden] { display: none; }
.mom__cap { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin: 14px 0 8px; font-family: var(--font-text); }
.mom__cap strong { font-family: var(--font-serif); font-size: 1.25rem; }
.mom__cap span { color: var(--p-text-3); font-size: .9375rem; }
.mom__cap a { font-size: .875rem; font-weight: 600; color: var(--rosu); text-decoration: none; }
.mom__h4 { margin: 22px 0 8px; font: 600 .75rem/1 var(--font-text); letter-spacing: .12em; text-transform: uppercase; color: var(--p-text-3); }
.mom__nr { display: inline-grid; place-items: center; min-width: 22px; height: 22px; margin-left: 6px; padding: 0 6px; font-size: .75rem; color: #fff; background: var(--rosu); border-radius: 999px; letter-spacing: 0; }
.mom__grup h5 { margin: 10px 0 4px; font: 600 .9375rem/1.3 var(--font-text); color: var(--p-text); }
.mom__grup[hidden] { display: none; }
.mom__lista { margin: 0; padding: 0; list-style: none; }
.mom__lista li, .mom__alese li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 4px 10px; align-items: start; padding: 10px 0; border-top: 1px solid var(--p-linie); font-family: var(--font-text); }
.mom__lista li:first-child { border-top: 0; }
.mom__lista input[type="checkbox"] { width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--rosu); }
.mom__rand { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.mom__rand input[type="text"] { flex: 1 1 260px; min-width: 0; padding: 7px 10px; font: 1rem/1.3 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; }
.mom__rand input[type="text"]:focus { outline: 2px solid var(--p-text); outline-offset: 1px; }
.mom__timp { font-size: .8125rem; color: var(--p-text-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.mom__timp b { color: var(--p-text); font-weight: 600; }
.mom__versete { font-size: .8125rem; color: var(--p-text-2); }
.mom__versete input { width: 100%; max-width: 360px; padding: 5px 8px; font: .875rem/1.3 var(--font-text); border: 1px solid var(--p-linie); border-radius: 6px; background: var(--p-fundal); color: var(--p-text); }
.mom__dovezi { font-size: .75rem; color: var(--p-text-3); }
.mom__vezi { padding: 0; font: 600 .8125rem/1.3 var(--font-text); color: var(--rosu); background: none; border: 0; cursor: pointer; }
.mom__preview { grid-column: 1 / -1; aspect-ratio: 16 / 9; max-width: 480px; margin-top: 6px; border-radius: 8px; overflow: hidden; background: #000; }
.mom__preview iframe { width: 100%; height: 100%; border: 0; }
.mom__transcriere { max-height: 280px; overflow: auto; padding: 8px 10px; font-family: var(--font-serif); font-size: 1rem; line-height: 1.6; background: var(--p-fundal-2); border-radius: 10px; }
.mom__transcriere button { display: inline; padding: 1px 3px; margin: 0; font: inherit; color: var(--p-text); background: none; border: 0; border-radius: 3px; cursor: pointer; }
.mom__transcriere button:hover { background: #fff; }
.mom__transcriere button small { font: .6875rem/1 var(--font-text); color: var(--p-text-3); margin-right: 3px; }
.mom__transcriere button.este-start, .mom__transcriere button.este-in { background: #fde2e2; }
.mom__transcriere button.este-end { background: #f9c3c3; }
.mom__liber { margin-top: 10px; padding: 12px 14px; border: 1px solid var(--p-linie-2); border-radius: 10px; display: grid; gap: 10px; }
.mom__liber[hidden] { display: none; }
.mom__alese { margin: 0; padding: 0; list-style: none; }
.mom__alese li { grid-template-columns: minmax(0, 1fr) auto; }
.mom__alese .mom__optiuni { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .8125rem; color: var(--p-text-2); }
.mom__alese .mom__optiuni label { display: inline-flex; align-items: center; gap: 5px; }
.mom__scoate { padding: 0; font: 600 .8125rem/1.3 var(--font-text); color: var(--p-text-3); background: none; border: 0; cursor: pointer; }
.mom__scoate:hover { color: var(--rosu); }
.mom__clipuri { margin: 0; padding: 0; list-style: none; }
.mom__clipuri li { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 4px 12px; padding: 12px 0; border-top: 1px solid var(--p-linie); font-family: var(--font-text); }
.mom__clipuri li:first-child { border-top: 0; }
.mom__poster { width: 54px; aspect-ratio: 9 / 16; border-radius: 6px; background: var(--p-fundal-2); object-fit: cover; }
.mom__clip-titlu { font-size: 1rem; font-weight: 600; color: var(--p-text); }
.mom__clip-meta { font-size: .8125rem; color: var(--p-text-3); }
.mom__stare { display: inline-block; padding: 2px 8px; font-size: .6875rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px; background: var(--p-fundal-2); color: var(--p-text-2); }
.mom__stare--publicat { background: #e3f3e8; color: #1f7a45; }
.mom__stare--gata { background: #fde2e2; color: var(--rosu); }
.mom__stare--eroare { background: #111; color: #fff; }
.mom__clip-actiuni { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; }
.mom__clip-actiuni button, .mom__clip-actiuni a { padding: 0; font: 600 .8125rem/1.3 var(--font-text); color: var(--p-text); background: none; border: 0; cursor: pointer; text-decoration: none; border-bottom: 1px solid var(--p-linie-2); }
.mom__clip-actiuni button:hover, .mom__clip-actiuni a:hover { color: var(--rosu); border-color: var(--rosu); }
.mom__clip-actiuni .este-rosu { color: var(--rosu); }
.mom__clip-eroare { grid-column: 2; font-size: .8125rem; color: var(--rosu); }
@media (max-width: 760px) { .mom__transcriere { max-height: 220px; font-size: .9375rem; } .mom__preview { max-width: none; } }

/* ===== Momente: secvențe editabile + demo live ===== */
.mom__alese li.este-armat { background: #fff7f7; outline: 2px solid var(--rosu); outline-offset: 6px; border-radius: 6px; }
.mom__moment { display: grid; gap: 8px; }
.mom__secvente { display: grid; gap: 6px; margin: 0; padding: 0 0 0 18px; }
.mom__secvente li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-family: var(--font-text); font-size: .875rem; }
.mom__t { display: inline-flex; align-items: stretch; border: 1px solid var(--p-linie-2); border-radius: 8px; overflow: hidden; }
.mom__t input { width: 72px; padding: 5px 6px; font: .9375rem/1.3 var(--font-text); text-align: center; color: var(--p-text); background: var(--p-fundal); border: 0; font-variant-numeric: tabular-nums; }
.mom__t input:focus { outline: 2px solid var(--p-text); outline-offset: -2px; }
.mom__pas { padding: 0 8px; font: 600 .75rem/1 var(--font-text); color: var(--p-text-2); background: var(--p-fundal-2); border: 0; cursor: pointer; }
.mom__pas:hover { color: #fff; background: var(--rosu); }
.mom__pana { color: var(--p-text-3); }
.mom__dur { min-width: 64px; color: var(--p-text-3); font-variant-numeric: tabular-nums; }
.mom__mic { padding: 2px 6px; font: 600 .8125rem/1 var(--font-text); color: var(--p-text-3); background: none; border: 1px solid var(--p-linie); border-radius: 6px; cursor: pointer; }
.mom__mic:hover { color: var(--rosu); border-color: var(--rosu); }
.mom__vezi--demo { color: #fff; background: var(--rosu); padding: 6px 12px; border-radius: 999px; }
.mom__vezi--demo:hover { background: var(--rosu-hover, #c20007); }
.demo { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 18px; align-items: start; margin: 0 0 16px; padding: 14px; background: var(--p-fundal-2); border-radius: 14px; }
.demo[hidden] { display: none; }
.demo__ecran { position: relative; width: 270px; height: 480px; overflow: hidden; color: #fff; background: #141414; border-radius: 14px; font-family: var(--font-text); }
.demo__sus { position: absolute; top: 0; left: 0; right: 0; height: 140px; display: grid; justify-items: center; align-content: start; gap: 4px; padding: 22px 16px 0; text-align: center; background: linear-gradient(#1b1b1b, #111); }
.demo__logo { display: inline-grid; place-items: center; width: 22px; height: 22px; }
.demo__logo svg { width: 22px; height: 22px; }
.demo__logo--mare, .demo__logo--mare svg { width: 36px; height: 36px; }
.demo__meta { font-size: 8px; opacity: .75; }
.demo__titlu { font-size: 14px; line-height: 1.2; font-weight: 700; }
.demo__banda { position: absolute; top: 140px; left: 0; width: 270px; height: 152px; overflow: hidden; background: #000; }
/* videoul YouTube se randează la 1280×720 (calitate bună, iar bara lui de titlu și butoanele rămân mici) și se scalează la cadrul machetei: interfața lui cade în afara decupajului, se vede doar imaginea reală */
.demo__video { position: absolute; left: 0; top: 0; width: 1280px; height: 720px; transform: scale(.2109375); transform-origin: 0 0; }   /* tot cadrul: clipul real apropie cel mult 1,3× și doar cât să nu taie capul (momente-taie.py: cadraj_segment) */
.demo__video iframe { width: 1280px; height: 720px; border: 0; pointer-events: none; }
.demo__sub { position: absolute; left: 14px; right: 14px; bottom: 76px; min-height: 44px; font-size: 13px; line-height: 1.25; font-weight: 700; text-align: center; text-shadow: 0 1px 2px #000; }
.demo__brand { position: absolute; left: 50%; bottom: 26px; width: 150px; height: auto; transform: translateX(-50%); opacity: .95; }   /* logoul complet, ca pe clip (600 px din 1080) */
.demo__final { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 6px; background: #141414; text-align: center; }
.demo__final[hidden] { display: none; }
.demo__final small { font: 700 13.5px/1.25 var(--font-text); color: #fff; opacity: 1; max-width: 240px; }   /* textul de final: aldin, editabil din panou */
.demo__final-logo { width: 220px; height: auto; margin-top: 4px; }   /* logoul complet, centrat (880 px din 1080) */
.demo__info { display: grid; gap: 8px; font-family: var(--font-text); }
.demo__stare { margin: 0; font-size: .875rem; color: var(--p-text-2); }
.demo__segmente { margin: 0; padding: 0 0 0 18px; font-size: .875rem; color: var(--p-text-2); }
.demo__segmente li { padding: 2px 4px; cursor: pointer; border-radius: 4px; }
.demo__segmente li.este-activ { color: var(--rosu); font-weight: 600; }
@media (max-width: 760px) { .demo { grid-template-columns: 1fr; justify-items: center; } .mom__t input { width: 64px; } }

/* demo: bara de derulare fină pe toată cronologia story-ului */
.demo__bara { display: grid; gap: 6px; }
.demo__bara input[type="range"] { width: 100%; margin: 0; accent-color: var(--rosu); cursor: pointer; }
.demo__timpi { display: flex; justify-content: space-between; font: .8125rem/1 var(--font-text); color: var(--p-text-3); font-variant-numeric: tabular-nums; }
.demo__timpi span:first-child { font-weight: 600; color: var(--p-text); }
.demo__pasi { display: flex; gap: 6px; }
.demo__pasi button { flex: 1 1 0; padding: 7px 0; font: 600 .8125rem/1 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; cursor: pointer; }
.demo__pasi button:hover { color: var(--rosu); border-color: var(--rosu); }

/* istoric + editarea unui clip existent */
.mom__filtru { display: inline-flex; margin: 0 0 10px; border: 1px solid var(--p-linie-2); border-radius: 999px; overflow: hidden; }
.mom__filtru[hidden] { display: none; }
.mom__filtru button { padding: 7px 14px; font: 600 .8125rem/1 var(--font-text); color: var(--p-text-2); background: none; border: 0; cursor: pointer; }
.mom__filtru button[aria-pressed="true"] { color: #fff; background: var(--p-text); }
.mom__clip-edit { display: grid; gap: 8px; margin-top: 10px; padding: 12px; background: var(--p-fundal-2); border-radius: 10px; }
.mom__clip-edit[hidden] { display: none; }
.mom__clip-edit input { width: 100%; padding: 8px 10px; font: .9375rem/1.3 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; }
.mom__clip-edit-rand { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.mom__clip-edit-rand .buton { padding: 8px 16px; font-size: .875rem; }

/* ===== Momente v5: ecran mare (predica întreagă + story vertical), top 5, plăci pentru clipuri ===== */
.studio { display: grid; grid-template-columns: minmax(0, 1fr) 270px; grid-template-rows: auto auto auto 1fr; column-gap: 22px; align-items: start; margin: 12px 0 8px; }
.studio__ecran { position: relative; grid-column: 1; aspect-ratio: 16 / 9; overflow: hidden; background: #0d0d0d; border-radius: 12px; }
.studio__ecran iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.studio__gol { position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255, 255, 255, .6); font: .9375rem/1.3 var(--font-text); }
.studio__linie { position: relative; grid-column: 1; height: 34px; margin-top: 10px; overflow: hidden; background: var(--p-fundal-2); border-radius: 8px; cursor: pointer; }
.studio__semn { position: absolute; top: 24px; height: 8px; min-width: 4px; padding: 0; overflow: hidden; font: 600 .6875rem/18px var(--font-text); color: #fff; background: #b8b8b8; border: 0; border-radius: 2px; cursor: pointer; }
.studio__semn--top { top: 3px; height: 18px; min-width: 18px; background: var(--rosu); }
.studio__semn.este-aleasa { background: var(--p-text); }
.studio__semn.este-activ { z-index: 2; outline: 2px solid var(--p-text); outline-offset: 1px; }
.studio__cap { position: absolute; top: 0; bottom: 0; left: 0; z-index: 3; width: 2px; background: var(--p-text); pointer-events: none; }
.studio__timp { display: flex; grid-column: 1; justify-content: space-between; gap: 12px; margin-top: 5px; font: .75rem/1.2 var(--font-text); color: var(--p-text-3); font-variant-numeric: tabular-nums; }
.studio__legenda i { display: inline-block; width: 10px; height: 6px; margin: 0 4px 0 10px; border-radius: 2px; }
.studio__legenda .l-top { background: var(--rosu); } .studio__legenda .l-alt { background: #b8b8b8; } .studio__legenda .l-ales { background: var(--p-text); }
.studio__info { grid-column: 1; margin-top: 14px; }
.studio__info[hidden] { display: none; }
.studio__vertical { grid-column: 2; grid-row: 1 / span 4; }
.studio .demo { display: block; margin: 0; padding: 0; background: none; }
.demo__gol { position: absolute; inset: 0; display: grid; place-items: center; padding: 28px; color: rgba(255, 255, 255, .65); font: .875rem/1.4 var(--font-text); text-align: center; background: #141414; }
.demo__gol[hidden] { display: none; }
.demo__info { display: grid; gap: 10px; }
.demo__nume { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; }
.demo__nume strong { font-family: var(--font-serif); font-size: 1.125rem; }
.demo__nume .buton { padding: 7px 14px; font-size: .8125rem; }
@media (max-width: 1099px) {
  .studio { grid-template-columns: 1fr; }
  .studio__vertical { grid-column: 1; grid-row: auto; order: 4; justify-self: center; margin-top: 16px; }
  .studio__info { order: 5; }
}

.mom__h4 .mom__vezi { margin-left: 12px; letter-spacing: 0; text-transform: none; }
.mc { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.mc--top { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mc--mic { grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)); }
.mc__card { display: grid; grid-template-rows: minmax(0, 1fr) auto; overflow: hidden; background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 12px; }
.mc__card.este-activ { border-color: var(--rosu); outline: 2px solid var(--rosu); outline-offset: -1px; }
.mc__corp { position: relative; display: flex; flex-direction: column; gap: 8px; min-height: 170px; padding: 12px 12px 30px; font: inherit; text-align: left; color: var(--p-text); background: none; border: 0; cursor: pointer; }
.mc--top .mc__corp { min-height: 230px; }
.mc__corp:hover { background: var(--p-fundal-2); }
.mc__sus { display: flex; gap: 8px; align-items: baseline; font: 600 .6875rem/1.2 var(--font-text); letter-spacing: .08em; text-transform: uppercase; color: var(--rosu); }
.mc__sus b { color: var(--p-text); }
.mc__sus i { font-style: normal; }
.mc__titlu { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; font-family: var(--font-serif); font-size: 1.0625rem; font-weight: 600; line-height: 1.25; }
.mc--mic .mc__titlu { -webkit-line-clamp: 4; font-size: .9375rem; }
.mc__motiv { font: .75rem/1.35 var(--font-text); color: var(--p-text-3); }
.mc__jos { position: absolute; left: 12px; bottom: 10px; font: .8125rem/1 var(--font-text); color: var(--p-text-2); font-variant-numeric: tabular-nums; }
.mc__play { position: absolute; right: 12px; bottom: 10px; font-size: .75rem; line-height: 1; color: var(--rosu); }
.mc__alege { padding: 10px; font: 600 .8125rem/1 var(--font-text); color: var(--rosu); background: var(--p-fundal); border: 0; border-top: 1px solid var(--p-linie); cursor: pointer; }
.mc__alege:hover { background: var(--p-fundal-2); }
.mc__card.este-aleasa .mc__alege { color: #fff; background: var(--p-text); }
@media (max-width: 1099px) {
  .mc--top { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(190px, 34%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; }
  .mc--top .mc__card { scroll-snap-align: start; }
}
.mom__cos { position: sticky; bottom: calc(var(--bara-app, 0px) + env(safe-area-inset-bottom) + 12px); z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0 6px; padding: 8px 8px 8px 16px; font: .875rem/1.2 var(--font-text); color: #fff; background: #141414; border-radius: 999px; }
.mom__cos[hidden] { display: none; }
.mom__cos button { padding: 8px 14px; font: 600 .8125rem/1 var(--font-text); color: #fff; background: var(--rosu); border: 0; border-radius: 999px; cursor: pointer; }
.mom__det { margin: 18px 0 0; }
.mom__det summary { cursor: pointer; font: 600 .9375rem/1.3 var(--font-text); color: var(--p-text-2); }
.mom__det[open] summary { margin-bottom: 8px; }

/* clipurile generate: plăci verticale */
.mom__clipuri { display: grid; grid-template-columns: repeat(auto-fill, minmax(172px, 1fr)); gap: 22px 16px; }
.mom__clipuri li.mt { display: flex; flex-direction: column; gap: 10px; padding: 0; border: 0; }
.mom__clipuri li.mt--edit { grid-column: 1 / -1; display: grid; grid-template-columns: 172px minmax(0, 1fr); gap: 4px 18px; align-items: start; }
.mt__pre { position: relative; aspect-ratio: 9 / 16; overflow: hidden; background: #141414; border-radius: 12px; }
.mt__pre img, .mt__pre video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; }
.mt__play { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px; padding: 0 0 0 4px; font-size: 1.125rem; color: #fff; background: rgba(0, 0, 0, .5); border: 1.5px solid rgba(255, 255, 255, .8); border-radius: 50%; cursor: pointer; }
.mt__stare { position: absolute; top: 8px; left: 8px; z-index: 2; }
.mt__lucru { position: absolute; left: 18%; right: 18%; top: 50%; height: 3px; overflow: hidden; background: rgba(255, 255, 255, .18); border-radius: 2px; }
.mt__lucru::after { content: ''; position: absolute; inset: 0 auto 0 -40%; width: 40%; background: var(--rosu); animation: mt-trece 1.4s ease-in-out infinite; }
@keyframes mt-trece { to { left: 100%; } }
.mt__corp { display: grid; gap: 3px; min-width: 0; }
.mt__versete { color: var(--p-text-2); }
.mom__clipuri li.mt .mom__clip-eroare { grid-column: auto; }
@media (max-width: 760px) { .mom__clipuri { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; } .mom__clipuri li.mt--edit { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .mt__lucru::after { animation: none; left: 30%; } }

/* pe ecran lat, panoul Momente iese din coloana îngustă a contului: ecranul mare și cartonașele au loc */
@media (min-width: 1100px) { [data-panou-continut="momente"] { position: relative; left: 50%; width: min(1960px, calc(100vw - 48px)); margin-left: calc(min(1960px, calc(100vw - 48px)) / -2); } }   /* editorul Stories pe toată lățimea ecranului (fără transform, ca telefonul plutitor să poată fi „fixed”) */
.mom__filtru { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.mom__filtru button { white-space: nowrap; }

/* ===== Momente v6: profil (platformă × public × durată), nota și observațiile pe cartonaș, judecătorul, text de postare ===== */
.prof { display: grid; grid-template-columns: repeat(2, minmax(0, 220px)) minmax(0, 1fr); gap: 12px 18px; align-items: end; margin: 14px 0 4px; padding: 14px 16px; background: var(--p-fundal-2); border-radius: 12px; }
.prof__camp { display: grid; gap: 6px; min-width: 0; }
.prof__camp > span { font: 600 .6875rem/1 var(--font-text); letter-spacing: .1em; text-transform: uppercase; color: var(--p-text-3); }
.prof select { width: 100%; padding: 9px 10px; font: .9375rem/1.3 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; }
.prof__durate { display: flex; flex-wrap: wrap; gap: 6px; }
.prof__durate button { padding: 8px 12px; font: 600 .8125rem/1 var(--font-text); color: var(--p-text-2); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 999px; cursor: pointer; }
.prof__durate button[aria-pressed="true"] { color: #fff; background: var(--p-text); border-color: var(--p-text); }
.prof__nota { grid-column: 1 / -1; margin: 0; font: .8125rem/1.45 var(--font-text); color: var(--p-text-2); }
@media (max-width: 1099px) { .prof { grid-template-columns: 1fr 1fr; } .prof__camp:nth-of-type(3) { grid-column: 1 / -1; } }
@media (max-width: 560px) { .prof { grid-template-columns: 1fr; } }
.mc__nota { margin-left: auto; padding: 2px 7px; font: 600 .6875rem/1.3 var(--font-text); font-style: normal; letter-spacing: 0; color: #fff; background: var(--p-text-3); border-radius: 999px; }
.mc__nota--sus { background: #1f7a45; }
.mc__nota--jos { background: #8a8a8a; }
.mc__avert { font: .75rem/1.35 var(--font-text); color: var(--rosu); }
.demo__judecator { display: grid; gap: 6px; padding: 10px 12px; background: var(--p-fundal-2); border-radius: 10px; font: .8125rem/1.45 var(--font-text); color: var(--p-text-2); }
.demo__judecator[hidden] { display: none; }
.jud__cap { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.jud__verdict { padding: 3px 9px; font: 600 .75rem/1.2 var(--font-text); color: #fff; background: var(--p-text-3); border-radius: 999px; }
.jud__verdict--recomandat { background: #1f7a45; } .jud__verdict--cu-rezerve { background: var(--rosu); }
.jud__motive, .jud__h { margin: 0; }
.jud__h { color: var(--p-text-3); font-style: italic; }
.jud__avert { margin: 0; padding-left: 18px; color: var(--rosu); }
.jud__frati { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.jud__frati button { padding: 5px 10px; font: 600 .75rem/1 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 999px; cursor: pointer; }
.jud__frati button:hover { color: var(--rosu); border-color: var(--rosu); }
.mt__post { display: grid; gap: 8px; margin-top: 8px; padding: 12px; background: var(--p-fundal-2); border-radius: 10px; }
.mt__post[hidden] { display: none; }
.mt__post-cap { margin: 0; font: 600 .75rem/1.2 var(--font-text); letter-spacing: .06em; text-transform: uppercase; color: var(--p-text-3); }
.mt__post-rand { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 8px; align-items: start; }
.mt__post-rand > span { padding-top: 8px; font: .8125rem/1.2 var(--font-text); color: var(--p-text-3); }
.mt__post-rand input, .mt__post-rand textarea { width: 100%; padding: 8px 10px; font: .875rem/1.4 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; resize: vertical; }
.mt__post-rand button { padding: 8px 12px; font: 600 .8125rem/1 var(--font-text); color: var(--rosu); background: none; border: 1px solid var(--p-linie-2); border-radius: 8px; cursor: pointer; }
@media (max-width: 760px) { .mt__post-rand { grid-template-columns: 1fr auto; } .mt__post-rand > span { grid-column: 1 / -1; padding-top: 0; } }

/* ===== Macheta verticală v2: identică cu clipul final (logo real, fundal video estompat care rulează, bandă cu margini moi) ===== */
.demo__ecran { background: #0d0d0d; --ly: 24px; --lw: 15.5px; --meta: 54px; --titlu: 67px; --tit-m: 15px; --jos: 120px; --sub-m: 16px; }
.demo__fundal { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.demo__fundal iframe { position: absolute; left: -355px; top: -36px; width: 1280px; height: 720px; border: 0; transform: scale(.7667); transform-origin: 0 0; filter: blur(10px) brightness(.92) saturate(1.15); pointer-events: none; }
.demo__umbra { position: absolute; inset: 0; background: rgba(0, 0, 0, .18); pointer-events: none; }
.demo__logo-r { position: absolute; left: 50%; top: var(--ly); width: var(--lw); height: auto; transform: translateX(-50%); }
.demo__logo-r--mare { position: static; width: 33px; transform: none; margin-bottom: 4px; }
.demo__meta { position: absolute; left: 0; right: 0; top: var(--meta); font-size: 8.5px; line-height: 1.2; text-align: center; color: #e8e8e8; opacity: 1; }
.demo__titlu { position: absolute; left: 12px; right: 12px; top: var(--titlu); font-size: var(--tit-m); line-height: 1.2; font-weight: 700; text-align: center; }
.demo__banda { background: none; -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .45) 5.7%, #000 11.5%, #000 88.5%, rgba(0, 0, 0, .45) 94.3%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .45) 5.7%, #000 11.5%, #000 88.5%, rgba(0, 0, 0, .45) 94.3%, transparent 100%); }
.demo__sub { bottom: var(--jos); font-size: var(--sub-m); line-height: 1.2; text-shadow: 0 0 2px #000, 0 0 3px #000, 0 1px 2px #000; }
.demo__brand { bottom: 28px; width: 150px; opacity: 1; }
.demo__final small { font-size: 13.5px; }
.demo__sub { display: flex; align-items: flex-end; justify-content: center; min-height: 0; transition: opacity .12s linear; }
.demo__sub:empty { opacity: 0; }   /* între fraze textul dispare lin, ca în clipul randat (\fad 120 ms) */
.prof__cadraj input[type="range"], .prof__stil input[type="range"] { width: 100%; max-width: 420px; accent-color: #e40008; }
.demo__video { transition: transform .25s ease; }   /* cadrajul manual: banda alunecă lin la decupajul ales */
/* formatul „tot ecranul”: fără fundal estompat, banda devine tot telefonul și arată decupajul 9:16 */
.demo__ecran--plin .demo__banda { top: 0; height: 480px; -webkit-mask-image: none; mask-image: none; background: #000; }
.demo__ecran--plin .demo__fundal { display: none; }
.demo__logo-r:not(.demo__logo-r--mare) { display: none; }   /* marca R de deasupra titlului nu se mai pune pe story-uri (rămâne în cadrul de final) */
.demo__titlu, .demo__meta { margin: 0; padding: 0; }
.demo__exact { margin: 0; font: .75rem/1.4 var(--font-text); color: var(--p-text-3); }

/* editor de titlu și subtitrare sub macheta verticală */
.studio { grid-template-columns: minmax(0, 1fr) 300px; }
.demo__ecran { margin-left: auto; margin-right: auto; }
.demo__subed { display: grid; gap: 12px; margin-top: 14px; }
.demo__subed[hidden] { display: none; }
.demo__camp { display: grid; gap: 5px; }
.demo__camp > span { font: 600 .6875rem/1 var(--font-text); letter-spacing: .1em; text-transform: uppercase; color: var(--p-text-3); }
.demo__camp input, .demo__camp textarea { width: 100%; padding: 8px 10px; font: .9375rem/1.45 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; resize: vertical; }
.demo__camp input:focus, .demo__camp textarea:focus { outline: 2px solid var(--p-text); outline-offset: 1px; }
.demo__subed-stare { font: .75rem/1.3 var(--font-text); color: var(--p-text-3); }
/* ✂ propoziții scoase din clip (sub caseta de subtitrare) */
.demo__taieri { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.demo__taiere { display: flex; align-items: flex-start; gap: 10px; padding: 6px 8px; border: 1px solid var(--p-linie, #e6e6e6); border-radius: 8px; font: .8125rem/1.4 var(--font-text); color: var(--p-text-2); }
.demo__taiere-text { flex: 1; min-width: 0; }
.demo__taiere-b { flex: none; padding: 4px 9px; font: 600 .75rem/1 var(--font-text); color: #e40008; background: none; border: 1px solid #e40008; border-radius: 999px; cursor: pointer; }
.demo__taiere.este-taiat { background: #fff2f2; border-color: #f3b4b4; }
.demo__taiere.este-taiat .demo__taiere-text { text-decoration: line-through; color: var(--p-text-3); }
.demo__taiere.este-taiat .demo__taiere-b { color: #fff; background: #e40008; }
.demo__taieri-nota { font: .75rem/1.4 var(--font-text); color: var(--p-text-3); padding: 2px 2px 0; }
.demo__subed .mom__vezi { justify-self: start; }
@media (max-width: 1099px) { .studio { grid-template-columns: 1fr; } .demo__subed { width: min(100%, 360px); margin-left: auto; margin-right: auto; } }

/* fundal sonor (panoul Momente) */
.prof__fundal { grid-column: 1 / -1; display: grid; gap: 12px; margin: 6px 0 0; padding: 14px 0 0; border-top: 1px solid var(--p-linie-2); }
.prof__vol { gap: 8px; }
.prof__vol-rand { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; max-width: 520px; }
.prof__vol-rand small { font: .75rem/1 var(--font-text); color: var(--p-text-3); }
.prof__vol-rand input { width: 100%; accent-color: var(--rosu); }
.prof__duck { display: flex; align-items: center; gap: 6px; font: .875rem/1.4 var(--font-text); color: var(--p-text-2); }
.prof__parti { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px; }
.prof__parte { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; }
.prof__asculta { width: 38px; height: 38px; padding: 0; font: 600 .875rem/1 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 50%; cursor: pointer; }
.prof__asculta:hover, .prof__asculta:focus-visible { border-color: var(--p-text); outline: 0; }
.prof__nume { padding: 9px 12px; font: 500 .875rem/1.2 var(--font-text); text-align: left; color: var(--p-text-2); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; cursor: pointer; }
.prof__nume[disabled] { cursor: default; opacity: .65; }
.prof__parte[data-aleasa="da"] .prof__nume { color: #fff; background: var(--p-text); border-color: var(--p-text); opacity: 1; }
.prof__standard { justify-self: start; padding: 7px 12px; font: 600 .8125rem/1 var(--font-text); color: var(--p-text-2); background: none; border: 1px solid var(--p-linie-2); border-radius: 999px; cursor: pointer; }
.prof__standard:hover { border-color: var(--p-text); }
.prof__piesa { font: 600 .75rem/1 var(--font-text); letter-spacing: .08em; text-transform: uppercase; color: var(--p-text-3); }

/* cererile de rugăciune (contul pastorului principal) */
.panou__badge { display: inline-block; min-width: 18px; margin-left: 6px; padding: 2px 6px; font: 700 .6875rem/1.2 var(--font-text); text-align: center; color: #fff; background: var(--rosu); border-radius: 999px; }
.panou__badge[hidden] { display: none; }
.rug { display: grid; gap: 12px; margin: 14px 0 0; }
.rug__cerere { padding: 16px 18px; background: var(--p-fundal); border: 1px solid var(--p-linie); border-radius: 10px; }
.rug__cerere--noua { border-color: var(--rosu); background: #fdf6f6; }
.rug__cap { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 0 8px; font: .875rem/1.4 var(--font-text); color: var(--p-text-3); }
.rug__cap strong { font-size: 1rem; color: var(--p-text); }
.rug__cap a { color: var(--p-text-2); }
.rug__eticheta { padding: 2px 8px; font: 600 .6875rem/1.4 var(--font-text); letter-spacing: .04em; text-transform: uppercase; color: var(--p-text-2); border: 1px solid var(--p-linie-2); border-radius: 999px; }
.rug__subiect { margin: 0 0 4px; font: 600 1rem/1.4 var(--font-text); color: var(--p-text); }
.rug__text { margin: 0 0 12px; font: 1.0625rem/1.65 var(--font-serif); color: var(--p-text-2); white-space: pre-wrap; overflow-wrap: anywhere; }
.rug__buton { padding: 7px 13px; font: 600 .8125rem/1 var(--font-text); color: var(--p-text-2); background: none; border: 1px solid var(--p-linie-2); border-radius: 999px; cursor: pointer; }
.rug__buton:hover { border-color: var(--p-text); color: var(--p-text); }
.rug__buton[disabled] { opacity: .5; cursor: default; }
.rug__tipuri { margin: 4px 0 14px; }

/* ===== Contul pastorului principal: cele trei file de primit sus, Acasă/Profil/Securitate mici, jos ===== */
.panou__jos { display: none; }
body.cont-principal .panou__jos { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 22px; margin: 44px 0 0; padding: 16px 0 0; border-top: 1px solid var(--p-linie); }
.panou__mic { padding: 4px 0; font: 500 .8125rem/1.2 var(--font-text); color: var(--p-text-3); background: none; border: 0; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; cursor: pointer; }
.panou__mic:hover { color: var(--p-text); }
.panou__mic:focus-visible { outline: 2px solid var(--p-text); outline-offset: 2px; }
.panou__mic[aria-current="page"] { color: var(--p-text); text-decoration-color: var(--rosu); }
body.cont-principal .cont__ajutor, body.cont-principal .firimituri, body.cont-principal .cont__cap .eticheta, body.cont-principal .cont__titlu { display: none; }   /* contul pastorului: fără firimituri, fără „Contul tău”, fără linia de contact */
@media (max-width: 760px) {
  body.cont-principal .panou__file { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.cont-principal .panou__fila--primite { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25; font-size: .8125rem; padding: 12px 4px; }
}
a.panou__fila { display: inline-block; text-decoration: none; }

/* ---- răspunsuri la cereri / sugestii / mesaje (pe email) ---- */
.rug__nota { margin: 4px 0 0; }
.rug__fir { margin: 14px 0 12px; }
.rug__raspuns { margin: 0 0 10px; padding: 9px 12px 10px; background: var(--p-fundal-2, #f6f6f4); border-left: 2px solid var(--p-linie-2); border-radius: 0 8px 8px 0; }
.rug__raspuns--membru { border-left-color: var(--rosu); background: #fdf6f6; }
.rug__raspuns--nou .rug__raspuns-cap::after { content: 'nou'; margin-left: 8px; padding: 1px 7px; font: 700 .625rem/1.4 var(--font-text); letter-spacing: .05em; text-transform: uppercase; color: #fff; background: var(--rosu); border-radius: 999px; }
.rug__raspuns-cap { margin: 0 0 4px; font: 600 .75rem/1.4 var(--font-text); color: var(--p-text-3); }
.rug__raspuns-text { margin: 0; font: 1rem/1.6 var(--font-text); color: var(--p-text); white-space: pre-wrap; overflow-wrap: anywhere; }
.rug__compune { margin: 10px 0 0; }
.rug__compune textarea { width: 100%; padding: 11px 13px; font: 1rem/1.55 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; resize: vertical; }
.rug__compune textarea:focus { outline: none; border-color: var(--p-text); }
.rug__compune-rand { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 0; }
.rug__buton--plin { color: #fff; background: var(--rosu); border-color: var(--rosu); }
.rug__buton--plin:hover { color: #fff; background: #a50000; border-color: #a50000; }
.rug__buton--raspunde { margin-right: 6px; }
.rug__eroare { font: .8125rem/1.4 var(--font-text); color: var(--p-text-3); }

/* contul pastorului (zona de lucru): fără „Lucrarea socială”, fără subsol și fără bara de jos */
body.cont-principal { padding-bottom: 0; --bara-app: 0px; }
body.cont-principal .subsol, body.cont-principal .bara-app, body.cont-principal .sectiune.lucrare { display: none !important; }

/* ---- „Schița săptămânii”: predica la care lucrezi acum, mereu sus (biblioteca de schițe și contul pastorului) ---- */
.saptamana { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 0 0 14px; padding: 11px 16px 12px; overflow: hidden; font-family: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif; background: #fff; border: 1px solid #d6d6d1; border-left: 3px solid var(--verde-sapt, #4f8434); border-radius: 10px; }
.saptamana[hidden] { display: none; }
.saptamana__eticheta { display: flex; align-items: center; gap: 8px; margin: 0; font: 600 .6875rem/1.2 Inter, system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--verde-sapt, #4f8434); }
.saptamana__stare { padding: 1px 9px; font-weight: 600; letter-spacing: 0; text-transform: none; background: #f2f7ea; border: 1px solid #d3e3bc; border-radius: 999px; }
.saptamana__corp { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.saptamana__titlu { overflow: hidden; font: 600 .9375rem/1.4 Inter, system-ui, sans-serif; color: var(--p-text, #1b1b19); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.saptamana__titlu:hover { color: var(--verde-sapt, #4f8434); }
.saptamana__meta { margin: 0; overflow: hidden; font: .75rem/1.4 Inter, system-ui, sans-serif; color: var(--p-text-3, #8a8a85); text-overflow: ellipsis; white-space: nowrap; }
.saptamana__actiuni { display: flex; align-items: center; gap: 6px; }
.saptamana__continua { display: inline-flex; align-items: center; padding: 6px 14px; font: 600 .8125rem/1.2 Inter, system-ui, sans-serif; color: #fff; text-decoration: none; background: var(--verde-sapt, #4f8434); border: 1px solid var(--verde-sapt, #4f8434); border-radius: 999px; }
.saptamana__continua:hover { background: #426f2b; border-color: #426f2b; color: #fff; }
.saptamana__scoate { width: 28px; height: 28px; font: 400 1.25rem/1 Inter, system-ui, sans-serif; color: var(--p-text-3, #8a8a85); background: none; border: 0; border-radius: 50%; cursor: pointer; }
.saptamana__scoate:hover { color: var(--p-text, #1b1b19); background: rgba(0, 0, 0, .05); }
.saptamana__bara { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #eeeeea; }
.saptamana__bara i { display: block; height: 100%; background: var(--verde-sapt, #4f8434); }
@media (max-width: 560px) { .saptamana { padding: 10px 12px 12px; } .saptamana__actiuni { width: 100%; } .saptamana__titlu, .saptamana__meta { white-space: normal; } }

/* Stories: video de pe YouTube care nu e în lista de predici (se adaugă cu linkul) */
.mom__extern { margin: 4px 0 14px; }
.mom__extern-rand { display: flex; gap: 10px; align-items: flex-end; }
.mom__extern-rand .cont__camp { flex: 1; min-width: 0; margin: 0; }
.mom__extern-rand .buton { flex: 0 0 auto; height: 47px; }
.mom__extern-form { display: grid; gap: 12px; margin-top: 12px; padding: 14px; background: var(--p-fundal-2); border: 1px solid var(--p-linie); border-radius: 10px; }
.mom__extern-form .cont__trimite { margin: 0; }
@media (max-width: 560px) { .mom__extern-rand { flex-direction: column; align-items: stretch; } .mom__extern-rand .buton { height: auto; } }

/* Contul pastorului principal: eticheta „Management account” deasupra numelui, rolul îngroșat */
.profil__eticheta { margin: 0 0 8px; font: 700 .75rem/1 var(--font-text); letter-spacing: .14em; text-transform: uppercase; color: var(--rosu, #e40008); }
.profil__eticheta[hidden] { display: none; }
body.cont-principal .profil__rol strong { font-weight: 600; color: var(--p-text); }

/* Stories: muzică pe un clip deja făcut (editorul de fundal sonor, în cardul clipului) */
.mt__muzica { display: grid; gap: 12px; margin-top: 12px; padding: 14px; background: var(--p-fundal-2); border: 1px solid var(--p-linie); border-radius: 10px; }
.mt__muzica[hidden] { display: none; }
.mt__muzica .prof__fundal { margin: 0; padding: 0; border-top: 0; }
.mt__muzica .cont__trimite { margin: 0; }

/* Stories: stilul subtitrării (font, grosime, culoare) în profil și în editorul unui clip */
.prof__stil { margin-top: 0; }
.prof__culori { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.prof__culoare { width: 30px; height: 30px; padding: 0; border: 2px solid #fff; border-radius: 50%; outline: 1px solid var(--p-linie-2); cursor: pointer; }
.prof__culoare[aria-pressed="true"] { outline: 2px solid var(--p-text); outline-offset: 1px; }
.prof__alta { display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; font: .8125rem/1 var(--font-text); color: var(--p-text-2); cursor: pointer; }
.prof__alta input { width: 34px; height: 30px; padding: 0; border: 1px solid var(--p-linie-2); border-radius: 6px; background: none; cursor: pointer; }
.prof__stil-ex { padding: 18px 14px; font-size: 1.5rem; line-height: 1.25; text-align: center; background: #20222c; border-radius: 8px; }
.mt__muzica-t { margin: 6px 0 0; font: 700 .75rem/1 var(--font-text); letter-spacing: .1em; text-transform: uppercase; color: var(--p-text); }
/* tăiere rapidă a capetelor din bara de redare: oprești unde vrei → „Începe de aici” / „Se termină aici” */
.demo__capete { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 8px; }
.demo__capete button[data-demo-cap] { flex: 1 1 0; padding: 7px 6px; font: 600 .8125rem/1 var(--font-text); border: 1px solid var(--rosu); border-radius: 8px; background: var(--p-fundal); color: var(--rosu); cursor: pointer; }
.demo__capete button[data-demo-cap]:hover:not(:disabled) { background: var(--rosu); color: #fff; }
.demo__capete button[data-demo-cap]:disabled { border-color: var(--p-linie-2); color: var(--p-text-2, #999); opacity: .6; cursor: default; }
.demo__capete small { flex: 1 1 100%; font-size: .75rem; color: var(--p-text-2, #666); }

/* editorul Stories pe lățime mare: video + bară | telefon | subtitrare și tăieturi, una lângă alta */
.demo__loc { width: 270px; height: 480px; margin: 0 auto; }
@media (min-width: 1100px) { .studio .demo__loc { position: sticky; top: 16px; z-index: 5; } }
@media (min-width: 1100px) { .studio__vertical { align-self: stretch; } .studio .demo { height: 100%; } }   /* coloana telefonului cât tot editorul, ca telefonul să rămână lipit până jos */
.studio { scroll-margin-top: 16px; }
/* în zona Stories (admin) antetul site-ului nu mai stă lipit sus: tot ecranul rămâne pentru editor */
body:has([data-panou-continut="momente"]:not([hidden])) .antet-predica { position: relative; }
@media (min-width: 1500px) {
  .studio { grid-template-columns: minmax(0, 1fr) auto; }
  .studio .demo { display: grid; grid-template-columns: 270px minmax(320px, 420px); column-gap: 20px; align-items: start; }
  .studio .demo__subed { margin-top: 0; }
}
/* telefonul plutitor: când locul lui iese din ecran, story-ul ales rămâne în dreapta jos */
.demo__ecran--plutitor { position: fixed; right: 16px; bottom: 16px; z-index: 80; margin: 0; box-shadow: 0 14px 44px rgba(0, 0, 0, .38); transform: scale(var(--plut, 1)); transform-origin: right bottom; }
@media (max-height: 800px) { .demo__ecran--plutitor { --plut: .78; } }
@media (max-width: 700px) { .demo__ecran--plutitor { --plut: .5; } }
.demo__plutitor-bara { display: none; }
.demo__ecran--plutitor .demo__plutitor-bara { position: absolute; top: 8px; left: 8px; right: 8px; z-index: 30; display: flex; justify-content: space-between; gap: 6px; }
.demo__plutitor-bara button { padding: 5px 9px; font: 600 .75rem/1 var(--font-text); color: #fff; background: rgba(0, 0, 0, .55); border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; cursor: pointer; }
.demo__plutitor-bara button:hover { background: var(--rosu); border-color: var(--rosu); }
/* bara de redare cu bucățile tăiate (roșu hașurat) și marcajul de început al unei tăieturi */
.demo__pista { position: relative; }
.demo__zone { position: absolute; left: 8px; right: 8px; top: 50%; height: 12px; transform: translateY(-50%); z-index: 1; pointer-events: none; }
.demo__zona { position: absolute; top: 0; bottom: 0; min-width: 3px; background: repeating-linear-gradient(135deg, rgba(228, 0, 8, .9) 0 3px, rgba(228, 0, 8, .45) 3px 6px); border-radius: 2px; }
.demo__marcaj { position: absolute; top: -5px; bottom: -5px; width: 2px; margin-left: -1px; background: var(--p-text); }
.demo__marcaj::after { content: "✂"; position: absolute; top: -14px; left: -5px; font-size: 10px; color: var(--p-text); }
.demo__pasi button[data-demo-pas="-0.1"], .demo__pasi button[data-demo-pas="0.1"] { flex: .8 1 0; }
.demo__capete button[data-demo-mij] { border-style: dashed; }
.demo__capete button[data-demo-mij].este-armat { color: #fff; background: var(--rosu); border-style: solid; }
.demo__cuts { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; }
.demo__cuts:empty { display: none; }
.demo__cut { display: inline-flex; align-items: stretch; border: 1px solid #f3b4b4; border-radius: 999px; background: #fff2f2; overflow: hidden; }
.demo__cut-vezi { padding: 5px 4px 5px 10px; font: 600 .75rem/1 var(--font-text); color: var(--rosu); background: none; border: 0; cursor: pointer; font-variant-numeric: tabular-nums; }
.demo__cut-x { padding: 5px 10px 5px 6px; font: 700 .75rem/1 var(--font-text); color: var(--p-text-2); background: none; border: 0; cursor: pointer; }
.demo__cut-x:hover { color: #fff; background: var(--rosu); }
/* muzica de fundal: colecția încărcată (undă + blocul folosit, cât story-ul) */
.mz__incarca { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 12px 14px; border: 1.5px dashed var(--p-linie-2); border-radius: 10px; }
.mz__incarca.este-peste { border-color: var(--rosu); background: #fff5f5; }
.mz__stare { font: .8125rem/1.35 var(--font-text); color: var(--p-text-3); }
.mz__lista { display: grid; gap: 10px; }
.mz__piesa { display: grid; gap: 6px; padding: 10px 12px; border: 1px solid var(--p-linie-2); border-radius: 10px; background: var(--p-fundal); }
.mz__piesa.este-aleasa { border-color: var(--rosu); box-shadow: 0 0 0 2px rgba(228, 0, 8, .12); }
.mz__antet { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mz__play { flex: none; width: 34px; height: 34px; font-size: .8125rem; color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 50%; cursor: pointer; }
.mz__play:hover { color: #fff; background: var(--rosu); border-color: var(--rosu); }
.mz__nume { min-width: 0; overflow: hidden; padding: 0; font: 600 .9375rem/1.3 var(--font-text); color: var(--p-text); text-align: left; text-overflow: ellipsis; white-space: nowrap; background: none; border: 0; cursor: pointer; }
.mz__piesa.este-aleasa .mz__nume { color: var(--rosu); }
.mz__info { flex: 1; font: .8125rem/1.3 var(--font-text); color: var(--p-text-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mz__mic { flex: none; padding: 4px 8px; font: 600 .8125rem/1 var(--font-text); color: var(--p-text-3); background: none; border: 1px solid transparent; border-radius: 6px; cursor: pointer; }
.mz__mic:hover { color: var(--rosu); border-color: var(--p-linie-2); }
.mz__unda { position: relative; height: 46px; color: #c4c4c4; cursor: pointer; touch-action: none; user-select: none; }
.mz__piesa.este-aleasa .mz__unda { color: #9a9a9a; }
.mz__unda canvas { display: block; width: 100%; height: 100%; }
.mz__bloc { position: absolute; top: 0; bottom: 0; min-width: 6px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 2px; font: 700 .6875rem/1 var(--font-text); color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); background: rgba(228, 0, 8, .28); border: 2px solid var(--rosu); border-radius: 6px; pointer-events: none; }
.mz__cap { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--p-text); pointer-events: none; }
/* ↺ Revino la editare: buton verde, pe tot rândul, primul din acțiunile clipului */
.mom__clip-actiuni .mt__revino { flex: 1 1 100%; margin-bottom: 4px; padding: 9px 12px; font: 700 .875rem/1.2 var(--font-text); color: #fff; text-align: center; background: #1f9d55; border: 0; border-radius: 8px; }
.mom__clip-actiuni .mt__revino:hover { color: #fff; background: #17803f; }
.mom__clip-actiuni .mt__revino:disabled { opacity: .7; cursor: default; }
/* ✓ Salvează și generează: buton verde chiar sub uneltele de editare din demo */
.demo__salveaza { display: grid; gap: 6px; margin-top: 12px; }
.demo__salveaza[hidden] { display: none; }
.demo__gen { padding: 11px 14px; font: 700 .9375rem/1.2 var(--font-text); color: #fff; background: #1f9d55; border: 0; border-radius: 10px; cursor: pointer; }
.demo__gen:hover { background: #17803f; }
.demo__gen:disabled { opacity: .7; cursor: default; }
.demo__salveaza small { font: .8125rem/1.4 var(--font-text); color: var(--p-text-2); }
/* stilul story-ului pe secțiuni: carduri așezate pe coloane (4 pe ecran lat, 2 pe mediu, 1 pe telefon), nu o listă lungă */
.prof__grila { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; align-items: start; }
.prof__sec { display: grid; gap: 14px; align-content: start; min-width: 0; padding: 16px 18px 18px; background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 14px; box-shadow: 0 1px 2px rgba(0, 0, 0, .04); }
.prof__sec-t { margin: 0; font: 700 1rem/1.2 var(--font-text); color: var(--p-text); }
.prof__sec-n { margin: -10px 0 2px; font: .8125rem/1.35 var(--font-text); color: var(--p-text-3); }
.prof__sec .prof__camp { gap: 6px; }
.prof__sec input[type="range"] { width: 100%; max-width: none; }
.prof__sec input[type="text"] { width: 100%; box-sizing: border-box; padding: 8px 10px; font: .9375rem/1.3 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; }
.prof__sec .prof__duck { font-size: .875rem; line-height: 1.35; }
.prof__sec .prof__standard { margin-top: 2px; }
.prof__sec .prof__stil-ex { font-size: 1.25rem; }
.prof__sec .prof__nota { margin: 0; }
/* titlul stilizat (2 rânduri): fonturi libere OFL, încărcate doar când sunt folosite */
@font-face { font-family: 'Montserrat Black'; src: url(/assets/fonts/titluri/Montserrat-Black.ttf) format('truetype'); font-display: swap; }
@font-face { font-family: 'Anton'; src: url(/assets/fonts/titluri/Anton-Regular.ttf) format('truetype'); font-display: swap; }
@font-face { font-family: 'Kaushan Script'; src: url(/assets/fonts/titluri/KaushanScript-Regular.ttf) format('truetype'); font-display: swap; }
@font-face { font-family: 'Pacifico'; src: url(/assets/fonts/titluri/Pacifico-Regular.ttf) format('truetype'); font-display: swap; }
@font-face { font-family: 'Dancing Script'; src: url(/assets/fonts/titluri/DancingScript.ttf) format('truetype'); font-display: swap; }
@font-face { font-family: 'Great Vibes'; src: url(/assets/fonts/titluri/GreatVibes-Regular.ttf) format('truetype'); font-display: swap; }
.demo__tt { position: absolute; inset: 0; pointer-events: none; }
.demo__tt[hidden], .demo__tt span[hidden] { display: none; }
.demo__tt span { position: absolute; transform: translate(-50%, -50%); white-space: nowrap; font-weight: 400; filter: drop-shadow(.6px 1.2px 2.2px rgba(0, 0, 0, .6)); }
.demo__tt .are-grad, .prof__model .are-grad { -webkit-background-clip: text; background-clip: text; color: transparent; }
.demo__camp--tt input + input { margin-top: 6px; }
.demo__camp--tt[hidden] { display: none; }
.prof__modele { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.prof__model { display: grid; justify-items: center; gap: 0; padding: 10px 6px 8px; background: #2a2c36; border: 2px solid transparent; border-radius: 10px; cursor: pointer; }
.prof__model[aria-pressed="true"] { border-color: var(--rosu); box-shadow: 0 0 0 2px rgba(228, 0, 8, .18); }
.prof__model-1 { font-size: 15px; line-height: 1.1; }
.prof__model-2 { margin-top: -2px; font-size: 24px; line-height: 1.15; }
.prof__model small { margin-top: 4px; font: 600 .6875rem/1.2 var(--font-text); color: rgba(255, 255, 255, .75); }
.prof__culoare--model { display: grid; place-items: center; font: 700 .75rem/1 var(--font-text); color: var(--p-text-2); background: var(--p-fundal-2); }
/* pagina „Automat” (doar proprietarul): setările canalului pe carduri + calendarul programărilor */
@media (min-width: 1100px) { [data-panou-continut="automat"] { position: relative; left: 50%; width: min(1500px, calc(100vw - 48px)); margin-left: calc(min(1500px, calc(100vw - 48px)) / -2); } }
.auto__grila { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; align-items: start; margin: 14px 0 6px; }
.auto__ore { display: flex; flex-wrap: wrap; gap: 6px; }
.auto__ora { display: inline-flex; align-items: center; gap: 6px; padding: 6px 6px 6px 12px; font: 700 .9375rem/1 var(--font-text); background: var(--p-fundal-2); border: 1px solid var(--p-linie-2); border-radius: 999px; font-variant-numeric: tabular-nums; }
.auto__ora button { padding: 2px 6px; font: 700 .75rem/1 var(--font-text); color: var(--p-text-3); background: none; border: 0; cursor: pointer; }
.auto__ora button:hover { color: var(--rosu); }
.auto__adauga { display: flex; gap: 8px; align-items: center; }
.auto__adauga input { padding: 6px 8px; font: .9375rem/1.2 var(--font-text); border: 1px solid var(--p-linie-2); border-radius: 8px; }
.auto__plan { display: grid; gap: 8px; margin-bottom: 18px; }
.auto__zi { margin: 12px 0 2px; font: 700 .8125rem/1.2 var(--font-text); letter-spacing: .06em; text-transform: uppercase; color: var(--p-text-3); }
.auto__rand { display: grid; grid-template-columns: 64px 54px minmax(0, 1fr); gap: 12px; align-items: start; padding: 10px 12px; background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-left: 4px solid #b8b8b8; border-radius: 10px; }
.auto__rand--ok { border-left-color: #1f9d55; } .auto__rand--gen { border-left-color: #f0a020; } .auto__rand--err { border-left-color: var(--rosu); } .auto__rand--postat { border-left-color: #2a6fdb; } .auto__rand--sarit { opacity: .6; }
.auto__cand { display: grid; gap: 2px; font-variant-numeric: tabular-nums; } .auto__cand strong { font: 700 1.0625rem/1.1 var(--font-text); } .auto__cand small { font: .75rem/1.2 var(--font-text); color: var(--p-text-3); }
.auto__pv { width: 54px; height: 96px; overflow: hidden; display: grid; place-items: center; background: #141414; border-radius: 6px; color: rgba(255, 255, 255, .6); }
.auto__pv img { width: 100%; height: 100%; object-fit: cover; }
.auto__corp { display: grid; gap: 4px; min-width: 0; }
.auto__cap { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .auto__cap strong { font: 600 .9375rem/1.3 var(--font-text); }
.auto__stare { padding: 3px 8px; font: 700 .6875rem/1 var(--font-text); letter-spacing: .04em; text-transform: uppercase; color: #fff; background: #8a8a8a; border-radius: 999px; }
.auto__rand--ok .auto__stare { background: #1f9d55; } .auto__rand--gen .auto__stare { background: #f0a020; } .auto__rand--err .auto__stare { background: var(--rosu); } .auto__rand--postat .auto__stare { background: #2a6fdb; }
.auto__meta { font: .8125rem/1.35 var(--font-text); color: var(--p-text-3); }
.auto__eroare { font: .8125rem/1.35 var(--font-text); color: var(--rosu); }
.auto__act { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 2px; }
.auto__act button { padding: 0; font: 600 .8125rem/1.3 var(--font-text); color: var(--p-text); background: none; border: 0; border-bottom: 1px solid var(--p-linie-2); cursor: pointer; }
.auto__act button:hover { color: var(--rosu); border-color: var(--rosu); }
.auto__video { width: 220px; max-width: 100%; margin-top: 6px; border-radius: 10px; background: #000; }
.auto__text { display: grid; gap: 6px; max-width: 620px; margin-top: 6px; }
.auto__text textarea { width: 100%; box-sizing: border-box; padding: 8px 10px; font: .875rem/1.45 var(--font-text); border: 1px solid var(--p-linie-2); border-radius: 8px; }
.auto__fb { display: grid; gap: 8px; margin-top: 6px; padding: 12px; background: var(--p-fundal-2); border-radius: 10px; }
.auto__fb-stare { font: 700 .8125rem/1.3 var(--font-text); color: var(--rosu); }
.auto__fb-stare.este-ok { color: #1f9d55; }
.auto__fb input { width: 100%; box-sizing: border-box; padding: 8px 10px; font: .875rem/1.3 var(--font-text); border: 1px solid var(--p-linie-2); border-radius: 8px; }
.auto__act .auto__sterge-gen { color: var(--rosu); border-color: rgba(228, 0, 8, .35); }
/* Automat → TikTok (se pune de mână: descarcă clipul, copiază textul, marchează) */
.auto__tt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 6px; padding: 8px 10px; background: var(--p-fundal-2); border: 1px solid var(--p-linie-2); border-radius: 10px; }
.auto__tt-eticheta { padding: 3px 8px; font: 800 .6875rem/1 var(--font-text); letter-spacing: .04em; text-transform: uppercase; color: #fff; background: #111; border-radius: 999px; box-shadow: -2px 0 0 #25f4ee, 2px 0 0 #fe2c55; }
.auto__tt-buton { display: inline-flex; align-items: center; padding: 6px 12px; font: 700 .8125rem/1.2 var(--font-text); color: #fff; background: #111; border: 0; border-radius: 999px; text-decoration: none; cursor: pointer; }
.auto__tt-buton:hover { background: #fe2c55; color: #fff; }
.auto__tt > button:not(.auto__tt-buton) { padding: 0; font: 600 .8125rem/1.3 var(--font-text); color: var(--p-text); background: none; border: 0; border-bottom: 1px solid var(--p-linie-2); cursor: pointer; }
.auto__tt > button:not(.auto__tt-buton):hover { color: var(--rosu); border-color: var(--rosu); }
.auto__tt > .auto__tt-gata { color: #1f9d55; border-color: rgba(31, 157, 85, .4); }
.auto__tt.este-pus { background: none; border-style: dashed; }
.auto__tt-pus { font: 700 .8125rem/1.3 var(--font-text); color: #1f9d55; }
.auto__tt .auto__text { flex: 0 0 100%; max-width: none; } .auto__tt .auto__text textarea { max-width: 620px; }
.auto__tt-rand { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.auto__tt-bara { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 12px; background: var(--p-fundal-2); border-radius: 10px; }
.auto__tt-bara small { flex: 1 1 280px; }
/* Automat → „Generează încă unul” (story extra) */
.auto__extra-bara { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 12px; border: 1px dashed var(--p-linie-2); border-radius: 10px; }
.auto__extra-bara small { flex: 1 1 280px; }

/* Stories → demo: „Prelungește finalul: +5 s +10 s +15 s” */
.demo__prelungeste { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 6px 0 2px; font: .8125rem/1.3 var(--font-text); color: var(--p-text-3); }
.demo__prelungeste button { padding: 5px 11px; font: 600 .8125rem/1.2 var(--font-text); color: #1f7a45; background: #eef7f1; border: 1px solid #bfe0cb; border-radius: 999px; cursor: pointer; }
.demo__prelungeste button:hover:not(:disabled) { background: #dff0e6; }
.demo__prelungeste button:disabled { opacity: .45; cursor: default; }

/* Primite: conversația ca un chat (membrul stânga, tu dreapta), mesajele noi în verde, căsuța de răspuns mereu jos */
.rug__cerere--noua { border-color: #9fd3b0; background: #f4fbf6; }
.rug__fir { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 12px; }
.rug__msg { max-width: min(560px, 88%); padding: 9px 13px 10px; border-radius: 14px; }
.rug__msg--membru { align-self: flex-start; background: #f2f2ef; border-bottom-left-radius: 4px; }
.rug__msg--tu { align-self: flex-end; background: #fff3e9; border-bottom-right-radius: 4px; }
.rug__msg--nou { background: #e6f5ea; box-shadow: inset 0 0 0 1px #9fd3b0; }
.rug__msg-cap { margin: 0 0 3px; font: .75rem/1.4 var(--font-text); color: var(--p-text-3); }
.rug__msg-cap b { font-weight: 600; color: var(--p-text-2); }
.rug__msg-nou { margin-left: 8px; padding: 1px 7px; font: 700 .625rem/1.4 var(--font-text); letter-spacing: .05em; text-transform: uppercase; color: #fff; background: #2f9a55; border-radius: 999px; }
.rug__msg-text { margin: 0; font: 1rem/1.55 var(--font-text); color: var(--p-text); white-space: pre-wrap; overflow-wrap: anywhere; }
.rug__compune { display: flex; align-items: flex-end; gap: 8px; margin: 6px 0 0; }
.rug__compune textarea { flex: 1 1 auto; min-height: 44px; height: 44px; padding: 11px 14px; font: 1rem/1.4 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 22px; resize: none; }
.rug__compune textarea:focus { outline: none; border-color: var(--p-text); }
.rug__compune .rug__buton--plin { height: 44px; padding: 0 18px; border-radius: 22px; }
.rug__fir .rug__eroare:empty { display: none; }

/* mesajele de pe /rugaciune/ (fără cont): eticheta sursei și nota când nu se poate răspunde */
.rug__eticheta--site { color: #2f6b45; border-color: rgba(47, 107, 69, .35); background: rgba(47, 107, 69, .06); }
.rug__fara-email { margin: 10px 0 0; padding: 10px 14px; font: 400 .875rem/1.5 var(--font-text); color: var(--p-text-2); background: var(--p-fundal-2, rgba(0, 0, 0, .03)); border-radius: 10px; }

/* „Primite”: cardurile strânse pe un rând (nume · dată · începutul textului); clic pe cap = desface. Arhiva: cererile scoase din listă, nu șterse */
.rug__cap { cursor: pointer; border-radius: 6px; -webkit-tap-highlight-color: transparent; }
.rug__cap:focus-visible { outline: 2px solid var(--p-text); outline-offset: 4px; }
.rug__cap::after { content: ''; align-self: center; flex: 0 0 auto; width: 8px; height: 8px; margin-left: auto; border-right: 2px solid var(--p-text-3); border-bottom: 2px solid var(--p-text-3); transform: translateY(-3px) rotate(45deg); transition: transform .15s; }
.rug__cerere--deschis .rug__cap::after { transform: translateY(2px) rotate(-135deg); }
.rug__cerere:not(.rug__cerere--deschis) { padding-top: 12px; padding-bottom: 12px; }
.rug__cerere:not(.rug__cerere--deschis) .rug__cap { margin-bottom: 2px; }
.rug__cerere:not(.rug__cerere--deschis) .rug__subiect { display: none; }
.rug__cerere:not(.rug__cerere--deschis) .rug__text { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .9375rem; color: var(--p-text-3); }
.rug__cerere:not(.rug__cerere--deschis) .rug__fir, .rug__cerere:not(.rug__cerere--deschis) .rug__actiuni { display: none; }
.rug__nr { padding: 2px 8px; font: 600 .6875rem/1.4 var(--font-text); color: var(--p-text-3); background: var(--p-fundal-2, #f4f4f2); border-radius: 999px; }
.rug__nr--nou { color: #fff; background: #2f7a4b; }
.rug__actiuni { display: flex; flex-wrap: wrap; gap: 8px; }
.rug__unelte { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin: -4px 0 12px; }
.rug__link { padding: 4px 0; font: 600 .875rem/1.3 var(--font-text); color: var(--p-text-2); background: none; border: 0; cursor: pointer; text-decoration: underline; text-decoration-color: var(--p-linie-2); text-underline-offset: 3px; }
.rug__link:hover { color: var(--p-text); text-decoration-color: currentColor; }

/* ---- Membri (administrare): cifre, unelte, listă aerisită; fiecare rând se desface pentru detalii și acțiuni rare ---- */
@media (min-width: 1100px) { [data-panou-continut="membri"] { width: min(900px, calc(100vw - 48px)); margin-left: 50%; transform: translateX(-50%); } }
.mb__card { padding: 26px 28px 28px; }
.mb__titlu { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.mb__cifre { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 18px 0 22px; }
.mb__cifra { display: grid; gap: 4px; padding: 14px 16px; text-align: left; font-family: var(--font-text); color: var(--p-text); background: var(--p-fundal-2, #f6f6f4); border: 1px solid transparent; border-radius: 12px; cursor: pointer; }
.mb__cifra strong { font: 700 1.75rem/1.05 var(--font-serif); letter-spacing: -.01em; }
.mb__cifra span { font-size: .6875rem; letter-spacing: .08em; text-transform: uppercase; color: var(--p-text-3); white-space: nowrap; }
.mb__cifra:hover { border-color: var(--p-linie-2); }
.mb__cifra--activa { border-color: var(--p-text); background: var(--p-fundal); }
.mb__cifra--atentie strong { color: var(--rosu); }
.mb__unelte { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin: 0 0 12px; }
.mb__cauta, .mb__sort { padding: 11px 14px; font: .9375rem/1.3 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 10px; box-sizing: border-box; }
.mb__cauta { width: 100%; }
.mb__filtre { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 4px; }
.mb__filtru { padding: 7px 12px; font: 600 .8125rem/1.2 var(--font-text); color: var(--p-text-2); background: none; border: 1px solid var(--p-linie); border-radius: 999px; cursor: pointer; }
.mb__filtru b { margin-left: 5px; font-weight: 600; color: var(--p-text-3); }
.mb__filtru[aria-pressed="true"] { color: #fff; background: var(--p-text); border-color: var(--p-text); }
.mb__filtru[aria-pressed="true"] b { color: rgba(255, 255, 255, .7); }
.mb__stare { margin: 14px 0 10px; font-size: .8125rem; }
.mb__tabel { display: grid; gap: 10px; }
.mb__rand { padding: 16px 18px; background: var(--p-fundal); border: 1px solid var(--p-linie); border-radius: 14px; }
.mb__rand--atentie { border-color: #f1c9c9; }
.mb__rand--neactiv { background: var(--p-fundal-2, #f6f6f4); }
.mb__rand--neactiv .mb__avatar { opacity: .55; }
.mb__sus { display: flex; align-items: center; gap: 16px; }
.mb__avatar { flex: 0 0 48px; display: grid; place-items: center; width: 48px; height: 48px; overflow: hidden; font: 700 .9375rem/1 var(--font-text); color: var(--p-text); background: var(--p-fundal-2, #f6f6f4); border-radius: 50%; }
.mb__rand--neactiv .mb__avatar, .mb__rand--atentie .mb__avatar { background: var(--p-fundal); border: 1px solid var(--p-linie); }
.mb__avatar img { width: 100%; height: 100%; object-fit: cover; }
.mb__nume { flex: 1 1 auto; display: grid; gap: 3px; min-width: 0; }
.mb__l1 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.mb__l1 strong { font: 600 1.0625rem/1.3 var(--font-text); color: var(--p-text); }
.mb__email { font: .875rem/1.4 var(--font-text); color: var(--p-text-2); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb__email:hover { text-decoration: underline; }
.mb__meta { font: .8125rem/1.5 var(--font-text); color: var(--p-text-3); }
.mb__eticheta { display: inline-block; padding: 2px 8px; font: 600 .625rem/1.5 var(--font-text); letter-spacing: .06em; text-transform: uppercase; color: var(--p-text-2); background: var(--p-fundal-2, #f6f6f4); border-radius: 999px; }
.mb__eticheta--rosu { color: #fff; background: var(--rosu); }
.mb__dreapta { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.mb__pastila { display: inline-block; padding: 5px 11px; font: 600 .75rem/1.3 var(--font-text); color: var(--p-text-2); background: var(--p-fundal-2, #f6f6f4); border-radius: 999px; white-space: nowrap; }
.mb__pastila--ok { color: #1f7a3a; background: #e9f5ec; }
.mb__pastila--atentie { color: var(--rosu); background: #fdecec; }
.mb__pastila--gri { color: var(--p-text-3); background: none; border: 1px dashed var(--p-linie-2); }
.mb__b { padding: 8px 14px; font: 600 .8125rem/1.2 var(--font-text); color: var(--p-text-2); background: none; border: 1px solid var(--p-linie-2); border-radius: 999px; cursor: pointer; white-space: nowrap; }
.mb__b:hover { color: var(--p-text); border-color: var(--p-text); }
.mb__b--plin { color: #fff; background: var(--p-text); border-color: var(--p-text); }
.mb__b--plin:hover { color: #fff; background: #000; }
.mb__b--sterge { color: var(--p-text-3); border-color: transparent; }
.mb__b--sterge:hover { color: var(--rosu); border-color: var(--rosu); }
.mb__b[disabled] { opacity: .5; cursor: default; }
.mb__mai { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; color: var(--p-text-3); background: none; border: 1px solid transparent; border-radius: 50%; cursor: pointer; transition: transform .15s; }
.mb__mai:hover { color: var(--p-text); border-color: var(--p-linie-2); }
.mb__rand--desfacut .mb__mai { transform: rotate(180deg); }
.mb__jos { display: none; margin: 16px 0 0 64px; padding: 16px 0 0; border-top: 1px solid var(--p-linie); }
.mb__rand--desfacut .mb__jos { display: grid; gap: 14px; }
.mb__camp { display: grid; gap: 6px; font: 600 .75rem/1.3 var(--font-text); letter-spacing: .06em; text-transform: uppercase; color: var(--p-text-3); }
.mb__select { max-width: 420px; padding: 9px 32px 9px 12px; font: .9375rem/1.3 var(--font-text); letter-spacing: 0; text-transform: none; color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; }
.mb__date { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 16px; margin: 0; font: .875rem/1.5 var(--font-text); }
.mb__date dt { color: var(--p-text-3); }
.mb__date dd { margin: 0; color: var(--p-text-2); }
.mb__stare-rand { font: .8125rem/1.4 var(--font-text); color: var(--p-text-2); }
.mb__stare-rand:empty { display: none; }
.mb__act { display: flex; flex-wrap: wrap; gap: 8px; }
.mb__mai-lista { margin: 16px 0 0; text-align: center; }
@media (max-width: 900px) { .mb__cifre { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mb__unelte { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .mb__card { padding: 20px 16px 22px; }
  .mb__cifre { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .mb__sus { flex-wrap: wrap; }
  .mb__dreapta { width: 100%; justify-content: flex-start; padding-left: 64px; }
  .mb__jos { margin-left: 0; }
}

/* ---- Stories: link extern spre un fișier mare, fără subtitrare, Story din interval (26 oct 2026) ---- */
.mom__sub { display: block; font-weight: 400; color: #6b6b6b; font-size: 12.5px; margin-top: 2px; }
.mom__bifa { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 14px; font-size: 14px; cursor: pointer; }
.mom__bifa input { margin-top: 3px; accent-color: var(--rosu); width: 16px; height: 16px; flex: none; }
.mom__bifa small { display: block; color: #6b6b6b; font-size: 12.5px; margin-top: 2px; line-height: 1.4; }
.mom__bifa--rand { display: inline-flex; align-items: center; margin: 0 0 0 12px; vertical-align: middle; font-size: 13px; color: #444; }
.mom__bifa--rand input { margin-top: 0; }
.studio__ecran video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.demo__video video { width: 1280px; height: 720px; border: 0; pointer-events: none; object-fit: contain; background: transparent; }      /* transparent: la un video mai lat decât 16:9 se vede fundalul estompat, nu benzi negre */
.demo__ecran--plin .demo__video video { object-fit: cover; }      /* „tot ecranul”: decupajul 9:16 se ia din înălțimea reală a imaginii, ca la randare (fără benzi) */
.demo__fundal canvas { position: absolute; left: -355px; top: -36px; width: 1280px; height: 720px; transform: scale(.7667); transform-origin: 0 0; filter: blur(10px) brightness(.92) saturate(1.15); pointer-events: none; }
.studio__asteapta { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 24px; text-align: center; background: #111; color: #fff; font-size: 14px; }
.studio__asteapta small { color: #bbb; max-width: 460px; line-height: 1.45; }
.studio__asteapta b { font-variant-numeric: tabular-nums; margin-top: 6px; }
.studio__asteapta i { width: 10px; height: 10px; border-radius: 50%; background: var(--rosu); animation: lkPuls 1.2s ease-in-out infinite; }
@keyframes lkPuls { 50% { opacity: .25; } }
.mpi { border: 1px solid #e3e3e3; border-radius: 12px; padding: 16px 18px; margin: 18px 0; background: #fff; }
.mpi .mom__h4 { margin-top: 0; }
.mpi__rand { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-top: 10px; }
.mpi__timp { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 64px; text-align: center; padding: 6px 10px; border: 1px solid #e3e3e3; border-radius: 8px; background: #fafafa; }
.mpi__sep { color: #999; }
.mpi__durata { color: var(--rosu); font-weight: 600; font-variant-numeric: tabular-nums; }
.mpi__titlu { flex: 1 1 260px; margin: 0; }
.mpi [data-mpi-adauga]:disabled { opacity: .45; cursor: not-allowed; }
.rec--fara .mom__h4--rec, .rec--fara [data-mom-top], .rec--fara [data-mom-top-gol], .rec--fara [data-mom-alte], .rec--fara [data-mom-alte-filtru], .rec--fara [data-mom-alte-mai], .rec--fara [data-mom-cos], .rec--fara [data-mom-det-transcriere] { display: none !important; }
.rec--fara .mpi { border-color: #111; }
@media (max-width: 640px) { .mpi { padding: 14px; } .mpi__rand .buton { flex: 1 1 auto; } .mom__bifa--rand { margin: 10px 0 0; display: flex; } }
.studio__asteapta--eroare span { font-weight: 600; color: #ff8a8a; }
.studio__asteapta--eroare small + small { margin-top: 4px; color: #fff; }
.studio__sel { position: absolute; top: 0; bottom: 0; background: rgba(200, 16, 46, .22); border: 2px solid var(--rosu); border-radius: 6px; pointer-events: none; z-index: 2; }
.studio__linie { touch-action: pan-y; }