/* Extensia „Camere de hotel" — prefix ch-. Culorile și fonturile vin din tema site-ului
   (--color-primary, --sd-*, --font-heading/--font-body), cu valori de rezervă.
   1.2.0: șabloanele (`ch-l-*` pe detaliu, `ch-lt-*` pe listă) și colțurile (`ch-r-*`). */
.ch{--ch-acc:var(--color-primary,#8a6d3b);--ch-ink:var(--sd-heading,#1f2328);--ch-text:var(--sd-text,#3d4249);--ch-muted:var(--sd-muted,#6b7178);--ch-line:var(--sd-border,#e4e1dc);--ch-card:var(--sd-card,#fff);--ch-soft:var(--sd-section-2,#f6f4f0);--ch-r:14px;--ch-r-s:9px;padding:var(--bpt,72px) 0 var(--bpb,72px);color:var(--ch-text);font-family:var(--font-body,inherit)}
.ch.ch-r-drepte{--ch-r:2px;--ch-r-s:2px}
.ch *{box-sizing:border-box}
.ch-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.ch-cap{margin-bottom:28px}
.ch-detaliu .ch-cap{max-width:900px}
.ch-lista .ch-cap-centru{text-align:center;max-width:720px;margin:0 auto 40px}
.ch-eyebrow{margin:0 0 8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ch-acc);font-weight:600}
.ch-titlu{margin:0;font-family:var(--font-heading,inherit);color:var(--ch-ink);font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.15;text-wrap:balance}
.ch-intro{margin:14px 0 0;color:var(--ch-muted);font-size:1.05rem;line-height:1.6}
.ch-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ch-ico{width:20px;height:20px;flex:none}

/* ── Detaliu: bucățile comune ───────────────────────────── */
.ch-grid{display:grid;gap:32px;grid-template-columns:1fr}
.ch-galerie{min-width:0}
/* Pe telefon, prețul și „Rezervă" urcă imediat sub galerie (nu la finalul paginii). */
@media (max-width:959px){.ch-rezervare{order:1}.ch-info{order:2}}
.ch-mare{display:block;position:relative;width:100%;padding:0;border:0;background:var(--ch-soft);border-radius:var(--ch-r);overflow:hidden;cursor:zoom-in;aspect-ratio:4/3}
.ch-mare img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ch-mare:hover img{transform:scale(1.02)}
.ch-mare:focus-visible,.ch-miniatura:focus-visible,.ch-btn:focus-visible,.ch-card-link:focus-visible,.ch-tesera:focus-visible,.ch-fasie-foto:focus-visible,.ch-erou-foto:focus-visible,.ch-toate:focus-visible,.ch-sageata:focus-visible{outline:3px solid var(--ch-acc);outline-offset:3px}
.ch-numar{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.6);color:#fff;font-size:.8rem;padding:4px 10px;border-radius:999px}
.ch-miniaturi{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-top:10px}
.ch-miniatura{padding:0;border:2px solid transparent;border-radius:var(--ch-r-s);overflow:hidden;background:var(--ch-soft);cursor:pointer;aspect-ratio:4/3;opacity:.72;transition:opacity .2s,border-color .2s}
.ch-miniatura img{width:100%;height:100%;object-fit:cover;display:block}
.ch-miniatura:hover,.ch-miniatura[aria-current="true"]{opacity:1}
.ch-miniatura[aria-current="true"]{border-color:var(--ch-acc)}
.ch-info{min-width:0}
.ch-date{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.ch-date li{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--ch-line);border-radius:var(--ch-r-s);background:var(--ch-card);color:var(--ch-ink);font-size:.95rem}
.ch-date-ico{color:var(--ch-acc);display:inline-flex}
.ch-descriere{line-height:1.75;font-size:1.02rem}
.ch-descriere p{margin:0 0 1em}
.ch-subtitlu{margin:28px 0 14px;font-family:var(--font-heading,inherit);color:var(--ch-ink);font-size:1.2rem}
.ch-dotari{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 18px}
.ch-dotari li{display:flex;align-items:center;gap:10px;color:var(--ch-text)}
.ch-dotari .ch-ico{color:var(--ch-acc)}
.ch-alte{margin:24px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.ch-alte div{border-top:1px solid var(--ch-line);padding-top:8px}
.ch-alte dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ch-muted)}
.ch-alte dd{margin:2px 0 0;color:var(--ch-ink)}
.ch-rezervare{border:1px solid var(--ch-line);border-radius:var(--ch-r);padding:24px;background:var(--ch-card);display:grid;gap:14px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.ch-pret-bloc{display:grid;gap:4px}
.ch-pret{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;color:var(--ch-ink)}
.ch-pret-prefix{font-size:.9rem;color:var(--ch-muted)}
.ch-pret-suma{font-family:var(--font-heading,inherit);font-size:2.2rem;line-height:1;font-weight:700}
.ch-pret-unitate{font-size:.95rem;color:var(--ch-muted)}
.ch-pret-nota{margin:0;color:var(--ch-muted);font-size:.9rem}
.ch-butoane{display:grid;gap:10px}
.ch-btn{display:block;text-align:center;padding:13px 18px;border-radius:var(--ch-r-s);font-weight:600;text-decoration:none;transition:filter .2s,background .2s,color .2s}
.ch-btn-plin{background:var(--ch-acc);color:#fff}
.ch-btn-plin:hover{filter:brightness(1.08)}
.ch-btn-contur{border:1.5px solid var(--ch-acc);color:var(--ch-acc)}
.ch-btn-contur:hover{background:var(--ch-acc);color:#fff}
.ch-toate{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ch-line);background:var(--ch-card);color:var(--ch-ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.ch-toate:hover{border-color:var(--ch-acc);color:var(--ch-acc)}

/* ── Șablonul „alături" (1.0.0) și „sus" (1.0.0) ─────────── */
@media (min-width:960px){
  /* `auto 1fr`: rândul casetei rămâne cât caseta. Fără el, galeria înaltă (pe două rânduri)
     împărțea spațiul în plus între ele și sub „Rezervă" rămânea o gaură. */
  .ch-l-alaturi .ch-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"galerie rezervare" "galerie info"}
  .ch-l-alaturi .ch-galerie{grid-area:galerie}
  .ch-l-alaturi .ch-info{grid-area:info}
  .ch-l-alaturi .ch-rezervare{grid-area:rezervare;align-self:start}
  .ch-l-sus .ch-grid,.ch-l-mozaic .ch-grid,.ch-l-erou .ch-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"galerie galerie" "info rezervare"}
  .ch-l-sus .ch-galerie,.ch-l-mozaic .ch-galerie{grid-area:galerie}
  .ch-l-sus .ch-info,.ch-l-mozaic .ch-info,.ch-l-erou .ch-info{grid-area:info}
  .ch-l-sus .ch-rezervare,.ch-l-mozaic .ch-rezervare,.ch-l-erou .ch-rezervare{grid-area:rezervare;align-self:start}
  .ch-lipicios.ch-l-sus .ch-rezervare,.ch-lipicios.ch-l-mozaic .ch-rezervare,.ch-lipicios.ch-l-erou .ch-rezervare{position:sticky;top:96px}
}
.ch-l-sus .ch-mare{aspect-ratio:16/8}

/* ── Șablonul „mozaic": o fotografie mare + până la patru mici ─ */
.ch-mozaic{position:relative;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:2/1;border-radius:var(--ch-r);overflow:hidden}
.ch-tesera{padding:0;border:0;background:var(--ch-soft);cursor:zoom-in;overflow:hidden;min-height:0}
.ch-tesera img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s}
.ch-tesera:hover img{transform:scale(1.03);filter:brightness(.94)}
.ch-tesera:first-child{grid-column:span 2;grid-row:span 2}
.ch-mozaic-1 .ch-tesera:first-child{grid-column:1 / -1}
.ch-mozaic-2 .ch-tesera:nth-child(2){grid-column:span 2;grid-row:span 2}
.ch-mozaic-3 .ch-tesera:nth-child(n+2){grid-column:span 2}
.ch-mozaic-4 .ch-tesera:nth-child(4){grid-column:span 2}
.ch-mozaic .ch-toate{position:absolute;right:14px;bottom:14px}
@media (max-width:700px){
  /* Pe telefon: fotografia mare și dedesubt o fâșie de trei mici. */
  .ch-mozaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;aspect-ratio:auto}
  .ch-mozaic .ch-tesera:first-child{grid-column:1 / -1;grid-row:auto;aspect-ratio:4/3}
  .ch-mozaic .ch-tesera:nth-child(n+2){grid-column:auto;grid-row:auto;aspect-ratio:1}
  .ch-mozaic .ch-tesera:nth-child(n+5){display:none}
  .ch-mozaic .ch-toate{bottom:auto;top:14px}
}

/* ── Șablonul „erou": fotografia pe toată lățimea, numele peste ea ─ */
.ch-l-erou{padding-top:0}
.ch-erou{position:relative;margin-bottom:40px;min-height:clamp(320px,62vh,640px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.ch-erou-foto{position:absolute;inset:0;padding:0;border:0;background:var(--ch-soft);cursor:zoom-in}
.ch-erou-foto img{width:100%;height:100%;object-fit:cover;display:block}
.ch-erou-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.62) 100%);pointer-events:none}
.ch-erou-text{position:relative;width:100%;padding:0 0 36px;pointer-events:none}
.ch-erou-text .ch-wrap>*{pointer-events:auto}
.ch-erou .ch-eyebrow{color:#fff;opacity:.9}
.ch-erou .ch-titlu{color:#fff;font-size:clamp(2rem,4.6vw,3.6rem);max-width:820px;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.ch-erou .ch-toate{margin-top:18px}

/* ── Șablonul „editorial": centrat, fâșie de fotografii, caseta în bandă ─ */
.ch-l-editorial .ch-cap{max-width:820px;margin:0 auto 22px;text-align:center}
.ch-l-editorial .ch-titlu{font-size:clamp(2rem,4vw,3.2rem)}
.ch-date-banda{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:0 auto 34px;border-top:1px solid var(--ch-line);border-bottom:1px solid var(--ch-line)}
.ch-date-banda li{border:0;border-radius:0;background:none;padding:14px 22px}
.ch-date-banda li+li{border-left:1px solid var(--ch-line)}
.ch-fasie{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,38%);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.ch-fasie-foto{padding:0;border:0;background:var(--ch-soft);cursor:zoom-in;aspect-ratio:4/3;border-radius:var(--ch-r-s);overflow:hidden;scroll-snap-align:start}
.ch-fasie-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ch-fasie-foto:hover img{transform:scale(1.03)}
.ch-l-editorial .ch-info{max-width:760px;margin:0 auto;width:100%}
.ch-l-editorial .ch-rezervare{max-width:760px;margin:0 auto;width:100%}
@media (min-width:700px){
  .ch-l-editorial .ch-rezervare{grid-template-columns:1fr auto;align-items:center}
  .ch-l-editorial .ch-butoane{grid-auto-flow:column}
}
@media (max-width:959px){.ch-l-editorial .ch-rezervare{order:3}}
@media (max-width:700px){.ch-fasie{grid-auto-columns:82%}.ch-date-banda li{padding:10px 14px}}

/* ── Șablonul „compact": card orizontal ───────────────────── */
.ch-l-compact .ch-grid{border:1px solid var(--ch-line);border-radius:var(--ch-r);background:var(--ch-card);overflow:hidden;gap:0}
.ch-l-compact .ch-mare{border-radius:0;aspect-ratio:4/3;height:100%}
.ch-l-compact .ch-info{padding:24px 24px 8px}
.ch-l-compact .ch-cap{margin-bottom:14px}
.ch-l-compact .ch-titlu{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.ch-l-compact .ch-date{margin-bottom:16px}
.ch-l-compact .ch-rezervare{border:0;border-radius:0;box-shadow:none;padding:8px 24px 24px;background:none}
@media (min-width:860px){
  .ch-l-compact .ch-grid{grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:"galerie info" "galerie rezervare"}
  .ch-l-compact .ch-galerie{grid-area:galerie}
  .ch-l-compact .ch-info{grid-area:info;padding:28px 28px 8px}
  .ch-l-compact .ch-rezervare{grid-area:rezervare;grid-template-columns:auto 1fr;align-items:center;padding:8px 28px 28px}
  .ch-l-compact .ch-butoane{grid-auto-flow:column;justify-content:end}
}
@media (max-width:959px){.ch-l-compact .ch-rezervare{order:3}}

/* ── Galeria pe tot ecranul ─────────────────────────────── */
.ch-lightbox{border:0;padding:0;max-width:none;max-height:none;width:100vw;height:100vh;background:rgba(10,10,12,.94);color:#fff}
.ch-lightbox::backdrop{background:rgba(10,10,12,.94)}
.ch-lb-fig{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 24px}
.ch-lb-fig img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:6px}
.ch-lb-fig figcaption{margin-top:12px;font-size:.9rem;opacity:.8;text-align:center}
.ch-lb-inchide,.ch-lb-nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background .2s}
.ch-lb-inchide:hover,.ch-lb-nav:hover{background:rgba(255,255,255,.24)}
.ch-lb-inchide{top:14px;right:14px;width:44px;height:44px;font-size:28px;line-height:1}
.ch-lb-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:34px;line-height:1}
.ch-lb-prev{left:14px}
.ch-lb-next{right:14px}
@media (max-width:640px){.ch-lb-nav{top:auto;bottom:18px;transform:none}}

/* ── Lista de camere: cardul comun („carduri", 1.0.0) ──── */
.ch-carduri{list-style:none;margin:0;padding:0;display:grid;gap:26px;grid-template-columns:1fr}
@media (min-width:700px){.ch-carduri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ch-col-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-col-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ch-card{min-width:0}
.ch-card-link{display:flex;flex-direction:column;height:100%;border:1px solid var(--ch-line);border-radius:var(--ch-r);overflow:hidden;background:var(--ch-card);color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s}
a.ch-card-link:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.09)}
.ch-card-foto{position:relative;aspect-ratio:4/3;background:var(--ch-soft);overflow:hidden}
.ch-card-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
a.ch-card-link:hover .ch-card-foto img{transform:scale(1.04)}
.ch-card-pret{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);color:#1f2328;border-radius:999px;padding:5px 12px;font-size:.85rem}
.ch-card-pret strong{font-size:1.05rem}
.ch-card-corp{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.ch-card-nume{margin:0;font-family:var(--font-heading,inherit);color:var(--ch-ink);font-size:1.25rem;line-height:1.25}
.ch-card-date{margin:0;display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--ch-muted);font-size:.9rem}
.ch-card-date span{display:inline-flex;align-items:center;gap:6px}
.ch-card-date .ch-ico{width:17px;height:17px;color:var(--ch-acc)}
.ch-card-rezumat{margin:0;color:var(--ch-text);line-height:1.6;font-size:.95rem}
.ch-card-buton{margin-top:auto;color:var(--ch-acc);font-weight:600}
.ch-gol{text-align:center;color:var(--ch-muted);border:1px dashed var(--ch-line);border-radius:var(--ch-r-s);padding:28px}

/* ── „Rânduri alternante": poza într-o parte, textul în cealaltă ─ */
.ch-lt-randuri .ch-carduri{grid-template-columns:1fr;gap:28px}
@media (min-width:760px){
  .ch-lt-randuri .ch-card-link{flex-direction:row;align-items:stretch}
  .ch-lt-randuri .ch-card:nth-child(even) .ch-card-link{flex-direction:row-reverse}
  /* Proporția fixă ține rândul la înălțimea fotografiei 4:3, oricât de înaltă e poza
     (fotografiile de telefon sunt portret); imaginea umple caseta. */
  .ch-lt-randuri .ch-card-foto{flex:0 0 46%;aspect-ratio:4/3;align-self:flex-start}
  .ch-lt-randuri .ch-card-foto img{position:absolute;inset:0}
  .ch-lt-randuri .ch-card-corp{padding:32px 36px;justify-content:center;gap:14px}
  .ch-lt-randuri .ch-card-nume{font-size:clamp(1.4rem,2.2vw,1.8rem)}
  .ch-lt-randuri .ch-card-buton{margin-top:6px}
}

/* ── „Text peste fotografie" ──────────────────────────────── */
.ch-lt-peste .ch-card-link{position:relative;border:0;color:#fff;min-height:380px;justify-content:flex-end}
.ch-lt-peste .ch-card-foto{position:absolute;inset:0;aspect-ratio:auto}
.ch-lt-peste .ch-card-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72) 100%)}
.ch-lt-peste .ch-card-pret{top:12px;bottom:auto;z-index:1}
.ch-lt-peste .ch-card-corp{position:relative;flex:0 0 auto;padding:22px}
.ch-lt-peste .ch-card-nume,.ch-lt-peste .ch-card-buton{color:#fff}
.ch-lt-peste .ch-card-date,.ch-lt-peste .ch-card-rezumat{color:rgba(255,255,255,.88)}
.ch-lt-peste .ch-card-date .ch-ico{color:#fff}
.ch-lt-peste .ch-card-rezumat{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── „Minimal": fără chenar, fotografia și numele ─────────── */
.ch-lt-minimal .ch-card-link{border:0;background:none;border-radius:0;overflow:visible}
.ch-lt-minimal a.ch-card-link:hover{transform:none;box-shadow:none}
.ch-lt-minimal .ch-card-foto{border-radius:var(--ch-r);aspect-ratio:3/4}
.ch-lt-minimal .ch-card-corp{padding:16px 2px 0;gap:6px}
.ch-lt-minimal .ch-card-rezumat{display:none}
.ch-lt-minimal .ch-card-buton{margin-top:4px;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}

/* ── „Carusel": un singur rând, derulat cu săgețile ───────── */
.ch-lt-carusel .ch-wrap{position:relative}
.ch-lt-carusel .ch-carduri{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:85%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 18px}
.ch-lt-carusel .ch-carduri::-webkit-scrollbar{display:none}
.ch-lt-carusel .ch-card{scroll-snap-align:start}
@media (min-width:700px){.ch-lt-carusel .ch-carduri{grid-auto-columns:calc((100% - 26px) / 2)}}
@media (min-width:1024px){
  .ch-lt-carusel .ch-col-3{grid-auto-columns:calc((100% - 52px) / 3)}
  .ch-lt-carusel .ch-col-4{grid-auto-columns:calc((100% - 78px) / 4)}
}
.ch-carusel-sageti{display:flex;justify-content:flex-end;gap:10px;margin:-14px 0 14px}
.ch-sageata{width:44px;height:44px;border-radius:999px;border:1px solid var(--ch-line);background:var(--ch-card);color:var(--ch-ink);font-size:26px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}
.ch-sageata:hover{border-color:var(--ch-acc);color:var(--ch-acc)}
.ch-sageata[hidden]{display:inline-flex;visibility:hidden}

/* ── „Tabel comparativ" ─────────────────────────────────── */
.ch-tabel-cutie{border:1px solid var(--ch-line);border-radius:var(--ch-r);overflow:hidden;background:var(--ch-card)}
.ch-tabel{width:100%;border-collapse:collapse;font-size:.95rem}
.ch-tabel thead th{text-align:left;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ch-muted);font-weight:600;padding:14px 18px;background:var(--ch-soft)}
.ch-tabel td,.ch-tabel tbody th{padding:14px 18px;border-top:1px solid var(--ch-line);vertical-align:middle;text-align:left;color:var(--ch-text)}
.ch-tabel-camera{display:flex;align-items:center;gap:14px;font-weight:400}
.ch-tabel-foto{width:84px;height:60px;flex:none;border-radius:var(--ch-r-s);overflow:hidden;background:var(--ch-soft)}
.ch-tabel-foto img{width:100%;height:100%;object-fit:cover;display:block}
.ch-tabel-nume{font-family:var(--font-heading,inherit);color:var(--ch-ink);font-size:1.08rem;font-weight:600}
.ch-tabel-pret strong{font-size:1.1rem;color:var(--ch-ink)}
.ch-tabel-actiune{text-align:right;white-space:nowrap}
.ch-tabel-actiune .ch-btn{display:inline-block;padding:9px 16px}
.ch-tabel tbody tr{transition:background .2s}
.ch-tabel tbody tr:hover{background:var(--ch-soft)}
@media (max-width:760px){
  /* Pe telefon fiecare cameră devine un mic card: numele sus, datele cu eticheta lor. */
  .ch-tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ch-tabel,.ch-tabel tbody,.ch-tabel tr,.ch-tabel td,.ch-tabel tbody th{display:block;width:100%}
  .ch-tabel tbody tr{padding:14px 16px;border-top:1px solid var(--ch-line)}
  .ch-tabel tbody tr:first-child{border-top:0}
  .ch-tabel td,.ch-tabel tbody th{border:0;padding:4px 0}
  .ch-tabel tbody th.ch-tabel-camera{display:flex;padding-bottom:8px}
  .ch-tabel td[data-eticheta]{display:flex;justify-content:space-between;gap:12px}
  .ch-tabel td[data-eticheta]::before{content:attr(data-eticheta);color:var(--ch-muted);font-size:.85rem}
  .ch-tabel-actiune{text-align:left;padding-top:10px!important}
}
@media (prefers-reduced-motion:reduce){.ch *{transition:none!important;scroll-behavior:auto!important}}

/* ── Ecranul din panou (1.1.0; 1.2.0: alegerea șabloanelor) ── */
.ch-adm-pasi{margin:0;padding-left:1.3rem;display:grid;gap:6px;line-height:1.55;list-style:decimal}
.ch-adm-pasi li::marker{color:#4f46e5;font-weight:700}
.ch-adm-poza{width:64px;height:48px;border-radius:8px;overflow:hidden;background:#f1f5f9;flex:none}
.ch-adm-poza img{width:100%;height:100%;object-fit:cover;display:block}
.ch-adm-sabloane{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.ch-adm-sablon{display:flex;flex-direction:column;gap:6px;padding:8px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;text-align:left;font-size:.75rem;line-height:1.3;color:#475569;transition:border-color .15s,background .15s}
.ch-adm-sablon:hover{border-color:#a5b4fc}
.ch-adm-sablon[aria-pressed="true"]{border-color:#6366f1;background:#eef2ff;color:#3730a3;font-weight:600}
.ch-adm-sablon svg{width:100%;height:auto;display:block}
