/* ═══════════════════════════════════════════════════════════════════════════════
   🩺 PREMIUM ЗДРАВЕН ТАБЛО-БЛОК · „Здраве и SOS“ (референция 15 „Спокойствие и грижа“), 22.09.2026
   Блокът е от js/pl-zdrave.js — под заглавието на сцената (.pl-rhero): две гел-хапчета, филцова карта
   „Здравният дневник на …“ с четири реда (пастелен кръг с плюшена иконка · серифно заглавие · ред с
   данни или покана · стрелка), червено очертано „Спешна помощ · 112“ и „Записките не заменят преглед.“.
   МАТЕРИАЛИТЕ са от css/pl-ui.css — тук само разположение: хапчетата = .pl-gel, картата и изборът =
   .pl-felt (филц с пунктирен шев), бутоните в избора и чипът на бебето = .pl-soft (кремав филц).
   🪤 ЗАЩО хапчетата пипат --ui-gel-*: на 390 px надписите им са на ДВА реда (≈150 px текст в ≈100 px
   място), а горният ред лежи в светлата горна трета на гела. Сметнато (scratchpad/ag2_zdrave_gel.js,
   моделът на градиента от pl-ui.css:39-41 + радиалния блик): бял текст на стандартния розов гел =
   3.3:1 на горния ред. С по-наситена среда (розово #b83a72, синьо #3563c6) и височина 68 px → ≥ 4.7:1.
   Същият материал (блик, дъно, натискане) — само тонът е по-дълбок. Синьото е от референцията.
   Цифрите („112“) са на Nunito: на Georgia са „старинни“ и 1 1 2 се чете накриво.
   ПЪТ НАЗАД: махни <link href="css/pl-zdrave.css"> и <script src="js/pl-zdrave.js"> от index.html.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 🪤 #roRoom е flex колона с фиксирана височина — без flex:none блокът се свива. */
#roRoom > .pl-zd {
  flex: none; display: flex; flex-direction: column; gap: 12px; margin: 0; min-width: 0;
  color: var(--ui-ink, #1d2a5c);
  font-family: Nunito, Nunito-fallback, system-ui, sans-serif;
}
.pl-zd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.pl-zd-num { font-family: Nunito, Nunito-fallback, system-ui, sans-serif; font-weight: 900; font-variant-numeric: lining-nums tabular-nums; letter-spacing: .3px; }

/* ── двете хапчета (гелът е от pl-ui.css .pl-gel) ── */
.pl-zd-pills { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#roRoom .pl-zd-pill {
  display: flex; align-items: center; gap: 7px; min-width: 0; min-height: 68px; margin: 0;
  padding: 7px 9px 7px 7px; border-radius: 999px; cursor: pointer; text-align: left;
  -webkit-tap-highlight-color: transparent;
}
#roRoom .pl-zd-pill.t-pink { --ui-gel-top: #ec8db3; --ui-gel-mid: #b83a72; --ui-gel: #ad3469; --ui-gel-bot: #9f2d60; --zd-ink: #ad3469; }
#roRoom .pl-zd-pill.t-blue { --ui-gel-top: #8fb4f2; --ui-gel-mid: #3563c6; --ui-gel: #2c58bb; --ui-gel-bot: #274fa8; --zd-ink: #2c58bb; }
/* дъното и сиянието — в тона на хапчето (в pl-ui.css са розови); същата специфичност + #roRoom */
html body #roRoom .pl-zd-pill.pl-gel.t-pink {
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .55), inset 0 -3px 0 rgba(100, 16, 50, .22), 0 3px 0 #8a2654, 0 10px 20px rgba(173, 52, 105, .30) !important;
}
html body #roRoom .pl-zd-pill.pl-gel.t-blue {
  text-shadow: 0 1px 0 rgba(16, 36, 100, .35);
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .55), inset 0 -3px 0 rgba(16, 36, 100, .22), 0 3px 0 #1f4596, 0 10px 20px rgba(44, 88, 187, .30) !important;
}
html body #roRoom .pl-zd-pill.pl-gel.t-pink:active { box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), inset 0 -2px 0 rgba(100, 16, 50, .2), 0 0 0 #8a2654, 0 4px 10px rgba(173, 52, 105, .26) !important; }
html body #roRoom .pl-zd-pill.pl-gel.t-blue:active { box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), inset 0 -2px 0 rgba(16, 36, 100, .2), 0 0 0 #1f4596, 0 4px 10px rgba(44, 88, 187, .26) !important; }
/* отвореният избор: розов пръстен около хапчето */
html body #roRoom .pl-zd-pill.pl-gel[aria-expanded="true"] {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(217, 90, 142, .45), inset 0 1.5px 0 rgba(255, 255, 255, .55), 0 3px 0 #8a2654 !important;
}
.pl-zd-pill > i {
  flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
  background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .16), inset 0 -2px 0 rgba(0, 0, 0, .06);
}
.pl-zd-pill > i svg { width: 19px; height: 19px; fill: none; stroke: var(--zd-ink); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.pl-zd-pill > b {
  flex: 1; min-width: 0; font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 14.5px; line-height: 1.15;
  letter-spacing: -.2px; hyphens: none; overflow-wrap: normal;
}
.pl-zd-pill .pl-zd-chev { width: 12px; height: 12px; margin: 0; stroke: #fff; stroke-width: 2.6; }
/* по-широк телефон: иконката и буквите растат */
@media (min-width: 410px) {
  .pl-zd-pill > i { width: 40px; height: 40px; }
  .pl-zd-pill > b { font-size: 15.5px; }
}

/* ── „Нов здравен запис“ → малък избор (филцът е от pl-ui.css .pl-felt) ── */
.pl-zd-pick { padding: 16px 14px 14px; }
.pl-zd-pick[hidden] { display: none; }
.pl-zd-pick-h { position: relative; margin: 0 4px 10px; font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 17px; color: var(--ui-ink, #1d2a5c); }
.pl-zd-opts { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
#roRoom .pl-zd-opt {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; min-width: 0; min-height: 100px; margin: 0;
  padding: 10px 4px 9px; border-radius: 18px; cursor: pointer;
  font: 800 13px/1.2 Nunito, Nunito-fallback, system-ui, sans-serif; text-align: center;
}
.pl-zd-opt .pl-zd-ic { width: 50px; height: 50px; }

/* ── картата „Здравният дневник на …“ (филцът е от pl-ui.css .pl-felt) ── */
.pl-zd-card { padding: 16px 14px 14px; }
.pl-zd-head, .pl-zd-list, .pl-zd-112, .pl-zd-note { position: relative; }   /* над шева (::after на .pl-felt) */
.pl-zd-head { display: flex; align-items: center; gap: 10px; padding: 0 2px 12px; }
.pl-zd-teddy {
  flex: none; width: 52px; height: 52px; border-radius: 50%;
  background-color: #fdf1e8; background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply;
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1.5px rgba(214, 186, 158, .6), 0 3px 8px rgba(110, 76, 52, .14);
}
.pl-zd-ht { flex: 1; min-width: 0; }
.pl-zd-title {
  margin: 0; font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 18.5px; line-height: 1.14;
  color: var(--ui-ink, #1d2a5c); letter-spacing: -.2px; hyphens: none;
}
.pl-zd-ht p { margin: 3px 0 0; font-size: 13px; font-weight: 700; line-height: 1.3; color: #5f5a77; }
#roRoom .pl-zd-baby {
  flex: none; display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 70px; max-width: 96px; min-height: 44px; margin: 0;
  padding: 6px 7px 7px; border-radius: 18px; cursor: pointer;
  font: 800 12px/1.15 Nunito, Nunito-fallback, system-ui, sans-serif; text-align: center;
}
#roRoom .pl-zd-baby[hidden] { display: none; }
.pl-zd-baby > i {
  width: 40px; height: 40px; margin-bottom: 2px; border-radius: 50%; box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(110, 76, 52, .2);
  background-color: #dfeafb; background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply;
}
.pl-zd-nm { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; font-weight: 900; }
.pl-zd-nm:empty { display: none; }
.pl-zd-age { white-space: nowrap; font-weight: 700; }
.pl-zd-age::after { content: ' ›'; font-weight: 900; }

/* редовете — повдигнати с меко дъно, както „редовете-бутони“ в pl-ui.css (раздел 3) */
.pl-zd-list { display: flex; flex-direction: column; gap: 8px; }
#roRoom .pl-zd-row {
  position: relative;
  display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; min-height: 74px; margin: 0;
  padding: 9px 10px 9px 9px; border: 1px solid rgba(214, 186, 158, .45); border-radius: 18px; cursor: pointer; text-align: left;
  background: linear-gradient(180deg, #fffefb 0, #fff8f1 100%);
  box-shadow: 0 1.5px 0 rgba(203, 176, 150, .55), 0 5px 12px rgba(110, 76, 52, .07);
  color: var(--ui-ink, #1d2a5c); font: inherit; -webkit-tap-highlight-color: transparent; transition: transform .12s ease, box-shadow .12s ease;
}
#roRoom .pl-zd-row:active { transform: translateY(1.5px); box-shadow: 0 0 0 rgba(203, 176, 150, .55), 0 2px 5px rgba(110, 76, 52, .07); }
.pl-zd-ic {
  flex: none; width: 54px; height: 54px; border-radius: 50%;
  background-color: var(--zd-t, #fde6ef); background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .8), 0 2px 5px rgba(110, 76, 52, .12);
}
.pl-zd-ic.t-pink { --zd-t: #fde6ef; }
.pl-zd-ic.t-sky { --zd-t: #dfeafb; }
.pl-zd-ic.t-mint { --zd-t: #dff2e7; }
.pl-zd-ic.t-lilac { --zd-t: #ece4f8; }
.pl-zd-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pl-zd-tx b { font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 17px; line-height: 1.15; color: var(--ui-ink, #1d2a5c); letter-spacing: -.15px; }
.pl-zd-tx small {
  font-size: 13px; font-weight: 700; line-height: 1.3; color: #5f5a77;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* нулата без запис е ПОКАНА (розово, като избраното в pl-ui.css), не „0“ */
.pl-zd-tx small.is-empty { color: var(--ui-pick-ink, #9e2f5f); font-weight: 800; }
.pl-zd-chev { flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pl-zd-row .pl-zd-chev { color: var(--ui-ink, #1d2a5c); opacity: .75; }

/* 112 — червено очертано хапче; истинска връзка tel:112 (спешното остава червено, pl-ui.css:9) */
#roRoom .pl-zd-112 {
  display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 60px; margin: 12px 0 0;
  padding: 8px 16px 8px 10px; border: 2px solid #e04a5a; border-radius: 999px; background: #fff;
  color: #c62839; text-decoration: none; font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 19px; line-height: 1.1;
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 4.5px rgba(224, 74, 90, .22), 0 3px 0 rgba(224, 74, 90, .28), 0 8px 18px rgba(224, 74, 90, .16);
  -webkit-tap-highlight-color: transparent; transition: transform .12s ease;
}
#roRoom .pl-zd-112:active { transform: translateY(2px); }
.pl-zd-112 .pl-zd-num { font-size: 20px; }
.pl-zd-112 > i { flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; border: 2px solid #e04a5a; background: #fff; box-shadow: 0 2px 5px rgba(224, 74, 90, .2); }
.pl-zd-112 > i svg { width: 20px; height: 20px; fill: #d8293b; }
.pl-zd-112 .pl-zd-chev { width: 18px; height: 18px; color: #c62839; }
.pl-zd-note {
  display: flex; align-items: center; justify-content: center; gap: 6px; margin: 10px 0 2px;
  font-size: 13px; font-weight: 700; line-height: 1.3; color: #5f5a77; text-align: center;
}
.pl-zd-note svg { display: block; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }

/* видим фокус от клавиатура */
#roRoom .pl-zd button:focus-visible, #roRoom .pl-zd a:focus-visible { outline: 3px solid var(--ui-ink, #1d2a5c); outline-offset: 3px; }

/* ═══ НОЩ (21:00–7:00) — филцът и хапчетата нощем са от pl-ui.css; тук редовете и текстът ═══ */
html[data-theme="dark"] #roRoom > .pl-zd { color: #fff; }
html[data-theme="dark"] #roRoom .pl-zd-row { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .14); box-shadow: 0 2px 0 rgba(0, 0, 0, .18); color: #fff; }
html[data-theme="dark"] .pl-zd-title, html[data-theme="dark"] .pl-zd-tx b, html[data-theme="dark"] .pl-zd-pick-h { color: #fff; }
html[data-theme="dark"] .pl-zd-row .pl-zd-chev { color: #fff; }
html[data-theme="dark"] .pl-zd-ht p, html[data-theme="dark"] .pl-zd-tx small, html[data-theme="dark"] .pl-zd-note { color: #d3d5ec; }
html[data-theme="dark"] .pl-zd-tx small.is-empty { color: #ffc9dc; }
/* нощем пастелните кръгове светят като стикери, мечето — в бял кръг */
html[data-theme="dark"] .pl-zd-teddy { background-color: #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, .25); }
html[data-theme="dark"] .pl-zd-ic { box-shadow: 0 2px 5px rgba(0, 0, 0, .25); }
html[data-theme="dark"] .pl-zd-baby > i { box-shadow: 0 0 0 2px rgba(255, 255, 255, .85); }
html[data-theme="dark"] body #roRoom .pl-zd-pill.pl-gel[aria-expanded="true"] { box-shadow: 0 0 0 3px #26336b, 0 0 0 6px rgba(245, 156, 187, .55), inset 0 1.5px 0 rgba(255, 255, 255, .55) !important; }
html[data-theme="dark"] #roRoom .pl-zd-112 { background: rgba(255, 255, 255, .06); border-color: #ff8a98; color: #ffc2ca; box-shadow: 0 3px 0 rgba(0, 0, 0, .2); }
html[data-theme="dark"] .pl-zd-112 > i { background: #fff; border-color: #ff8a98; }
html[data-theme="dark"] .pl-zd-112 .pl-zd-chev { color: #ffc2ca; }
html[data-theme="dark"] #roRoom .pl-zd button:focus-visible, html[data-theme="dark"] #roRoom .pl-zd a:focus-visible { outline-color: #fff; }

@media (prefers-reduced-motion: reduce) {
  #roRoom .pl-zd-row, #roRoom .pl-zd-112 { transition: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   🧸 29.09 · ВТОРИЯТ СЛОЙ: СТАРОТО В СТАЯТА СЕ ПРЕОБЛИЧА
   Измерено преди (snimki/wf3_zdrave_predi_light.png + одит на живо): в стаята останаха 13 голи
   системни емоджита (7 в аптечката, 4 в термометъра, 4 в поясите), плосък ЧЕРВЕН правоъгълник
   за 112, бели кутии за номерата и за търсенето, бели плочки в подвижното меню и 42 бутона за
   закачане/сгъване с цел за докосване 18×18 (чуждият ::after беше изместен надолу-вдясно →
   истинското попадение почти не покрива видимата иконка).
   Тук НЕ се измисля нов език: 112 взема ЧЕРВЕНИЯ ГЕЛ на СОС центъра (pl-ui.css:214 — бяло върху
   #c5303f = 5.47:1 изчислено), панелите взимат филца (--ui-felt), кръгчетата — материала .pl-pl
   (pl-plyush.css). Рисунките ги слага js/pl-zdrave.js ПРЯКО на елемента (капан 1: CSS променлива
   с url(), дадена от JS, се разрешава спрямо CSS файла).
   Обхват: САМО здравната стая — #roomOverlay .ro-panel.ro-green #roRoom (два ID-та бият
   премиумните правила с един ID; проверено с getComputedStyle, не на око).
   ПЪТ НАЗАД: изтрий всичко от този ред надолу — файлът пак става точно какъвто беше (14791 байта,
   копие в scratchpad/wf3_zdrave_css_PREDI.bak).
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 1 · ПЛЮШЕНИТЕ КРЪГЧЕТА, КОИТО СЛАГАМ АЗ (материалът е .pl-pl от pl-plyush.css) ── */
#roomOverlay .ro-panel.ro-green #roRoom .fa-e.pl-pl {
  display: block; width: 46px; height: 46px; margin: 0 auto 3px; flex: none;
  background-size: 400% 400%;
}
#roomOverlay .ro-panel.ro-green #roRoom .th-k .pl-em.pl-pl,
#roomOverlay .ro-panel.ro-green #roRoom .jr-privacy .pl-em.pl-pl,
#roomOverlay .ro-panel.ro-green #roRoom .av-h .pl-em.pl-pl {
  width: 1.7em; height: 1.7em; display: inline-grid; vertical-align: -.5em; margin-right: 3px;
}
/* 🪤 мерено: „Дишай с мен 🫧“ — кръгчето лягаше ВЪРХУ „н“ (pl-ui дава margin-left −5.075px, а тук
   текстът е центриран, тоест няма накъде да се отмести). Връщаме дъха между думата и кръга. */
#roomOverlay .ro-panel.ro-green #roRoom .jr-btn .pl-em.pl-pl { margin-left: 3px !important; margin-right: 0 !important; }

/* ── 2 · 112 — ЧЕРВЕНИЯТ ГЕЛ НА КЪЩАТА, НЕ ПЛОСКИЯТ ПРАВОЪГЪЛНИК ──
   Цифрите остават Nunito (pl-shrift.css:32): старинните цифри на Georgia правят 112 на „ııƨ“. */
#roomOverlay .ro-panel.ro-green #roRoom .sos-btn {
  position: relative; isolation: isolate;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2px 12px;
  min-height: 96px; padding: 16px 18px; border-radius: 26px;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-weight: 800; font-size: 23px;
  letter-spacing: .2px; color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(90, 10, 25, .35);
  background-color: #c5303f;
  background-image:
    radial-gradient(120% 70% at 50% -10%, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .12) 40%, rgba(255, 255, 255, 0) 56%),
    linear-gradient(180deg, #ef6a5f 0%, #d23c46 30%, #c5303f 60%, #a8233a 100%);
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, .5), inset 0 -3px 0 rgba(90, 10, 25, .25),
    0 4px 0 #86192d, 0 12px 24px rgba(170, 30, 50, .32);
  transition: transform .14s ease, box-shadow .14s ease;
}
#roomOverlay .ro-panel.ro-green #roRoom .sos-btn:hover { transform: none; }
#roomOverlay .ro-panel.ro-green #roRoom .sos-btn:active {
  transform: translateY(3px);
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .4), 0 1px 0 #86192d, 0 5px 12px rgba(170, 30, 50, .3);
}
#roomOverlay .ro-panel.ro-green #roRoom .sos-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
/* подредът пада на свой ред (flex-basis 100%) и е плътен, не 0.9 — 12px текст иска целия контраст */
#roomOverlay .ro-panel.ro-green #roRoom .sos-btn .sos-cap {
  flex: 0 0 100%; margin: 2px 0 0; opacity: 1; color: #ffe8ea; font-size: 12.5px; font-weight: 700;
}
/* телефончето: БЯЛ кръг (както .pl-em в СОС центъра, pl-ui.css:236) — пастелът би потънал в червеното */
#roomOverlay .ro-panel.ro-green #roRoom .sos-btn .pl-em.pl-pl {
  width: 44px !important; height: 44px !important; display: inline-grid !important;
  background-color: #fff !important; margin: 0 !important; vertical-align: middle; flex: none;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .95), 0 2px 6px rgba(90, 10, 25, .3);
}
/* спокойният пръстен: ТРИ кръга и спира (батерията — същото решение като СОС центъра 12.08) */
#roomOverlay .ro-panel.ro-green #roRoom .sos-btn::after {
  content: ''; position: absolute; inset: -4px; border-radius: 30px; pointer-events: none;
  border: 3px solid rgba(197, 48, 63, .45); opacity: 0;
  animation: plZdDishane 3.4s ease-out 3;
}
@keyframes plZdDishane {
  0% { transform: scale(.985); opacity: .6; }
  60% { transform: scale(1.045); opacity: 0; }
  100% { transform: scale(1.045); opacity: 0; }
}

/* ── 3 · РЕДОВЕТЕ С НОМЕРАТА — филц вместо бяла кутия; полетата стават кремави ── */
#roomOverlay .ro-panel.ro-green #roRoom .sos-row {
  background-color: var(--ui-cream, #fffaf3) !important;
  background-image: var(--ui-felt) !important; background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border: 1.5px solid var(--ui-edge, #e9d6c3) !important; border-radius: 20px;
  box-shadow: inset 0 1px 0 #fff, 0 2px 0 var(--ui-edge-2, #dcc3ab), 0 6px 14px rgba(110, 76, 52, .10);
  padding: 10px 12px; gap: 10px; margin-bottom: 10px;
}
#roomOverlay .ro-panel.ro-green #roRoom .sos-row .jr-word {
  min-height: 46px; border-radius: 14px;
  background-color: #fffdf9 !important; border: 1.5px solid var(--ui-edge, #e9d6c3) !important;
  box-shadow: inset 0 2px 4px rgba(150, 110, 80, .10);
  color: var(--ui-ink, #1d2a5c);
}
/* телефонният кръг до всеки ред — плюшена слушалка, 46px */
#roomOverlay .ro-panel.ro-green #roRoom .sos-call.pl-pl {
  width: 46px !important; height: 46px !important; min-width: 46px; min-height: 46px;
  border-radius: 50%; background-size: 400% 400%;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .92), 0 3px 8px rgba(110, 76, 52, .2);
}

/* ── 4 · АПТЕЧКАТА (първа помощ) — плочките вече са филц (pl-ui.css:64); тук рисунката и целта ── */
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip {
  min-height: 108px; padding: 12px 6px 10px; border-radius: 18px;
  line-height: 1.22; font-weight: 700;
}
#roomOverlay .ro-panel.ro-green #roRoom .fa-grid { gap: 10px; }
/* всяка плочка сяда с различен ритъм — и спира (без вечни анимации) */
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip { animation: plZdSyada .46s cubic-bezier(.22, 1, .36, 1) both; }
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:nth-child(2) { animation-delay: 60ms; }
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:nth-child(3) { animation-delay: 120ms; }
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:nth-child(4) { animation-delay: 180ms; }
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:nth-child(5) { animation-delay: 240ms; }
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:nth-child(6) { animation-delay: 300ms; }
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:nth-child(7) { animation-delay: 360ms; }
@keyframes plZdSyada { from { transform: translateY(9px) scale(.97); opacity: .4; } /* 24.10: от .4 (скрит таб) */ to { transform: none; opacity: 1; } }

/* ── 5 · КЪДЕ СЕ МЕРИ ТЕМПЕРАТУРАТА — меки ленти, ключът е плюшен термометър ── */
#roomOverlay .ro-panel.ro-green #roRoom .th-row {
  display: block; padding: 9px 12px; margin: 6px 0; border-radius: 16px;
  background-color: rgba(255, 253, 249, .82);
  border: 1.5px solid rgba(233, 214, 195, .85);
  box-shadow: inset 0 1px 0 #fff;
}
#roomOverlay .ro-panel.ro-green #roRoom .th-k {
  display: inline-flex; align-items: center; font-weight: 800; font-size: 14.5px;
  color: var(--ui-ink, #1d2a5c); margin-bottom: 1px;
}
#roomOverlay .ro-panel.ro-green #roRoom .th-o { display: block; color: #55506c; font-size: 13.5px; line-height: 1.45; }

/* ── 6 · ДВАТА ЗАГЛАВНИ РЕДА „Нормално / НЕ е нормално“ — меки ленти, НЕ червени (без плашене) ── */
#roomOverlay .ro-panel.ro-green #roRoom .av-h {
  display: flex; align-items: center; gap: 4px; padding: 8px 12px; margin: 10px 0 6px;
  border-radius: 14px; font-size: 14.5px; font-weight: 800; color: #3b3650;
  background-color: #e8f4ec; border: 1.5px solid rgba(120, 175, 140, .45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
#roomOverlay .ro-panel.ro-green #roRoom .av-h ~ .av-h {
  background-color: #fdeee0; border-color: rgba(214, 150, 90, .5);
}
#roomOverlay .ro-panel.ro-green #roRoom .jr-privacy .pl-em.pl-pl { vertical-align: -.45em; }

/* ── 7 · ТЪРСЕНЕТО В СТАЯТА — кремаво поле с шев вместо бялата лента ── */
#roomOverlay .ro-panel.ro-green #roRoom .sec-find {
  min-height: 48px;
  background-color: var(--ui-cream, #fffaf3) !important;
  background-image: var(--ui-felt) !important; background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border: 1.5px solid var(--ui-edge, #e9d6c3) !important;
  box-shadow: inset 0 2px 4px rgba(150, 110, 80, .10), 0 2px 0 var(--ui-edge-2, #dcc3ab);
  color: var(--ui-ink, #1d2a5c); font-weight: 700;
}
#roomOverlay .ro-panel.ro-green #roRoom .sec-find::placeholder { color: #6f6889; opacity: 1; }

/* ── 8 · ПОДВИЖНОТО МЕНЮ — белите плочки стават филц с шев ── */
#roomOverlay .ro-panel.ro-green #roRoom .sec-nav .sec-chip {
  background-color: var(--ui-cream, #fffaf3) !important;
  background-image: var(--ui-felt) !important; background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border: 1.5px solid var(--ui-edge, #e9d6c3) !important; border-radius: 20px !important;
  box-shadow: inset 0 1px 0 #fff, 0 3px 0 var(--ui-edge-2, #dcc3ab), 0 7px 16px rgba(110, 76, 52, .12) !important;
  color: var(--ui-ink, #1d2a5c) !important; font-weight: 800;
}
#roomOverlay .ro-panel.ro-green #roRoom .sec-nav .sec-chip.on,
#roomOverlay .ro-panel.ro-green #roRoom .sec-nav .sec-chip[aria-current="true"] {
  background-color: var(--ui-pick, #fde6ef) !important; border-color: var(--ui-pick-edge, #efa3c1) !important;
  color: var(--ui-pick-ink, #9e2f5f) !important;
}

/* ── 9 · ЦЕЛТА ЗА ДОКОСВАНЕ НА КАРФИЦАТА И СГЪВАНЕТО ──
   🪤 мерено: бутонът е 18×18 CSS px, а чуждият ::after беше изместен (top 8, left 8, right −28,
   bottom −36) → попадението стоеше ДОЛУ-ВДЯСНО от видимата иконка. Тук ::after се пресмята наново
   като центриран кръг 46×46 (два ID-та бият правилото с един ID). */
#roomOverlay .ro-panel.ro-green #roRoom .pin-btn::after,
#roomOverlay .ro-panel.ro-green #roRoom .fold-btn::after {
  content: '' !important; position: absolute !important;
  top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important;
  width: 46px !important; height: 46px !important; transform: translate(-50%, -50%) !important;
  border-radius: 50% !important; background: transparent !important;
}

/* ═══ НОЩ · и двете: html[data-theme="dark"] (js/app.js:33) И html.bl-night (тихите часове) ═══ */
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-row,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-row {
  background-color: #2b3872 !important; background-image: none !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 2px 0 #18214a;
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-row .jr-word,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-row .jr-word {
  background-color: #1e2a5e !important; border-color: rgba(255, 255, 255, .22) !important; color: #f4f5ff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25);
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-row .jr-word::placeholder,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-row .jr-word::placeholder { color: #c8cbeb; opacity: 1; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .th-row,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .th-row {
  background-color: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .th-k,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .th-k { color: #fff; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .th-o,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .th-o { color: #d9dcf2; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .av-h,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .av-h {
  background-color: rgba(122, 210, 160, .18); border-color: rgba(122, 210, 160, .45); color: #effaf3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .av-h ~ .av-h,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .av-h ~ .av-h {
  background-color: rgba(240, 170, 100, .2); border-color: rgba(240, 170, 100, .5); color: #fff5ea;
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sec-find,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sec-find {
  background-color: #2b3872 !important; background-image: none !important;
  border-color: rgba(255, 255, 255, .22) !important; color: #f4f5ff;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25);
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sec-find::placeholder,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sec-find::placeholder { color: #c8cbeb; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sec-nav .sec-chip,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sec-nav .sec-chip {
  background-color: #2b3872 !important; background-image: none !important;
  border-color: rgba(255, 255, 255, .16) !important; color: #f1f2fb !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 3px 0 #18214a !important;
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sec-nav .sec-chip.on,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sec-nav .sec-chip.on {
  background-color: #5a2c55 !important; border-color: rgba(245, 156, 187, .6) !important; color: #ffe1ec !important;
}
/* 112 нощем: същият червен гел (това е бутонът, който се търси в тъмното) — мени се само сянката */
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-btn,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-btn {
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .5), inset 0 -3px 0 rgba(90, 10, 25, .25),
              0 4px 0 #6d1324, 0 12px 26px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-btn::after,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .sos-btn::after { border-color: rgba(255, 150, 160, .45); }

/* ── 360px: плочките на аптечката остават три в ред, но без преливане ── */
@media (max-width: 374px) {
  #roomOverlay .ro-panel.ro-green #roRoom .fa-chip { min-height: 104px; font-size: 12.5px; padding: 10px 4px 8px; }
  #roomOverlay .ro-panel.ro-green #roRoom .fa-e.pl-pl { width: 40px; height: 40px; }
  #roomOverlay .ro-panel.ro-green #roRoom .sos-btn { font-size: 21px; padding: 14px 12px; }
  #roomOverlay .ro-panel.ro-green #roRoom .sos-row { padding: 9px 10px; gap: 8px; }
}

/* ── спокойният режим: нищо не мърда ── */
@media (prefers-reduced-motion: reduce) {
  #roomOverlay .ro-panel.ro-green #roRoom .sos-btn::after,
  #roomOverlay .ro-panel.ro-green #roRoom .fa-chip { animation: none !important; }
  #roomOverlay .ro-panel.ro-green #roRoom .sos-btn { transition: none; }
}

/* ── 10 · ИЗРАВНЯВАНЕ НА АПТЕЧКАТА (мерено на snimki/wf3_sled_fa.png) ──
   „Изгаряне“ беше единствената плочка, чийто надпис стоеше 28 px по-високо: нейното емоджи (🔥)
   вече е обвито от pl-plyush.js в .pl-em (кръгче 1.55em ≈ 37 px, inline), а другите шест са моят
   .fa-e.pl-pl (46 px, блок). Тук и двата случая стават еднакви 46 px блок. */
#roomOverlay .ro-panel.ro-green #roRoom .fa-e { display: block; font-size: 0; line-height: 0; }
#roomOverlay .ro-panel.ro-green #roRoom .fa-e .pl-em.pl-pl {
  display: block !important; width: 46px !important; height: 46px !important;
  margin: 0 auto 3px !important; vertical-align: baseline !important; font-size: 0 !important;
}
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip > span:not(.fa-e) { font-size: 13.5px; line-height: 1.22; }
@media (max-width: 374px) {
  #roomOverlay .ro-panel.ro-green #roRoom .fa-e .pl-em.pl-pl { width: 40px !important; height: 40px !important; }
  #roomOverlay .ro-panel.ro-green #roRoom .fa-chip > span:not(.fa-e) { font-size: 12.5px; }
}

/* ── 11 · 112: ЦВЕТЪТ СЕ СМЪКВА, ЗАЩОТО ПИКСЕЛИТЕ ГО ПОИСКАХА ──
   Мерено (ag3_piksel_proba → wf3_px_sos_light.png): върху гела на СОС центъра най-лошият ЧЕСТО
   СРЕЩАН фон под „Обади се на 112“ даваше 4.02:1 — минава прага за едър текст (3:1), но НЕ
   железния праг на този проект (4.5:1). Светлият край на прелива (#ef6a5f) и белият блик отгоре
   го вдигаха. Тук преливът тръгва от #cf3f49 (бяло върху него = 4.71:1 изчислено) и блясъкът
   пада от .5 на .3. Долният край остава тъмен — копчето си остава ЧЕРВЕНО и се намира в тъмното. */
#roomOverlay .ro-panel.ro-green #roRoom .sos-btn {
  background-color: #b82c3a;
  background-image:
    radial-gradient(120% 70% at 50% -14%, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .08) 40%, rgba(255, 255, 255, 0) 56%),
    linear-gradient(180deg, #cf3f49 0%, #c02f3d 34%, #b3283a 64%, #9c2032 100%);
}

/* ── 12 · ПОЯСИТЕ: МАСТИЛОТО СЕ СМЪКВА ЗАРАДИ ИЗМЕРЕНОТО ──
   Мерено по пиксели (wf3_px_th_light.png): два от поясите („Дано остане празно!…“ и „Печатният
   вариант е в „Бележки“…“) даваха 4.26:1 при 11.5 px — под железния праг 4.5:1. Цветът им
   rgb(111,105,128) е чужд (rooms.css), фонът е филцът на картата. Тук само в тази стая мастилото
   става #5a5470 → 5.83:1 върху най-тъмния филцов пиксел rgb(244,229,219) (изчислено).
   Нощем остава светло — там мереното беше 5.0:1 и не пипам работещото. */
#roomOverlay .ro-panel.ro-green #roRoom .jr-privacy { color: #5a5470; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .jr-privacy,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .jr-privacy { color: #cdd0ea; }

/* ── 13 · „Нормално / НЕ е нормално“ — ЛЕНТАТА СТАВА БЯЛ ЕТИКЕТ, НЕ ЗЕЛЕНА ──
   🪤 мерено на snimki/wf3_px_avh_light.png: двата реда НЕ са съседи (всеки седи в СВОЯ кутия —
   зелената и розовата, оцветени от чужд css), затова правилото „.av-h ~ .av-h“ никога не хвана
   втория и зелена лента легна вътре в розовата кутия. Кутията вече носи цвета; етикетът вътре
   е бял филцов надпис — както етикетчето върху филцов панел в референциите. */
#roomOverlay .ro-panel.ro-green #roRoom .av-h,
#roomOverlay .ro-panel.ro-green #roRoom .av-h ~ .av-h {
  background-color: rgba(255, 255, 255, .74);
  border: 1.5px solid rgba(168, 140, 118, .3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 0 rgba(168, 140, 118, .14);
  color: #3b3650;
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .av-h,
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .av-h ~ .av-h,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .av-h,
html.bl-night[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .av-h ~ .av-h {
  background-color: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  color: #f3f4ff;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   06.10 · ДОВЪРШВАНЕ НА СТАЯТА (обиколка светла+тъмна: snimki/zd6_predi_l_*.jpg, zd6_predi_d_*.jpg;
   мярка snimki/../zd6_diag_l.out.txt и zd6_title_l.out.txt)
   1 · ДВОЙНАТА ИКОНКА В ЗАГЛАВИЕТО НА ВСЯКА КАРТА (22 от 22 карти): медалът .jr-medal.pl-pl
       (34×34) носи рисунката, а ВЪТРЕ в него стоеше второ .pl-em.pl-pl (23×23, margin-left −5.25px)
       със СЪЩАТА рисунка — два кръга един върху друг, изместени. Вътрешното се скрива визуално
       (буквата остава в textContent — стар код сравнява заглавия). Фонът му е inline !important,
       затова не се пипа фонът, а размерът и видимостта.
   2 · „Моите номера“: полетата бяха 94 px и режеха „Нашият педиатър…“ (130 px) и „Близък човек…“.
       Името и телефонът застават едно под друго, слушалката — вдясно, на височината на двете.
   3 · „Аптечката вкъщи“: полето за името беше 104 px за 192 px подсказка — то взема целия ред,
       датата и „+“ слизат под него.
   4 · „наближава!“ в имунизационния календар беше 10 px — става 11.5 px.
   ПЪТ НАЗАД: махни този блок (до „край 06.10“). */

/* 1 · една рисунка в медала */
#roomOverlay .ro-panel.ro-green #roRoom .jr-medal.pl-pl { position: relative; }
#roomOverlay .ro-panel.ro-green #roRoom .jr-medal.pl-pl > .pl-em {
  position: absolute !important; left: 0 !important; top: 0 !important;
  width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
  clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important;
  box-shadow: none !important; border: 0 !important;
}

/* 2 · номерата: име над телефона, слушалката вдясно */
#roomOverlay .ro-panel.ro-green #roRoom .sos-row {
  display: grid !important; grid-template-columns: minmax(0, 1fr) 48px; grid-template-rows: auto auto;
  align-items: center; column-gap: 10px; row-gap: 8px;
}
#roomOverlay .ro-panel.ro-green #roRoom .sos-row > .jr-word { width: 100%; min-width: 0; margin: 0; grid-column: 1; }
#roomOverlay .ro-panel.ro-green #roRoom .sos-row > .jr-word:not([type="tel"]) { grid-row: 1; font-weight: 800; }
#roomOverlay .ro-panel.ro-green #roRoom .sos-row > .jr-word[type="tel"] { grid-row: 2; letter-spacing: .3px; }
#roomOverlay .ro-panel.ro-green #roRoom .sos-row > .sos-call { grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-self: center; margin: 0; }
#roomOverlay .ro-panel.ro-green #roRoom .sos-row .jr-word::placeholder { color: #6f6889; opacity: 1; }

/* 3 · аптечката вкъщи: името на цял ред */
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> .ph-date) { display: flex; flex-wrap: wrap; gap: 8px; }
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> .ph-date) > .jr-word:not(.ph-date) { flex: 1 1 100%; min-width: 0; }
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> .ph-date) > .ph-date { flex: 1 1 0; min-width: 0; }

/* 4 · „наближава!“ — четимо */
#roomOverlay .ro-panel.ro-green #roRoom .vx-near { font-size: 11.5px; line-height: 1.3; padding-top: 2px; padding-bottom: 2px; }

/* 5 · „Какво искам да го попитам“: подсказката „напр. „Този обрив трябва ли да се гледа?““ искаше
   283 px, полето имаше 199 (мерено zd6_s1_l.out.txt). Полето взема целия ред, „+ Добави“ слиза под
   него на цял ред, а подсказката е 13 px — въведеният текст остава в пълния си размер. */
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> input[aria-label="Запиши въпрос към лекаря"]) { display: flex; flex-wrap: wrap; gap: 8px; }
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> input[aria-label="Запиши въпрос към лекаря"]) > input { flex: 1 1 100%; min-width: 0; }
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> input[aria-label="Запиши въпрос към лекаря"]) > input::placeholder { font-size: 13px; }
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> input[aria-label="Запиши въпрос към лекаря"]) > .jr-chip { flex: 1 1 100%; min-height: 44px; }

/* 6 · ДЪЛГО ЗАГЛАВИЕ ПАДАШЕ ЦЯЛО ПОД МЕДАЛА (snimki/zd6_a_l_5.jpg: „Какво искам да го попитам“ —
   медалът сам на ред, заглавието отдолу; нощем същото при „Имунизационен календар“).
   Причина: в pl-ui.css заглавието е flex с wrap, а текстът е анонимен flex елемент с ширина
   max-content — не се побере ли до медала, слиза цял. Тук (само в тази стая) е решетка:
   медалът — колона 1, текстът се пречупва в колона 2, подзаглавието — на цял ред отдолу.
   Карфицата и стрелката са absolute — решетката не ги мести. */
#roomOverlay .ro-panel.ro-green #roRoom .jr-card > h4.jr-title:has(> .jr-medal) {
  display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center;
  column-gap: 10px; row-gap: 2px;
}
#roomOverlay .ro-panel.ro-green #roRoom .jr-card > h4.jr-title:has(> .jr-medal) > .jr-medal { grid-column: 1; grid-row: 1; }
#roomOverlay .ro-panel.ro-green #roRoom .jr-card > h4.jr-title:has(> .jr-medal) > .jr-sub { grid-column: 1 / -1; }

/* 7 · ПОЯСЪТ ПОД ГОЛЯМОТО РОЗОВО КОПЧЕ лепеше за него („Събира: …“, „Дано никога…“ — 5 px) */
#roomOverlay .ro-panel.ro-green #roRoom .jr-btn + .jr-privacy { margin-top: 12px; }

/* 8 · ПЪРВА ПОМОЩ: седмата плочка („Не диша и не реагира (реанимация)“) стоеше сама, с дупка от
   две плочки до нея. Тя е най-важната — заема целия ред, рисунката вляво, думите вдясно. */
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:last-child:nth-child(3n+1) {
  grid-column: 1 / -1; flex-direction: row; justify-content: center; align-items: center; gap: 14px;
  min-height: 84px; padding: 10px 16px;
}
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:last-child:nth-child(3n+1) .fa-e,
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:last-child:nth-child(3n+1) .fa-e .pl-em.pl-pl,
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:last-child:nth-child(3n+1) .fa-e.pl-pl { margin: 0 !important; flex: none; }
#roomOverlay .ro-panel.ro-green #roRoom .fa-chip:last-child:nth-child(3n+1) > span:not(.fa-e) { text-align: left; font-size: 15px; font-weight: 800; }

/* 9 · ПАНЕЛЪТ С ПЪРВАТА ПОМОЩ (#faOverlay, само от тази стая — rooms6.js отвори())
   Мерено (snimki/zd6_a_l_10.jpg): панелът живее в <html>, НЕ в <body> (нарочно — нощният филтър на
   body чупеше position:fixed), затова не наследява нищо от body: буквите бяха Times New Roman,
   черни, ВЪРХУ тъмната завеса, без карта; отдолу бял правоъгълник (кутия-в-кутия) около бледото
   „📞 112“ и „Затвори“ залепено вляво. Текстът не се пипа — само картата, шрифтът и цветовете.
   112 става ЧЕРВЕНИЯТ ГЕЛ на стаята, на цял ред, 22 px — не по-малък, не скрит. */
#faOverlay {
  background: rgba(22, 28, 62, .84) !important; padding: 12px;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; color: var(--pl-ink, #3b3f5c);
  -webkit-text-size-adjust: 100%;
}
#faOverlay .fa-box {
  width: min(100%, 460px); padding: 20px 18px 0 !important; text-align: left;
  background: var(--pl-card, #fffdfb); border: 1px solid var(--pl-line, #f1e4d9); border-radius: 24px;
  box-shadow: 0 24px 60px rgba(10, 14, 40, .45), inset 0 1px 0 #fff;
}
#faOverlay .fa-title {
  display: flex; align-items: center; gap: 10px; margin: 0 0 10px;
  font-family: var(--pl-serif, Georgia, serif); font-size: 23px; font-weight: 700; line-height: 1.15; color: var(--pl-navy, #1d2a5c);
}
#faOverlay .fa-when { margin: 0 0 12px; font-size: 15px; line-height: 1.5; color: var(--pl-ink, #3b3f5c); opacity: 1; }
#faOverlay .fa-when strong { color: var(--pl-navy, #1d2a5c); font-weight: 800; }
#faOverlay .fa-steps { margin: 0 0 12px; padding-left: 24px; }
#faOverlay .fa-steps li { margin-bottom: 9px; padding-left: 2px; font-size: 15.5px; line-height: 1.55; font-weight: 600; color: var(--pl-ink, #3b3f5c); }
#faOverlay .fa-steps li::marker { color: #c9447a; font-weight: 900; }
#faOverlay .fa-never {
  display: flex; align-items: flex-start; gap: 8px; margin: 0 0 4px; padding: 11px 13px;
  font-size: 15px; font-weight: 700; line-height: 1.45; color: #8f1f2e;
  background: #fdeef0; border: 1.5px solid rgba(214, 74, 90, .35); border-radius: 16px;
}
#faOverlay .fa-foot {
  display: flex; flex-direction: column; gap: 10px;
  margin: 0 -18px; padding: 12px 18px 18px !important;
  background: var(--pl-card, #fffdfb) !important; border-radius: 0 0 24px 24px;
  box-shadow: 0 -10px 14px -10px rgba(110, 76, 52, .18);
}
#faOverlay .fa-sos {
  display: flex !important; align-items: center; justify-content: center; gap: 10px; min-height: 60px !important; margin: 0 !important;
  border-radius: 999px; border: 0; text-decoration: none;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-size: 22px; font-weight: 900; letter-spacing: .4px;
  font-variant-numeric: lining-nums; color: #fff !important; text-shadow: 0 1px 0 rgba(90, 10, 25, .35);
  background-color: #b82c3a !important;
  background-image: radial-gradient(120% 70% at 50% -14%, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .08) 40%, rgba(255, 255, 255, 0) 56%),
    linear-gradient(180deg, #cf3f49 0%, #c02f3d 34%, #b3283a 64%, #9c2032 100%) !important;
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), inset 0 -3px 0 rgba(90, 10, 25, .25), 0 4px 0 #86192d, 0 10px 22px rgba(170, 30, 50, .3);
}
#faOverlay .fa-sos:active { transform: translateY(3px); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .4), 0 1px 0 #86192d; }
#faOverlay .fa-foot .jr-chip {
  width: 100%; min-height: 48px; margin: 0; border-radius: 999px;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-size: 16px; font-weight: 800; color: var(--pl-navy, #1d2a5c);
  background: #fff8f2; border: 1.5px solid #e9d6c3; box-shadow: inset 0 1px 0 #fff, 0 2px 0 #dcc3ab;
}
#faOverlay :focus-visible { outline: 3px solid var(--pl-navy, #1d2a5c); outline-offset: 3px; }
/* плюшените стикери вътре (js/pl-zdrave.js ги слага; правилата с „html body“ тук не стигат) */
#faOverlay .pl-em.pl-pl {
  display: inline-grid; flex: none; width: 1.7em; height: 1.7em; margin: -.25em .3em -.25em 0; vertical-align: -.5em;
  font-size: inherit; line-height: 1; overflow: hidden;
}
#faOverlay .fa-title .pl-em.pl-pl { width: 46px; height: 46px; margin: 0; }
#faOverlay .fa-never .pl-em.pl-pl { width: 28px; height: 28px; margin: -3px 0 0; }
#faOverlay .fa-sos .pl-em.pl-pl { width: 38px; height: 38px; margin: 0; background-color: #fff !important; }
/* нощ */
html[data-theme="dark"] #faOverlay .fa-box, html.bl-night[data-theme="dark"] #faOverlay .fa-box { background: #1f2b5c; border-color: rgba(255, 255, 255, .14); box-shadow: 0 24px 60px rgba(0, 0, 0, .55); }
html[data-theme="dark"] #faOverlay .fa-title, html.bl-night[data-theme="dark"] #faOverlay .fa-title,
html[data-theme="dark"] #faOverlay .fa-when strong, html.bl-night[data-theme="dark"] #faOverlay .fa-when strong { color: #fff; }
html[data-theme="dark"] #faOverlay .fa-when, html.bl-night[data-theme="dark"] #faOverlay .fa-when,
html[data-theme="dark"] #faOverlay .fa-steps li, html.bl-night[data-theme="dark"] #faOverlay .fa-steps li { color: #e4e6f6; }
html[data-theme="dark"] #faOverlay .fa-steps li::marker, html.bl-night[data-theme="dark"] #faOverlay .fa-steps li::marker { color: #f59cbb; }
html[data-theme="dark"] #faOverlay .fa-never, html.bl-night[data-theme="dark"] #faOverlay .fa-never { color: #ffd6dc; background: rgba(255, 120, 135, .14); border-color: rgba(255, 138, 152, .45); }
html[data-theme="dark"] #faOverlay .fa-foot, html.bl-night[data-theme="dark"] #faOverlay .fa-foot { background: #1f2b5c !important; box-shadow: 0 -10px 14px -10px rgba(0, 0, 0, .5); }
html[data-theme="dark"] #faOverlay .fa-foot .jr-chip, html.bl-night[data-theme="dark"] #faOverlay .fa-foot .jr-chip { color: #fff; background: #2b3872; border-color: rgba(255, 255, 255, .22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 0 #18214a; }
html[data-theme="dark"] #faOverlay :focus-visible { outline-color: #fff; }

/* 10 · SOS ДЪХ (#breathOverlay, extras.js openBreath) — кръгът беше розово→ЛИЛАВ преливащ
   (#fbd3e6→#b9a7e0) със светещо лилаво — старият стил. Става кремаво-розова перла със златен
   ръб; думите — серифни тъмносини (и нощем: кръгът остава светъл, затова мастилото не се обръща —
   dark.css даваше почти бяло върху светлия кръг). Само когато е отворена тази стая. */
html:has(#roomOverlay .ro-panel.ro-green) #breathOverlay { background: rgba(22, 28, 62, .84); }
html:has(#roomOverlay .ro-panel.ro-green) #breathOverlay .br-circle {
  background: radial-gradient(circle at 36% 30%, #ffffff 0, #fff3f7 30%, #fde6ef 58%, #f59cbb 100%);
  box-shadow: 0 0 0 2px rgba(227, 195, 156, .9), 0 0 0 12px rgba(253, 230, 239, .10), 0 0 64px rgba(245, 156, 187, .45);
}
html:has(#roomOverlay .ro-panel.ro-green) #breathOverlay .br-circle span {
  font-family: var(--pl-serif, Georgia, serif) !important; font-weight: 700;
  color: var(--pl-navy, #1d2a5c) !important; -webkit-text-fill-color: var(--pl-navy, #1d2a5c); text-shadow: none !important;
}
html:has(#roomOverlay .ro-panel.ro-green) #breathOverlay .br-count { color: #fde6ef; font-size: 14px; font-weight: 800; }
/* край 06.10 */

/* ═══════════════════════════════════════════════════════════════════════════════
   20.10 · ПО КОНЕЦ — СВЕТЛА, ТЪМНА И ТИХИТЕ ЧАСОВЕ (снимки преди: dev/proba/snimki/zd20_A_sega_L_*
   (00:27 ч, светла), zd20_C_sega_Lden_*, zd20_D_sweep_Lden_* (ден, светла), zd20_E_full_D_* (тъмна);
   мерки по getComputedStyle: dev/proba/zd20_F_mer_*.log, zd20_G_mer2.log)
   0 · ТИХИТЕ ЧАСОВЕ НЕ СА ТЪМНА ТЕМА. html.bl-night (js/night.js, 23–6 ч) пуска само филтър върху
       html — картите остават кремави. А нощните правила по-горе (29.09 и 06.10) бяха и за
       html.bl-night: в 00:27 на светла тема „Моите номера“ ставаха тъмносини кутии в кремава карта,
       текстът на термометъра, „Нормално / НЕ е нормално“ и поясите — #d9dcf2/#cdd0ea върху крем
       (нечетимо), а панелът „Първа помощ“ — тъмен в светла тема. ЛЕК в старите редове: всеки
       „html.bl-night #…“ стана „html.bl-night[data-theme="dark"] #…“ (26 селектора) — тъмната тема
       си има свои правила, тихият час вече не боядисва. ПЪТ НАЗАД за т.0 (в корена):
       sed -i 's/html\.bl-night\[data-theme="dark"\] #/html.bl-night #/g' css/pl-zdrave.css
   ПЪТ НАЗАД за останалото: махни този блок (до „край 20.10“). */

/* 1 · ТИХИЯТ ЧАС: dark.css:186 гаси .jr-sub/.jr-privacy до opacity .72 → подзаглавията падат на 2.8:1
       (сметнато: rgb(106,102,130)×.72 върху крем rgb(246,237,227)). В тази стая — плътни (4.7:1). */
html.bl-night #roomOverlay .ro-panel.ro-green #roRoom :is(.jr-sub, .jr-privacy) { opacity: 1; }

/* 2 · БРОЯЧЪТ НА РАЗДЕЛА („Спешно — сега 5“): светло #c24d7b върху #fde6ef = 3.82:1; тъмно 9.5 px
       сиво върху сиво. Езикът е като в „Захранване“ (pl-hranene.css): 12 px, тъмна роза / светла роза. */
html body #roomOverlay .ro-panel.ro-green #roRoom .sec-head .sec-n {
  background: #fde6ef !important; color: #8e2350 !important;
  font: 800 12px/1.2 Nunito, Nunito-fallback, system-ui, sans-serif !important; padding: 2px 8px !important; min-width: 22px; text-align: center;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-green #roRoom .sec-head .sec-n { background: #4a2a44 !important; color: #ffd0e1 !important; }

/* 3 · КРЪГЧЕТАТА ЗА ОТМЕТКА (имунизационният календар, „Тръгваме за спешното“, „Аптечката“):
       пръстенът беше лилав #eae3f7 (rooms.css:263, стар език); нощем кръгчето беше #221d36 върху
       тъмно и не се виждаше, а редовете — лилаво-черни #342f4e/#241f38 (dark.css:74) в тъмносинята
       карта. Езикът е като в „Бременност“ (pl-bremennost.css · 1): златно копче 26 px, отметнатото —
       розов гел с бяла отметка. Нощем: стъклен ред като „Здравният дневник“ горе + бял пръстен. */
#roomOverlay .ro-panel.ro-green #roRoom :is(.vx-row, .qd-row) { border-color: #f1e4d9 !important; }
#roomOverlay .ro-panel.ro-green #roRoom :is(.vx-row, .qd-row) > .jr-check {
  width: 26px; height: 26px; flex: none; align-self: center;
  background: #fffaf3; color: #fff; font-size: 13px; font-weight: 900; line-height: 1;
  box-shadow: inset 0 0 0 2px rgba(217, 185, 143, .9), inset 0 2px 3px rgba(120, 88, 58, .12);
}
#roomOverlay .ro-panel.ro-green #roRoom :is(.vx-row.done, .qd-row.done) > .jr-check {
  background: radial-gradient(120% 120% at 50% 18%, #f7a6c4 0, #e4779f 58%, #cf5f8c 100%);
  box-shadow: inset 0 0 0 1.5px rgba(201, 84, 130, .62), 0 1px 0 rgba(169, 47, 99, .35);
  text-shadow: 0 1px 0 rgba(120, 20, 60, .35);
}
#roomOverlay .ro-panel.ro-green #roRoom .qd-row { align-items: center; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom :is(.vx-row, .qd-row) {
  background: rgba(255, 255, 255, .07) !important; border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .18) !important; color: #fff;
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom :is(.vx-row, .qd-row).done {
  background: rgba(122, 210, 160, .16) !important; border-color: rgba(122, 210, 160, .42) !important;
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom :is(.vx-row, .qd-row):not(.done) > .jr-check {
  background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .6);
}

/* 4 · „Аптечката вкъщи“: датата беше 130 px (mega.css:164) и „yyyy“ се режеше от календарчето;
       „+“ беше 45 px с 12.5 px знак. Датата взема реда, „+“ е 56×48 с едър знак (етикетът е в aria-label). */
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> .ph-date) > .ph-date { max-width: none; flex: 1 1 0; }
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow:has(> .ph-date) > .jr-chip {
  flex: 0 0 56px; min-width: 56px; min-height: 48px; padding: 0 !important;
  font: 800 24px/1 Nunito, Nunito-fallback, system-ui, sans-serif !important;
}

/* 5 · „Здравето днес“ (pg20-hero): ДВА кръга един върху друг — span.pg20-fruit (65 px) носи рисунката
       (ico-b 33.3% 0%), а вътре стоеше второ .pl-em (83 px) със СЪЩАТА клетка, изместено вляво
       (мерено zd20_G_mer2.log). Както медалите (06.10 · 1): вътрешното се скрива визуално,
       буквата остава в textContent. */
#roomOverlay .ro-panel.ro-green #roRoom .pg20-fruit.pl-pl { position: relative; }
#roomOverlay .ro-panel.ro-green #roRoom .pg20-fruit.pl-pl > .pl-em {
  position: absolute !important; left: 0 !important; top: 0 !important;
  width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
  clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important;
  box-shadow: none !important; border: 0 !important;
}

/* 6 · ПАНЕЛЪТ „ПЪРВА ПОМОЩ“ (#faOverlay)
       а) стикерът в текста на стъпка („виж картата „🫀 Не диша…“) беше 1.7em (26 px) — раздуваше реда
          и кавичката оставаше сама в края на горния ред; става 1.4em и се слепва с кавичката
          (js/pl-zdrave.js · 20.10 слага span.pl-zd-nb около тях — текстът е буква в буква същият);
       б) нощем „Затвори“ беше лилаво-черно #342f4e (dark.css:74 с !important бие правилото 06.10);
       в) плъзгачът на кутията — тънък и в тона на картата, не сив системен. */
#faOverlay .fa-steps li .pl-em.pl-pl { width: 1.4em; height: 1.4em; margin: 0 .22em 0 .06em; vertical-align: -.36em; }
#faOverlay .pl-zd-nb { white-space: nowrap; }
html[data-theme="dark"] #faOverlay .fa-foot .jr-chip {
  background: #2b3872 !important; color: #fff !important; border-color: rgba(255, 255, 255, .22) !important;
}
#faOverlay .fa-box { scrollbar-width: thin; scrollbar-color: rgba(29, 42, 92, .28) transparent; }
html[data-theme="dark"] #faOverlay .fa-box { scrollbar-color: rgba(255, 255, 255, .3) transparent; }

/* 7 · ДЪХ МЕЖДУ ПОЯСА И ОНОВА НАД НЕГО (снимки zd20_H_sled_Lden_13/14/17): „Записвай при мерене…“ лепеше
       за полето, „Дано никога не потрябва…“ (той е ВЪТРЕ в .pho-grid) — за „Добави снимка“, „Дали да
       се даде…“ — за розовата кутия. 06.10 · 7 хващаше само .jr-btn + .jr-privacy. */
#roomOverlay .ro-panel.ro-green #roRoom .jr-addrow + .tp-box,
#roomOverlay .ro-panel.ro-green #roRoom .jr-btn ~ .pho-grid,
#roomOverlay .ro-panel.ro-green #roRoom .av-grid + .jr-privacy,
#roomOverlay .ro-panel.ro-green #roRoom div:has(> .qd-row) + .jr-privacy { margin-top: 12px; }   /* и под списъка „Какво да питам педиатъра“ (zd20_M_sled_L2_14) */

/* 8 · ВАКСИНИТЕ: копчето порасна 22 → 26 px и „в родилния дом, първите часове/дни“ се пречупи на „/“ —
       в реда на ваксините копчето е 24 px, празнините 10 → 8 (същата ширина за текста като преди). */
#roomOverlay .ro-panel.ro-green #roRoom .vx-row { gap: 8px; }
#roomOverlay .ro-panel.ro-green #roRoom .vx-row > .jr-check { width: 24px; height: 24px; }
/*    и дребният ред под ваксината („в родилния дом…“, „≈ 20.03.2026 г.“) беше 11 px, а нощем #a49dbb
      върху стъклото = 4.15:1 (мерено zd20_I_sled_D.log) → 12 px и #c9cbe3 (6.7:1 сметнато). */
#roomOverlay .ro-panel.ro-green #roRoom .vx-name small { font-size: 12px; line-height: 1.45; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .vx-name small { color: #c9cbe3; }
/*    нощем на отметнатия (зеления) ред „2 мес“ #f291bd = 4.31:1 (мерено zd20_L_sled_D2.log) → #ffc2dc (6.3:1 сметнато). */
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .vx-row.done .vx-when { color: #ffc2dc; }

/* 9 · ЗАПИСИТЕ В СПИСЪЦИТЕ („Аптечката вкъщи“ и др.): .nt-row беше лилаво-бяло #faf8ff (rooms.css:787,
       стар език), датата 11 px, кошчето — 55 % прозрачно. Тук: топъл бял ред с шев, дата 12 px,
       кошчето плътно, цел 44×44 (мерено след: 44×44). Нощем — стъкло, не #241f38. */
#roomOverlay .ro-panel.ro-green #roRoom :is(.nt-row, .gl-row) {
  background: #fffdf9 !important; border: 1px solid #f1e4d9;
  box-shadow: 0 1.5px 0 rgba(203, 176, 150, .45), 0 4px 10px rgba(110, 76, 52, .06);
}
#roomOverlay .ro-panel.ro-green #roRoom .nt-meta { font-size: 12px; color: #5f5a77; }
#roomOverlay .ro-panel.ro-green #roRoom .nt-del { position: relative; opacity: .9; }
#roomOverlay .ro-panel.ro-green #roRoom .nt-del::after { content: ''; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); border-radius: 50%; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom :is(.nt-row, .gl-row) {
  background: rgba(255, 255, 255, .07) !important; border-color: rgba(255, 255, 255, .14); box-shadow: 0 2px 0 rgba(0, 0, 0, .18);
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .nt-meta { color: #c9cbe3; }

/* 10 · „Здравето днес“: след т.5 рисунката е сама — да не се свие от реда в овал (мерено след: 67×67). */
#roomOverlay .ro-panel.ro-green #roRoom .pg20-fruit.pl-pl { flex-shrink: 0 !important; aspect-ratio: 1 / 1; }

/* 11 · SOS ДЪХ (#breathOverlay): правилото 06.10 · 10 НЕ хващаше кръга — extras.js:362 слага фона ИНЛАЙН
       (розово→лилаво #fbd3e6→#b9a7e0), а инлайн бие лист без !important (мерено zd20_J_sled_Ln_24.jpg и
       getComputedStyle: „radial-gradient(circle at 35% 30%, rgb(251, 211, 230), rgb(185…“). Тук — с !important.
       И: при „Вдишай“ кръгът расте ×1.7 (mega.css:1047) върху реда „кръг 1 от 4“ и опира в „Затвори“ —
       мястото под него става 78 px (160 × 0.35 = 56 px растеж + дъх). */
html:has(#roomOverlay .ro-panel.ro-green) #breathOverlay #brCircle {
  background: radial-gradient(circle at 36% 30%, #ffffff 0, #fff3f7 30%, #fde6ef 58%, #f59cbb 100%) !important;
  margin: 60px auto 78px !important;
}

/* 12 · „Здравето днес“: бутонът „🚨 При спешност — отвори СОС номерата си сега“ стоеше в жълта пунктирна
       кутия .pg20-do (rooms.css:1807) — кутия-в-кутия; нощем сиво-кафява. Кутията изчезва, бутонът
       е меко розово хапче 48 px (#8e2350 върху #fde6ef = 7.1:1; нощем #ffd0e1 = 7.4:1 сметнато). */
#roomOverlay .ro-panel.ro-green #roRoom .rh-hero .pg20-do:has(> .rh-sos-jump) {
  background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-top: 12px;
}
#roomOverlay .ro-panel.ro-green #roRoom .rh-hero .rh-sos-jump {
  display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 48px; margin: 0;
  padding: 8px 16px; border-radius: 999px; border: 1.5px solid #efa3c1;
  background: #fde6ef; color: #8e2350; font-weight: 800; font-size: 14px; line-height: 1.3;
  box-shadow: inset 0 1px 0 #fff, 0 2px 0 rgba(239, 163, 193, .55);
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .rh-hero .rh-sos-jump {
  background: rgba(245, 156, 187, .14); border-color: rgba(245, 156, 187, .45); color: #ffd0e1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 0 rgba(0, 0, 0, .2);
}

/* 13 · МАСТИЛАТА ПОД 4.5:1, мерени по getComputedStyle (dev/proba/zd20_M_sled_L2.log, светла, ден):
       присъдата на температурния ориентир „Има температура…“ #a5762a върху #fdf3d7 = 3.63:1, а редът
       „Дозите лекарства определя…“ — същият цвят ×0.8 = 2.70:1; зелената присъда #2f7d5f = 4.26:1 и
       червената #c0392b = 4.49:1 (сметнато); „2 мес“ на отметнат (мента) ред = 4.46:1; надписите
       „Задължително / Винаги / От 0 мес.“ (×0.86) = 4.49:1; „Зъбките наближават…“ (×0.85) = 4.40:1.
       Текстът е същият — сменя се само мастилото: 5.7 / 6.1 / 5.5 / 6.3:1 (сметнато). */
#roomOverlay .ro-panel.ro-green #roRoom .tmp-out.tmp-warn { color: #7a5410; }
#roomOverlay .ro-panel.ro-green #roRoom .tmp-out.tmp-ok { color: #24684d; }
#roomOverlay .ro-panel.ro-green #roRoom .tmp-out.tmp-red { color: #a82a1e; }
#roomOverlay .ro-panel.ro-green #roRoom .tmp-out .bb-note { opacity: 1; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .tmp-out.tmp-warn { color: #f2ce8a; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .tmp-out.tmp-ok { color: #a8e0bd; }
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom .tmp-out.tmp-red { color: #ffb3ab; }
#roomOverlay .ro-panel.ro-green #roRoom .vx-row.done .vx-when { color: #a92f63; }
#roomOverlay .ro-panel.ro-green #roRoom :is(.mk-h, .pg20-size) { opacity: 1; }

/* 14 · НОЩЕМ ПОЛЕТАТА ЗА ПИСАНЕ (textarea: „Въпросите ми към лекаря…“, „Здравни бележки“) бяха лилаво-черни,
       а полетата на един ред до тях — rgb(27,37,84) = #1b2554 (мерено zd20_O_ta_D.log; снимка zd20_sled_D_06). Един материал за всички. */
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom textarea {
  background-color: #1b2554 !important; border-color: rgba(255, 255, 255, .22) !important; color: #f4f5ff !important;
  /* редовете на „тетрадката“ (dark.css:110 — лилаво-черни #221d36/#2a2440) — като в „Моето бебе“ и „Бременност“ */
  background-image: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0) 0 26px, rgba(255, 255, 255, .07) 26px 27px) !important;
}
html[data-theme="dark"] #roomOverlay .ro-panel.ro-green #roRoom textarea::placeholder { color: #c8cbeb; opacity: 1; }
/* край 20.10 */