/* Panoul social: întâi pentru telefon (375 px), apoi laptop. Fără CDN-uri, fonturi de sistem. */
:root {
  --verde: #0d6b3c;
  --verde-deschis: #e7f2eb;
  --text: #1d2b24;
  --gri: #5c6b63;
  --linie: #d5e2da;
  --fond: #ffffff;
  --fond-2: #f4f7f5;
  --rosu: #b3261e;
  --rosu-deschis: #fbeceb;
  --galben: #8a6d00;
  --galben-deschis: #fbf5e1;
  --albastru: #1b5fa8;
  --albastru-deschis: #e9f1fa;
  --raza: 10px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  color: var(--text);
  background: var(--fond-2);
  padding-bottom: calc(68px + env(safe-area-inset-bottom));
}
body.fara-nav { padding-bottom: 24px; }

a { color: var(--albastru); }
h1, h2, h3 { line-height: 1.25; }
h2 { font-size: 1.15rem; margin: 0 0 8px; }
h3 { font-size: 1rem; margin: 0 0 6px; }
p { margin: 0 0 8px; }
ul { margin: 0 0 8px; padding-left: 20px; }

/* ---------- antetul */
.sus {
  background: var(--verde);
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.sus-in {
  max-width: 780px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
}
.sus h1 { font-size: 1.2rem; margin: 0; }
.cont { display: flex; align-items: center; gap: 4px 14px; flex-wrap: wrap; font-size: 0.9rem; }
.cont a { color: #fff; text-decoration: none; padding: 10px 2px; min-height: 44px; display: inline-flex; align-items: center; }
.cont a.activ, .cont a:hover { text-decoration: underline; }
.cont .cine { opacity: 0.85; }

/* ---------- conținutul */
.continut { max-width: 780px; margin: 0 auto; padding: 12px 12px 8px; }
.intro { color: var(--gri); margin: 4px 4px 10px; }

.card {
  background: var(--fond);
  border: 1px solid var(--linie);
  border-radius: var(--raza);
  padding: 14px;
  margin: 0 0 12px;
}
.card.secundar { background: var(--fond-2); }
.card-sus { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 0.9rem; color: var(--gri); margin-bottom: 4px; }
.card-sus .data { font-weight: 600; color: var(--text); }
.card h2 a { color: var(--text); text-decoration: none; }
.card h2 a:hover { text-decoration: underline; }

.mic { font-size: 0.875rem; color: var(--gri); }
.id { font-family: Consolas, "Courier New", monospace; font-size: 0.8rem; word-break: break-all; }
.detalii { color: var(--gri); }
.verde { color: var(--verde); font-weight: 600; }
.rosu { color: var(--rosu); }

.avertizare, .info, .ok, .eroare {
  border-radius: 8px;
  padding: 10px 12px;
  margin: 8px 0;
}
.avertizare { background: var(--galben-deschis); color: #5c4800; border-left: 4px solid var(--galben); }
.avertizare p:last-child { margin-bottom: 0; }
.info { background: var(--albastru-deschis); border-left: 4px solid var(--albastru); }
.ok { background: var(--verde-deschis); border-left: 4px solid var(--verde); }
.eroare { background: var(--rosu-deschis); color: var(--rosu); border-left: 4px solid var(--rosu); white-space: pre-wrap; }

details { margin: 8px 0; }
summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 600; color: var(--verde); }
details ul { margin-top: 6px; }
details li { margin-bottom: 6px; }
.suprapunere { border-top: 1px solid var(--linie); padding-top: 8px; margin-top: 4px; }
.lista-simpla li { margin-bottom: 6px; }

/* ---------- butoane și formulare */
.buton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid var(--verde);
  background: #fff;
  color: var(--verde);
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.buton.principal { background: var(--verde); color: #fff; }
.buton.pericol { border-color: var(--rosu); color: var(--rosu); }
.buton:disabled { background: #c9d3cd; border-color: #c9d3cd; color: #fff; cursor: not-allowed; }
.rand-butoane { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-top: 8px; }

form label { display: block; font-weight: 600; margin: 8px 0 4px; }
textarea, select, input[type="password"], input[type="text"] {
  width: 100%;
  font: inherit;
  font-size: 16px;
  padding: 10px;
  border: 1px solid #aebdb4;
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  min-height: 44px;
}
form .buton { margin-top: 10px; width: 100%; }
label.conditie {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 400;
  padding: 10px;
  margin: 0 0 8px;
  border: 1px solid var(--linie);
  border-radius: 8px;
  background: var(--fond-2);
  cursor: pointer;
}
label.conditie input, .bifa-rand input { width: 24px; height: 24px; flex: 0 0 24px; margin: 0; accent-color: var(--verde); }

.login { max-width: 420px; margin: 24px auto; }
.login input { font-size: 1.4rem; letter-spacing: 0.3em; text-align: center; }
pre.comanda { background: var(--fond-2); padding: 10px; border-radius: 8px; overflow-x: auto; font-size: 0.85rem; }

/* ---------- postările din set */
.postare h2 { margin-bottom: 10px; }
.media { margin: 0 0 12px; }
.media video, .media > a > img {
  display: block;
  width: 100%;
  max-height: 75vh;
  background: #000;
  border-radius: 8px;
  object-fit: contain;
}
.media.story video, .media.story > a > img {
  width: auto;
  max-width: 100%;
  max-height: 70vh;
  aspect-ratio: 9 / 16;
  margin: 0 auto;
  background: #000;
}
.media .fisiere { margin-top: 6px; word-break: break-word; }

.carusel {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  overscroll-behavior-x: contain;
}
.carusel figure { flex: 0 0 86%; margin: 0; scroll-snap-align: center; }
.carusel img, .carusel video { display: block; width: 100%; height: auto; border-radius: 8px; background: #000; }
.carusel figcaption { text-align: center; font-size: 0.8rem; color: var(--gri); margin-top: 2px; }

.platforma { border-top: 1px solid var(--linie); padding: 10px 0 4px; }
.platforma-sus { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.platforma-sus .pastila { margin-left: auto; }
.cand { font-weight: 600; margin: 4px 0; }
.text-postare {
  white-space: pre-wrap;
  word-break: break-word;
  background: var(--fond-2);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 6px 0 8px;
}
.text-postare b { color: var(--verde); }
.mic-bloc { display: block; font-size: 0.875rem; padding: 6px 8px; margin: 4px 0; }
.comentariu { background: var(--albastru-deschis); border-radius: 8px; padding: 8px 10px; }
.acord { border-top: 1px solid var(--linie); padding-top: 10px; margin-top: 6px; }
.acord p { background: var(--verde-deschis); border-radius: 8px; padding: 8px 10px; }

.pastila {
  display: inline-block;
  color: #fff;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.5;
}

/* ---------- publicarea */
.elemente { list-style: none; padding: 0; margin: 10px 0 0; }
.elemente li { border-top: 1px solid var(--linie); padding: 8px 0; }
.elemente .eticheta { font-weight: 600; }
.rand-stare { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; align-items: center; }

/* ---------- săptămâna */
.navigare-sapt { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 12px; }
.navigare-sapt .buton { padding: 8px 10px; font-size: 0.9rem; }
.sapt-titlu { text-align: center; display: flex; flex-direction: column; }
h2.zi { font-size: 1rem; margin: 18px 4px 8px; color: var(--verde); }
h2.zi.azi { text-decoration: underline; }
h2.zi .de-aprobat-zi { color: var(--gri); font-weight: 400; text-decoration: none; display: inline-block; }
.de-aprobat-sapt h2 { font-size: 1rem; margin: 0 0 4px; }
.lista-seturi { padding-left: 22px; margin: 8px 0 0; }
.lista-seturi li { margin-bottom: 10px; }
.lista-seturi li .mic { display: block; }
.postare-info .ce + .mic { margin: -4px 0 6px; }
.postare-sapt { display: flex; gap: 12px; align-items: flex-start; }
.postare-sapt .mini { width: 72px; height: 96px; object-fit: cover; border-radius: 6px; flex: 0 0 72px; background: var(--fond-2); border: 1px solid var(--linie); }
.postare-info { flex: 1; min-width: 0; }
.postare-info .ce { font-weight: 600; margin-bottom: 6px; word-break: break-word; }
.platforme { list-style: none; padding: 0; margin: 0; }
.platforme li { margin: 0 0 6px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.platforme .pl { font-weight: 600; min-width: 74px; }
.platforme p { flex-basis: 100%; margin: 2px 0 0; }
.publicator ul { padding-left: 18px; }

.de-mana { list-style: none; padding: 0; margin: 0; }
.de-mana li { border-top: 1px solid var(--linie); padding: 10px 0; }
.de-mana li.facut { opacity: 0.75; }
.bifa-rand { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 400 !important; cursor: pointer; min-height: 44px; }

/* ---------- mesajele */
.mesaj.stare-nou { border-left: 4px solid var(--galben); }
.text-mesaj { white-space: pre-wrap; word-break: break-word; }
.raspuns { background: var(--verde-deschis); border-left: 4px solid var(--verde); border-radius: 8px; padding: 8px 12px; margin-top: 8px; }
.eticheta-stare { font-weight: 600; }

/* ---------- legăturile de sus din pagină (Reclame, Progres) */
.sari { display: flex; gap: 6px; overflow-x: auto; margin: 0 0 12px; padding-bottom: 2px; -webkit-overflow-scrolling: touch; }
.sari a {
  flex: 0 0 auto;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid var(--linie);
  border-radius: 999px;
  background: var(--fond);
  color: var(--verde);
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
code { font-family: Consolas, "Courier New", monospace; font-size: 0.85em; background: var(--fond-2); padding: 0 3px; border-radius: 4px; word-break: break-word; }

/* ---------- reclamele */
.stare-gata { background: #1c7a3e; }
.stare-decis { background: var(--galben); }
.stare-asculta { background: var(--albastru); }
.stare-nu { background: var(--rosu); }
.reclama h2 { margin-bottom: 4px; }
.reclama .carusel { margin-top: 8px; }
.carusel figure.fmt-9x16 video { aspect-ratio: 9 / 16; max-height: 70vh; object-fit: contain; }
.carusel figure.fmt-4x5 video { aspect-ratio: 4 / 5; object-fit: contain; }
/* înălțimea știută dinainte: imaginile leneșe nu mai mută pagina (și ancorele) când se încarcă */
.carusel figure.fmt-4x5 img { aspect-ratio: 4 / 5; object-fit: cover; }
.carusel figure.fmt-9x16 img { aspect-ratio: 9 / 16; object-fit: cover; }
.carusel figure.fmt-1x1 img { aspect-ratio: 1 / 1; object-fit: cover; }
/* ancorele (#r-…, #meta) nu rămân sub antetul fix */
[id] { scroll-margin-top: 100px; }
.bloc { border-top: 1px solid var(--linie); padding-top: 10px; margin-top: 10px; }
audio { display: block; width: 100%; margin: 6px 0; }
.verdict { border-top: 2px solid var(--verde); padding-top: 10px; margin-top: 12px; }
.butoane-verdict { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.butoane-verdict.unul { grid-template-columns: 1fr; }
.butoane-verdict .buton { width: 100%; margin-top: 8px; padding: 10px 6px; }
.verdict .mesaj, .intrebare .mesaj { border-left: 3px solid var(--linie); padding-left: 10px; margin: 8px 0; }
.copiaza { border-top: 1px solid var(--linie); padding-top: 8px; margin-top: 8px; }
.copiaza label { display: block; font-weight: 600; margin-bottom: 4px; }
.rand-copiaza { display: flex; gap: 8px; align-items: stretch; }
.rand-copiaza input { flex: 1; min-width: 0; font-family: Consolas, "Courier New", monospace; font-size: 0.9rem; }
.rand-copiaza .buton { width: auto; margin-top: 0; flex: 0 0 auto; }
table.cifre { width: 100%; border-collapse: collapse; font-size: 0.9rem; margin: 6px 0; }
table.cifre th, table.cifre td { padding: 5px 4px; border-top: 1px solid var(--linie); text-align: right; }
table.cifre th:first-child { text-align: left; font-weight: 600; color: var(--gri); }
table.cifre thead th { border-top: 0; color: var(--gri); font-weight: 600; }
.reclama-meta h3 { word-break: break-word; }
details.card > summary { margin: -4px 0; }
details.card .reclama-meta { border-top: 1px solid var(--linie); padding-top: 10px; margin-top: 10px; }

/* ---------- „Pe scurt”: cifrele mari, canalele cu bare, semnalele */
.cifra-mare { font-size: 1.6rem; font-weight: 700; line-height: 1.2; margin: 4px 0 10px; }
.cifra-mare .mic { font-size: 0.875rem; font-weight: 400; }
ul.canale { list-style: none; padding: 0; margin: 0 0 8px; }
ul.canale > li { padding: 8px 0; border-top: 1px solid var(--linie); }
.canal-sus { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 0.95rem; }
.bara { height: 8px; background: var(--fond-2); border-radius: 4px; overflow: hidden; margin: 6px 0 4px; }
.bara span { display: block; height: 100%; background: var(--albastru); border-radius: 4px; min-width: 2px; }
.bara.verde span { background: #1c7a3e; }
.delta { font-size: 0.8rem; font-weight: 600; color: var(--gri); white-space: nowrap; }
.delta.bine { color: #1c7a3e; }
.delta.rau { color: var(--rosu); }
.semnal { border-left: 4px solid var(--linie); border-radius: 8px; padding: 8px 12px; margin: 8px 0; background: var(--fond-2); }
.semnal p { margin: 0 0 4px; }
.semnal p:last-child { margin-bottom: 0; }
.semnal.rosu { border-left-color: var(--rosu); background: var(--rosu-deschis); }
.semnal.galben { border-left-color: var(--galben); background: var(--galben-deschis); }
.semnal.albastru { border-left-color: var(--albastru); background: var(--albastru-deschis); }
.semnal.verde { border-left-color: #1c7a3e; background: var(--verde-deschis); }
.eticheta.rosu { background: var(--rosu-deschis); color: var(--rosu); font-weight: 600; }

/* plăcile de sus din „De aprobat” și „Progres” */
.placi { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0 0 12px; }
.placa { display: flex; flex-direction: column; gap: 2px; background: var(--fond); border: 1px solid var(--linie);
         border-radius: var(--raza); padding: 10px 12px; color: var(--text); text-decoration: none; min-height: 76px; }
.placa b { font-size: 1.5rem; line-height: 1.1; }
.placa span { font-size: 0.85rem; color: var(--gri); line-height: 1.25; }
.placa.cere b { color: var(--galben); }
.placa.rau b { color: var(--rosu); }
.placa.bine b { color: #1c7a3e; }
.placa.liniste b { color: var(--gri); }
.pas-urmator { background: var(--verde-deschis); border-left: 4px solid var(--verde); border-radius: 8px; padding: 10px 12px; margin: 0 0 12px; }

/* rândurile strânse (reclamele gata, ce rulează): se deschid la atingere */
details.reclama, details.reclama-meta { padding: 0; }
details.reclama > :not(summary), details.reclama-meta > :not(summary) { margin-left: 14px; margin-right: 14px; }
details.reclama[open] > :last-child, details.reclama-meta[open] > :last-child { margin-bottom: 14px; }
summary.rand-reclama {
  display: flex; flex-direction: column; gap: 3px; align-items: stretch; min-height: 56px;
  padding: 12px 14px; color: var(--text); font-weight: 400; list-style: none;
}
summary.rand-reclama::-webkit-details-marker { display: none; }
summary.rand-reclama.cu-mini { flex-direction: row; gap: 12px; align-items: center; }
summary.rand-reclama .mini { width: 56px; height: 70px; flex: 0 0 56px; object-fit: cover; border-radius: 6px;
                             background: var(--fond-2); border: 1px solid var(--linie); }
.rand-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.nume-reclama { font-weight: 600; word-break: break-word; }
summary.rand-reclama > .eticheta { align-self: flex-start; }
.etichete { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
details[open] > summary.rand-reclama { border-bottom: 1px solid var(--linie); margin-bottom: 10px; }
.titlu-grupa { margin: 16px 4px 4px; color: var(--verde); }
.filtre { display: flex; gap: 6px; overflow-x: auto; margin: 0 0 10px; padding-bottom: 2px; }
.filtru { flex: 0 0 auto; min-height: 40px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--linie);
          background: var(--fond); color: var(--text); font: inherit; font-size: 0.875rem; cursor: pointer; white-space: nowrap; }
.filtru.activ { background: var(--verde); border-color: var(--verde); color: #fff; font-weight: 600; }

/* ---------- progresul */
.etape { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 8px 0; }
.etapa { background: var(--fond-2); border-radius: 8px; padding: 8px 4px; text-align: center; display: flex; flex-direction: column; gap: 2px; }
.etapa b { font-size: 1.4rem; line-height: 1.1; }
.etapa span { font-size: 0.75rem; color: var(--gri); line-height: 1.2; }
.etapa-de_aprobat b { color: var(--galben); }
.etapa-aprobat b, .etapa-programat b { color: var(--albastru); }
.etapa-publicat b { color: #1c7a3e; }
.intrebare { border-top: 1px solid var(--linie); padding-top: 10px; margin-top: 10px; }
.intrebare:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
.intrebare ul { font-size: 0.9rem; }
.acord-rand { border-top: 1px solid var(--linie); padding: 10px 0 2px; }
.eticheta { display: inline-block; border-radius: 6px; padding: 1px 7px; margin: 2px 4px 2px 0; font-size: 0.8rem; }
.eticheta.gri { background: #eceeed; color: var(--gri); }
.eticheta.galben { background: var(--galben-deschis); color: #5c4800; font-weight: 600; }
.eticheta.albastru { background: var(--albastru-deschis); color: var(--albastru); }
.eticheta.verde { background: var(--verde-deschis); color: var(--verde); }
ul.conturi { list-style: none; padding: 0; margin: 0 0 10px; }
ul.conturi > li { border-top: 1px solid var(--linie); padding: 8px 0; }
ul.conturi > li ul { margin-top: 4px; }

/* ---------- bara de jos */
.jos {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  background: #fff;
  border-top: 1px solid var(--linie);
  padding-bottom: env(safe-area-inset-bottom);
}
.jos a {
  min-height: 58px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4px 2px;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--gri);
  text-decoration: none;
  border-top: 3px solid transparent;
}
.jos a.activ { color: var(--verde); border-top-color: var(--verde); background: var(--verde-deschis); }
.jos .iconita { width: 22px; height: 22px; flex: 0 0 auto; }
.jos.putine a { font-size: 0.9rem; }
.jos.putine .iconita { width: 24px; height: 24px; }
@media (max-width: 420px) { .jos a { font-size: 0.72rem; padding: 4px 1px; } .jos.putine a { font-size: 0.9rem; } }

@media (min-width: 700px) {
  .continut { padding: 18px 16px 12px; }
  .card { padding: 18px; }
  form .buton { width: auto; }
  .carusel figure { flex-basis: 46%; }
  .postare-sapt .mini { width: 96px; height: 128px; flex-basis: 96px; }
  .jos { max-width: 780px; margin: 0 auto; border-left: 1px solid var(--linie); border-right: 1px solid var(--linie); }
  .jos a { font-size: 0.95rem; }
}

/* ---------- „Publicate” */
table.cifre.stanga th, table.cifre.stanga td { text-align: left; }
ol.top { padding-left: 22px; }
ol.top li { margin-bottom: 8px; }
.form-tiktok .campuri { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 10px; }
.form-tiktok .campuri label { font-weight: 400; font-size: 0.9rem; }
.form-tiktok .campuri input { margin-top: 4px; }
span.placa { cursor: default; }

/* ---------- campania: graficul pe zile (stâlpi = cheltuiala, cifra de sus = rezultatele) */
.grafic { display: flex; align-items: flex-end; gap: 2px; height: 160px; border-bottom: 1px solid var(--linie);
          margin: 8px 0 20px; padding-top: 14px; }
.coloana { flex: 1; min-width: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;
           align-items: center; position: relative; }
.stalp { width: 100%; background: var(--albastru); border-radius: 2px 2px 0 0; min-height: 1px; }
.coloana.fara .stalp { background: #aab4ae; }
.coloana .nr { font-size: 0.62rem; font-weight: 700; color: #1c7a3e; line-height: 1.1; white-space: nowrap; }
.zi-grafic { position: absolute; bottom: -16px; font-size: 0.6rem; color: var(--gri); visibility: hidden; }
.coloana:nth-child(5n+1) .zi-grafic, .coloana:last-child .zi-grafic { visibility: visible; }
details.campanii { margin: 4px 0 0; }
details.campanii summary { min-height: 36px; font-size: 0.875rem; }

/* ---------- aprobarea din preview: comutatoarele „iese”, condițiile lângă postare, bara fixă de jos */
.comuta { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; cursor: pointer; margin: 0; }
.comuta input { width: 24px; height: 24px; flex: 0 0 24px; margin: 0; accent-color: var(--verde); }
form label.comuta, label.comuta { display: inline-flex; margin: 0; }
.comuta-postare {
  min-height: 44px;
  padding: 6px 14px 6px 10px;
  margin: 0 0 10px;
  border: 1px solid var(--verde);
  border-radius: 999px;
  background: var(--verde-deschis);
  color: var(--verde);
}
.platforma-sus .comuta-element { margin-left: auto; min-height: 40px; padding: 0 2px 0 8px; color: var(--verde); font-size: 0.95rem; }
.postare.scoasa .comuta-postare { border-color: var(--rosu); background: var(--rosu-deschis); color: var(--rosu); }
.postare.scoasa .media, .postare.scoasa .conditii-postare, .postare.scoasa .acord { opacity: 0.35; }
.platforma.scoasa > :not(.platforma-sus) { opacity: 0.35; }
.platforma.scoasa .comuta-element { color: var(--rosu); }
.conditii-postare { margin: 0 0 8px; }
.conditii-postare > p { margin: 0 0 6px; }
label.conditie.fara-obiect { opacity: 0.5; }
label.conditie.fara-obiect span { text-decoration: line-through; }
label.conditie.lipsa { border-color: var(--galben); background: var(--galben-deschis); box-shadow: 0 0 0 2px var(--galben); }
.observa-postare { width: 100%; margin-top: 10px; }
.bara-aprobare {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(57px + env(safe-area-inset-bottom));
  z-index: 9;
  background: #fff;
  border-top: 1px solid var(--linie);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
  padding: 8px 12px;
}
.bara-aprobare form { max-width: 780px; margin: 0 auto; }
.bara-aprobare .bara-stare { margin: 0 0 6px; font-size: 0.875rem; line-height: 1.3; color: var(--gri); }
.rand-butoane-bara { display: flex; gap: 8px; }
.bara-aprobare form .buton { margin: 0; width: auto; }
.rand-butoane-bara .buton { flex: 1 1 0; }
.rand-butoane-bara .buton.principal { flex-grow: 1.6; }
.buton.pericol.plin { background: var(--rosu); border-color: var(--rosu); color: #fff; }
.bara-aprobare.respinge-deschis #form-aproba { display: none; }
.panou-respinge { max-height: calc(100vh - 140px); overflow-y: auto; overscroll-behavior: contain; }
.panou-respinge h3 { margin: 2px 0 4px; }
.panou-respinge form label { margin-top: 4px; }
.panou-respinge textarea { min-height: 72px; }
fieldset.refacere { border: 0; padding: 0; margin: 8px 0 0; }
fieldset.refacere legend { font-weight: 600; padding: 0; margin-bottom: 6px; }
fieldset.refacere label.conditie { margin-bottom: 6px; padding: 8px 10px; }
fieldset.refacere input[type="radio"] { width: 22px; height: 22px; flex: 0 0 22px; margin: 2px 0 0; accent-color: var(--rosu); }
#mesaj-respinge:empty { display: none; }
.loc-bara { height: 116px; }
@media (min-width: 700px) {
  .bara-aprobare { max-width: 780px; margin: 0 auto; border-left: 1px solid var(--linie); border-right: 1px solid var(--linie); }
  .observa-postare { width: auto; }
}
.eroare-text { color: var(--rosu); font-weight: 600; }
#form-aplica input[type=text] { width: 100%; font-size: 1rem; padding: 10px; margin: 6px 0 10px; box-sizing: border-box; }

/* ---------- creativele de ales (/propuneri) */
.sir-mini { display: flex; gap: 6px; overflow-x: auto; margin: 8px 0; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
.sir-mini a { flex: 0 0 auto; }
.sir-mini img { display: block; height: 104px; width: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px;
                border: 1px solid var(--linie); background: var(--fond-2); }
.lot .buton { width: 100%; margin-top: 4px; }
input.ascuns { display: none; }
.alegere { display: flex; gap: 8px; margin: 10px 0 8px; }
.buton-alegere {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 50px;
  padding: 6px 10px;
  border: 2px solid var(--linie);
  border-radius: 10px;
  background: #fff;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
}
.buton-alegere input { width: 22px; height: 22px; margin: 0; flex: 0 0 22px; }
.buton-alegere.place input { accent-color: var(--verde); }
.buton-alegere.nu input { accent-color: var(--rosu); }
.optiune.ales-imi_place .buton-alegere.place, .buton-alegere.place:has(input:checked) {
  border-color: var(--verde); background: var(--verde-deschis); color: var(--verde);
}
.optiune.ales-nu .buton-alegere.nu, .buton-alegere.nu:has(input:checked) {
  border-color: var(--rosu); background: var(--rosu-deschis); color: var(--rosu);
}
.optiune.ales-imi_place { border-color: var(--verde); box-shadow: inset 4px 0 0 var(--verde); }
.optiune.ales-nu { box-shadow: inset 4px 0 0 var(--rosu); }
.optiune.ales-nu .media-optiune { opacity: 0.45; }
.media-optiune > a > img { max-height: 70vh; }
.optiune textarea { min-height: 52px; }
.intrebare { border-top: 1px solid var(--linie); padding-top: 10px; margin-top: 12px; }
.intrebare:first-of-type { border-top: 0; margin-top: 0; }
.intrebare label.conditie { margin-bottom: 6px; }
.intrebare label.conditie input[type="radio"] { width: 22px; height: 22px; flex: 0 0 22px; margin: 2px 0 0; accent-color: var(--verde); }
.antet-lot .raspuns { margin: 6px 0; }
.media-optiune img.fmt-4x5 { aspect-ratio: 4 / 5; object-fit: contain; }
.media-optiune img.fmt-9x16 { aspect-ratio: 9 / 16; object-fit: contain; }
.media-optiune img.fmt-1x1 { aspect-ratio: 1 / 1; object-fit: contain; }
.media-optiune .carusel figure.fmt-9x16 img { object-fit: contain; max-height: 70vh; }
.media-optiune .carusel img { background: var(--fond-2); }

/* variantele de text din „Creative de ales” (fel: text) */
.texte-optiune { display: grid; gap: 8px; margin: 8px 0; }
.text-copy { border-left: 4px solid var(--verde); background: var(--verde-deschis); border-radius: 6px; padding: 8px 12px; }
.text-copy p { margin: 2px 0; white-space: pre-wrap; }
.text-copy p:not(.mic) { font-size: 1.05rem; }

/* ---------- „Ce urmează” (ecranul colegei, 02.11.2026) */
.bun-venit .salut { font-size: 1.25rem; font-weight: 700; margin-bottom: 6px; }
.bun-venit .placi { margin: 10px 0 0; }
body.simplu { font-size: 17px; }
.postare-urmeaza h2 { font-size: 1.1rem; margin-top: 2px; }
.postare-urmeaza.rezerva { opacity: 0.8; border-style: dashed; }
.unde { margin: 0 0 6px; }
.stare-postare { font-size: 0.9rem; border-radius: 8px; padding: 6px 10px; margin: 0 0 10px; }
.stare-postare.aprobata { background: var(--verde-deschis); color: #14532d; }
.stare-postare.asteapta { background: var(--galben-deschis); color: #5c4a00; }
.stare-postare.rezerva { background: var(--fond-2); color: var(--gri); }
.text-urmeaza { margin: 8px 0; }
.text-urmeaza summary { font-weight: 600; color: var(--albastru); padding: 8px 0; }
.pareri { border-top: 1px solid var(--linie); margin-top: 10px; padding-top: 8px; }
.pareri h3 { font-size: 0.95rem; color: var(--gri); }
.parere { border-left: 4px solid var(--linie); background: var(--fond-2); border-radius: 8px; padding: 6px 10px; margin: 6px 0; }
.parere p { margin: 0 0 2px; }
.parere.place { border-left-color: #1c7a3e; }
.parere.schimb { border-left-color: var(--galben); }
.form-parere { border-top: 1px solid var(--linie); margin-top: 10px; padding-top: 8px; }
.form-parere label { font-weight: 600; }
.butoane-parere { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; }
.butoane-parere .buton { width: 100%; margin-top: 0; min-height: 48px; font-size: 1rem; }
.butoane-parere .buton.place { background: #1c7a3e; border-color: #1c7a3e; color: #fff; }
.butoane-parere .buton.schimb { background: var(--galben-deschis); border-color: var(--galben); color: #5c4a00; }
.mesaj-parere:empty { display: none; }

/* ---------- „Ce merge” (Reclame și Postări) */
.ce-merge h3 { margin-top: 12px; }
.ce-merge h3:first-of-type { margin-top: 4px; }
.concluzii { list-style: none; padding: 0; margin: 0 0 6px; }
.concluzii li { background: var(--albastru-deschis); border-radius: 8px; padding: 8px 12px; margin: 0 0 6px; }
ul.merge { list-style: none; padding: 0; margin: 0 0 8px; }
ul.merge li { border-left: 4px solid var(--linie); border-radius: 8px; padding: 8px 12px; margin: 0 0 6px; background: var(--fond-2); }
ul.merge.bine li { border-left-color: #1c7a3e; background: var(--verde-deschis); }
ul.merge.rau li, ul.merge li.rau { border-left-color: var(--rosu); background: var(--rosu-deschis); }
ul.merge li.bine { border-left-color: #1c7a3e; background: var(--verde-deschis); }
ul.merge li a { color: var(--text); font-weight: 600; text-decoration: none; }
ul.merge li a:hover { text-decoration: underline; }
ul.merge li .mic { display: block; }
.top-postari { list-style: none; padding: 0; margin: 0 0 8px; }
.top-postari li { display: flex; gap: 10px; align-items: center; padding: 6px 0; border-top: 1px solid var(--linie); }
.top-postari li:first-child { border-top: 0; }
.top-postari .mini { width: 56px; height: 72px; flex: 0 0 56px; object-fit: cover; border-radius: 6px; background: var(--fond-2); }
.top-postari a { color: var(--text); font-weight: 600; text-decoration: none; }
.formate { margin: 4px 0 8px; }
.formate .rand-format { display: grid; grid-template-columns: 74px 1fr auto; gap: 8px; align-items: center; font-size: 0.9rem; margin: 4px 0; }
.formate .bara { margin: 0; }

/* ---------- exportul apelurilor */
.export-apeluri .campuri { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.export-apeluri select { width: 100%; }