/* ═══════════════════════════════════════════════════════════════════════════════
   🥄 „ПЪРВИТЕ ЛЪЖИЧКИ · НАШЕТО МЕНЮ“ · стаята „Захранване“ (референция 10, 22.09.2026)
   Вид на блока от js/pl-hranene.js — ПРЕДМЕТИ върху сцената img/scene/hranene.webp (тя е
   фонът на панела, premium.css „🎬 СЦЕНИТЕ“): отворена книга с кожена подвързия, шев и
   ръб от страници; вътре филцов лист (.pl-felt) със заглавие „Нашето меню ♡“, седем кръгли
   дни (днешният — розов гел .pl-gel, другите — кремав филц .pl-soft), хартиено листче с
   „снимка“ (купичка върху карирана кърпа) и гел бутон; вдясно от прегъвката три плочки
   (.pl-soft). Отдолу — рафт с три пастелни арки с кремав ръб, табелки с месингови халки, и
   розовият гел „+ Добави хранене“.
   🪤 7 дни × 44px (докосване ≥ 44) не се побират в лявата страница на 390px (мерено: ~170px) —
   затова заглавието и дните са горе, през целия разгърнат лист; прегъвката е под тях.
   МАТЕРИАЛИТЕ са общите от css/pl-ui.css. Тук е само формата, кожата и дървото.
   Числата — Nunito (Georgia: старинни цифри, 0 = „о“). Контраст ≥ 4.5:1 (изчислен, dom_a11y.js).
   Нощта (21:00–7:00): нощно синьо, кожата — тъмносиня със златен шев, иконките на бял кръг.
   ПЪТ НАЗАД: махни <link href="css/pl-hranene.css">.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 🪤 #roRoom е flex контейнер с фиксирана височина — без flex:none блокът се свива */
.pl-hr {
  flex: none; position: relative;
  margin: 12px 0 10px;
  color: #3b3f5c;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif;
  --hr-navy: var(--pl-navy, #1d2a5c);
  --hr-soft: #5d596f;
  --hr-serif: var(--pl-serif, Georgia, 'Noto Serif', serif);
  /* дървото на рафта (без url — градиентите в променлива нямат капана с относителния път) */
  --hr-wood: repeating-linear-gradient(94deg, rgba(150, 98, 48, .07) 0 1.5px, transparent 1.5px 9px),
             linear-gradient(180deg, #fbeedb 0, #f2dab8 32%, #e1bc8c 36%, #d5ab76 100%);
}
:where(.pl-hr) button { font: inherit; -webkit-tap-highlight-color: transparent; }
.pl-hr :focus-visible { outline: 3px solid #e56d99; outline-offset: 3px; }
.pl-hr-dg { font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-weight: 800; font-variant-numeric: lining-nums; }

/* ══ книгата: кожена подвързия с шев, ръб от страници отдолу ══ */
.pl-hr-book {
  position: relative; z-index: 0;
  padding: 7px 7px 15px;
  border-radius: 30px 30px 26px 26px;
  background:
    radial-gradient(120% 60% at 50% 0, rgba(255, 255, 255, .28) 0, rgba(255, 255, 255, 0) 60%),
    repeating-linear-gradient(38deg, rgba(120, 72, 30, .035) 0 2px, transparent 2px 6px),
    linear-gradient(180deg, #e9cda8 0, #dbb88e 100%);
  box-shadow: inset 0 0 0 1.5px #c3915d, inset 0 2px 0 rgba(255, 255, 255, .55), inset 0 -3px 0 rgba(140, 90, 45, .22),
              0 18px 34px rgba(110, 76, 52, .28), 0 4px 10px rgba(110, 76, 52, .14);
}
.pl-hr-book::before {          /* шевът по кожата */
  content: ''; position: absolute; inset: 3px; border-radius: 27px 27px 23px 23px; pointer-events: none;
  border: 1.5px dashed rgba(255, 246, 230, .75);
}
.pl-hr-book::after {           /* ръбът на страниците под листа */
  content: ''; position: absolute; z-index: 0; left: 14px; right: 14px; bottom: 6px; height: 10px;
  border-radius: 0 0 14px 14px;
  background: repeating-linear-gradient(180deg, #fffaf1 0 1.6px, #e3cdb0 1.6px 3.2px);
  box-shadow: 0 1px 0 rgba(150, 105, 60, .35);
}
/* листът — общият филц; тук само по-плитка сянка, защото лежи в подвързията */
html body .pl-hr .pl-hr-sheet.pl-felt {
  position: relative; z-index: 1;
  padding: 12px 11px 12px;
  border-radius: 24px !important;
  box-shadow: 0 3px 0 #efe0cb, 0 6px 14px rgba(110, 76, 52, .18), inset 0 2px 0 rgba(255, 255, 255, .9) !important;
}
html body .pl-hr .pl-hr-sheet.pl-felt::after { border-radius: 19px; }

/* украсата в горния ляв ъгъл (реф. 10: цвете с листенца).
   🪤 (снимка ag2_hranene_l2): извън листа „multiply“ няма върху какво да се смеси — листът е
   своя група (z-index) — и спрайтът стоеше като бял наклонен квадрат. Затова е ВЪТРЕ в листа, и
   БЕЗ z-index на обвивката (снимка ag2_hranene_l3: z-index:0 пак я правеше отделна група → бяло). */
.pl-hr-deco { position: absolute; left: 8px; top: 6px; width: 62px; height: 46px; pointer-events: none; }
.pl-hr-fl, .pl-hr-lf { position: absolute; display: block; background-repeat: no-repeat; background-size: 400% 400%; mix-blend-mode: multiply; }
.pl-hr-fl { left: 0; top: 0; width: 42px; height: 42px; transform: rotate(-12deg); }
.pl-hr-lf { left: 24px; top: 14px; width: 30px; height: 30px; transform: rotate(38deg); }

.pl-hr-h {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin: 2px 0 0; padding: 0 22px;
  font-family: var(--hr-serif); font-weight: 700; font-size: 23px; line-height: 1.1; letter-spacing: -.3px;
  color: var(--hr-navy); white-space: nowrap;
}
.pl-hr-hs { flex: none; width: 24px; height: 24px; fill: none; stroke: #e56d99; stroke-width: 2.1; stroke-linejoin: round; transform: rotate(8deg) translateY(-2px); }

/* ══ седемте дни ══ */
.pl-hr-days { display: grid; grid-template-columns: repeat(7, minmax(0, 44px)); justify-content: space-between; margin: 10px 0 0; }
html body .pl-hr .pl-hr-d {
  position: relative; display: grid; place-items: center;
  width: 44px; height: 44px; padding: 0; border-radius: 50% !important; cursor: pointer;
  font-family: var(--hr-serif); font-weight: 700; font-size: 16px; line-height: 1;
}
.pl-hr-d > i { position: absolute; left: 50%; bottom: 5px; width: 5px; height: 5px; margin-left: -2.5px; border-radius: 50%; background: #c8457a; opacity: 0; }
.pl-hr-d.has-food > i { opacity: 1; }
.pl-hr-d.is-today > i { background: #fff; }
.pl-hr-d[aria-pressed="true"]::after {   /* избраният — розов пръстен около кръга */
  content: ''; position: absolute; inset: -4px; border-radius: 50%; pointer-events: none;
  border: 2px solid #d95a8e;
}

/* ══ разгърнатото тяло: листче вляво, прегъвка, плочки вдясно ══ */
.pl-hr-body {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 14px;
  margin: 12px 0 0;
}
.pl-hr-body::before {          /* прегъвката на книгата */
  content: ''; position: absolute; z-index: 0; top: -6px; bottom: -8px; width: 16px;
  left: calc((100% - 14px) * 1.1 / 2.1 + 7px); margin-left: -8px; pointer-events: none;
  background: linear-gradient(90deg, rgba(160, 118, 76, 0) 0, rgba(160, 118, 76, .16) 42%, rgba(120, 84, 50, .30) 50%, rgba(160, 118, 76, .16) 58%, rgba(160, 118, 76, 0) 100%);
}

.pl-hr-dish {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  min-width: 0; padding: 8px 8px 9px;
  border-radius: 18px;
  background: #fffdf9;
  box-shadow: inset 0 0 0 1.5px #f0e0cc, 0 2px 0 #ead7bf, 0 6px 12px rgba(110, 76, 52, .09);
}
.pl-hr-dish::after { content: ''; position: absolute; inset: 4px; border-radius: 14px; pointer-events: none; border: 1.3px dashed rgba(196, 160, 124, .45); }
/* „снимката“: купичка върху бяла чиния на карирана кърпа */
.pl-hr-photo {
  position: relative; height: 86px; overflow: hidden;
  border-radius: 12px;
  background:
    repeating-linear-gradient(0deg, rgba(233, 138, 170, .30) 0 7px, transparent 7px 14px),
    repeating-linear-gradient(90deg, rgba(233, 138, 170, .30) 0 7px, transparent 7px 14px),
    #fff6f8;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4.5px #f0e0cc, 0 3px 8px rgba(110, 76, 52, .18);
}
.pl-hr-plate {
  position: absolute; left: 50%; bottom: 6px; width: 112px; height: 54px; margin-left: -60px; border-radius: 50%;
  background: radial-gradient(closest-side, #fff 0, #fff 72%, #f3ebe2 88%, #e9ddcf 100%);
  box-shadow: 0 3px 6px rgba(110, 76, 52, .18);
}
.pl-hr-bowl, .pl-hr-veg { position: absolute; z-index: 1; display: block; background-repeat: no-repeat; background-size: 400% 400%; mix-blend-mode: multiply; }
.pl-hr-bowl { left: 50%; bottom: 4px; width: 80px; height: 80px; margin-left: -48px; }
.pl-hr-veg { right: 4px; bottom: 0; width: 44px; height: 44px; transform: rotate(-8deg); }
.pl-hr-photo.is-empty .pl-hr-bowl { opacity: .55; filter: grayscale(.3); }
/* пюрето в купичката (реф. 10: оранжево) — само когато денят има храна; ПОД купичката (z 0 < 1),
   за да го „оцвети“ multiply-ят на спрайта и лъжичката да остане отгоре */
.pl-hr-photo:not(.is-empty)::after {
  content: ''; position: absolute; z-index: 0; left: 50%; bottom: 46px; width: 44px; height: 12px; margin-left: -30px; border-radius: 50%;
  background: radial-gradient(60% 70% at 45% 35%, #ffc37a 0, #f39a3e 55%, #e07f24 100%);
  box-shadow: inset 0 -1.5px 2px rgba(150, 70, 10, .25);
}
.pl-hr-plus {                  /* поканата: бяло копче с розов „+“ върху празната купичка */
  position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; border-radius: 50%;
  background: radial-gradient(circle at 40% 30%, #fff 0, #fff8fb 55%, #fbe4ed 100%);
  box-shadow: inset 0 0 0 2px #ef9fbf, 0 2px 0 #e7a0bd, 0 4px 8px rgba(201, 70, 122, .22);
}
.pl-hr-plus::before, .pl-hr-plus::after { content: ''; position: absolute; left: 50%; top: 50%; width: 13px; height: 3px; border-radius: 2px; background: #c8457a; transform: translate(-50%, -50%); }
.pl-hr-plus::after { transform: translate(-50%, -50%) rotate(90deg); }
html body .pl-hr .pl-hr-edit {  /* ✎ промени — кремаво филцово кръгче в ъгъла на снимката */
  position: absolute; z-index: 2; right: 2px; top: 2px;
  display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border-radius: 50% !important; cursor: pointer;
}
.pl-hr-edit svg { width: 18px; height: 18px; }
.pl-hr-dt {
  margin: 9px 2px 0;
  font-family: var(--hr-serif); font-weight: 700; font-size: 16.5px; line-height: 1.15; letter-spacing: -.2px;
  color: var(--hr-navy); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.pl-hr-ds { margin: 3px 2px 0; font-size: 12.5px; font-weight: 700; line-height: 1.25; color: var(--hr-soft); }
html body .pl-hr .pl-hr-go {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; min-height: 46px; margin-top: auto; padding: 0 10px; border-radius: 999px; cursor: pointer;
  font-family: var(--hr-serif); font-weight: 700; font-size: 15px; letter-spacing: .1px; white-space: nowrap;
}
/* 🪤 ИЗМЕРЕНО (ag2_hranene_piksel.js — пикселите под текста, не background-color): белият текст върху
   общия гел е 4.14:1 средно, 3.66 най-ниско — под дребния текст (буквата 16px, бутонът 15px) пада
   светлата част на градиента (#d95a8e = 3.6:1). Същият материал и същите цветове (--ui-gel-*), но
   преходът стига --ui-gel на 28% — там свършва и бликът; под текста остава #c8457a…#b93a6e (4.6–5.3:1).
   Големият „Добави хранене“ (21px получер, праг 3:1) е с общия гел. */
html body .pl-hr .pl-hr-d.pl-gel.pl-gel, html body .pl-hr .pl-hr-go.pl-gel.pl-gel {
  background-image:
    radial-gradient(120% 70% at 50% -10%, rgba(255, 255, 255, .62) 0, rgba(255, 255, 255, .18) 38%, rgba(255, 255, 255, 0) 55%),
    linear-gradient(180deg, var(--ui-gel-top) 0%, var(--ui-gel-mid) 14%, var(--ui-gel) 28%, var(--ui-gel-bot) 100%) !important;
}
.pl-hr-go span { font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-size: 20px; line-height: 1; transform: translateY(-1px); }
.pl-hr-ds + .pl-hr-go { margin-top: 10px; }

/* ══ трите плочки на дясната страница (материалът е .pl-soft) ══ */
.pl-hr-tiles { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 9px; min-width: 0; }
html body .pl-hr .pl-hr-t {
  flex: 1 1 0;
  display: grid; grid-template-columns: 36px minmax(0, 1fr) 8px; align-items: center; gap: 6px;
  min-height: 66px; padding: 6px 8px 6px 6px;
  border-radius: 18px !important; cursor: pointer; text-align: left;
}
.pl-hr-ti {   /* 36px: поканата „+ отбележи“ стоеше на косъм от „›“ (снимка ag2_hranene_e2) */
  width: 36px; height: 36px; border-radius: 50%;
  background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply;
  box-shadow: inset 0 0 0 2.5px #fff, 0 2px 5px rgba(150, 105, 60, .2);
}
.pl-hr-t.t-опитани .pl-hr-ti { background-color: #fde3ee; }
.pl-hr-t.t-любими .pl-hr-ti { background-color: #fde6ef; }
.pl-hr-t.t-бележки .pl-hr-ti { background-color: #e6e6fb; }
.pl-hr-tt { min-width: 0; }
.pl-hr-tt > b { display: block; font-family: var(--hr-serif); font-weight: 700; font-size: 14px; line-height: 1.15; color: var(--hr-navy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pl-hr-tn { display: block; margin-top: 2px; }
.pl-hr-n { display: block; font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-weight: 900; font-size: 23px; line-height: 1; color: var(--hr-navy); font-variant-numeric: lining-nums tabular-nums; }
.pl-hr-x { display: block; margin-top: 1px; font-size: 11.5px; font-weight: 800; line-height: 1.15; color: #9e2f5f; white-space: nowrap; font-variant-numeric: lining-nums; }
/* поканата (нула без запис): голям розов „+“ на мястото на числото и дума до него — на един ред
   (снимка ag2_hranene_e1: „+ / отбележи“ се чупеше на два реда в тясната колона) */
.pl-hr-inv { display: flex; align-items: center; gap: 3px; font-size: 12.5px; font-weight: 800; line-height: 1.2; color: #a8386a; white-space: nowrap; }
.pl-hr-inv b { font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-size: 22px; font-weight: 900; line-height: 1; transform: translateY(-1px); }
.pl-hr-t > em { font-style: normal; font-size: 20px; line-height: 1; color: var(--hr-navy); }

.pl-hr-note { position: relative; z-index: 1; margin: 10px 4px 0; font-size: 12px; font-weight: 700; line-height: 1.3; text-align: center; color: var(--hr-soft); }
.pl-hr-note[hidden] { display: none; }

/* ══ рафтът с трите арки ══ */
.pl-hr-shelf {
  position: relative; z-index: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 12px;
  margin: 18px 0 0; padding: 0 12px;
}
.pl-hr-shelf::after {          /* дъската: горна плоскост + преден ръб */
  content: ''; position: absolute; z-index: -1; left: 0; right: 0; bottom: 4px; height: 24px;
  border-radius: 9px 9px 7px 7px;
  background: var(--hr-wood);
  box-shadow: 0 9px 14px rgba(150, 105, 60, .26), inset 0 1.5px 0 rgba(255, 255, 255, .75), inset 0 -2px 0 rgba(150, 98, 48, .28);
}
.pl-hr-ring {                  /* месингови халки в краищата на дъската */
  position: absolute; z-index: 0; bottom: 10px; width: 15px; height: 15px; border-radius: 50%;
  background: radial-gradient(circle, transparent 0 3.4px, #8a6320 3.9px, #f2cd72 5px, #b3862f 6.6px, rgba(120, 80, 20, 0) 7.2px);
  filter: drop-shadow(0 1.5px 1px rgba(110, 76, 52, .3));
}
.pl-hr-ring.r1 { left: 2px; }
.pl-hr-ring.r2 { right: 2px; }
.pl-hr-a {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: center;
  min-width: 0; padding: 0 0 12px; border: 0; background: none; cursor: pointer;
  transition: transform .2s ease;
}
.pl-hr-a:active { transform: scale(.96); }
.pl-hr-dome {                  /* пастелната арка: дебел кремав ръб с кант, вдлъбнатина, блик */
  position: relative; display: grid; place-items: center;
  width: 100%; height: 116px;
  border-radius: 999px 999px 12px 12px;
  box-shadow:
    inset 0 0 0 7px #fbf3e6, inset 0 0 0 8.5px rgba(214, 178, 140, .75),
    inset 0 18px 20px rgba(255, 255, 255, .45), inset 0 -14px 18px rgba(110, 76, 52, .10),
    0 0 0 1.5px rgba(206, 168, 128, .6), 0 8px 16px rgba(150, 105, 60, .22);
}
.pl-hr-dome::before {          /* гел-бликът */
  content: ''; position: absolute; left: 20%; top: 11%; width: 30%; height: 16%; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
  transform: rotate(-26deg); pointer-events: none;
}
.pl-hr-a.t-храни .pl-hr-dome { background: radial-gradient(120% 90% at 50% 18%, #fff2f6 0, #f9d3e1 52%, #f1b6cc 100%); }
.pl-hr-a.t-рецепти .pl-hr-dome { background: radial-gradient(120% 90% at 50% 18%, #fffaf2 0, #f8e9d6 52%, #efd7ba 100%); }
.pl-hr-a.t-дневник .pl-hr-dome { background: radial-gradient(120% 90% at 50% 18%, #f2f8ef 0, #d6e8d2 52%, #b9d6b6 100%); }
.pl-hr-ai { position: relative; display: block; width: 78px; height: 78px; margin-top: -10px; background-repeat: no-repeat; background-size: 400% 400%; mix-blend-mode: multiply; }
.pl-hr-al {                    /* табелката с месингови халки */
  position: relative; z-index: 1; margin-top: -22px;
  min-width: 94%; padding: 8px 6px 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, #fffdf8 0, #f8ecdb 100%);
  box-shadow: inset 0 0 0 1.5px #ead3b4, inset 0 1.5px 0 #fff, 0 3px 6px rgba(150, 105, 60, .22);
  font-family: var(--hr-serif); font-weight: 700; font-size: 15.5px; line-height: 1.1; text-align: center;
  color: var(--hr-navy); white-space: nowrap;
}
.pl-hr-al::before, .pl-hr-al::after {
  content: ''; position: absolute; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%;
  background: radial-gradient(circle, transparent 0 2px, #9a6d22 2.4px, #f2cd72 3.3px, #a8791f 4.5px, transparent 5px);
}
.pl-hr-al::before { left: -3px; }
.pl-hr-al::after { right: -3px; }

/* ══ „+ Добави хранене“ (материалът е .pl-gel) и изборът под него ══ */
html body .pl-hr .pl-hr-cta {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  width: fit-content; min-width: 72%; max-width: 100%; min-height: 60px;
  margin: 16px auto 0; padding: 0 32px 0 12px;
  border-radius: 999px; cursor: pointer;
  font-family: var(--hr-serif); font-size: 21px; font-weight: 700; letter-spacing: .1px;
}
.pl-hr-cta b { position: relative; flex: none; width: 38px; height: 38px; border-radius: 50%; background: radial-gradient(circle at 40% 30%, #fff 0, #fff5f9 60%, #fbe0ea 100%); box-shadow: 0 2px 0 rgba(120, 20, 60, .28), inset 0 -1.5px 0 rgba(200, 69, 122, .18); }
.pl-hr-cta b::before, .pl-hr-cta b::after { content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 3.5px; border-radius: 2px; background: #c8457a; transform: translate(-50%, -50%); transition: transform .25s ease; }
.pl-hr-cta b::after { transform: translate(-50%, -50%) rotate(90deg); }
.pl-hr-cta[aria-expanded="true"] b::before { transform: translate(-50%, -50%) rotate(45deg); }
.pl-hr-cta[aria-expanded="true"] b::after { transform: translate(-50%, -50%) rotate(135deg); }
.pl-hr-menu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 14px 0 0; }
.pl-hr-menu[hidden] { display: none; }
html body .pl-hr .pl-hr-mi {   /* материалът е .pl-soft */
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  min-height: 88px; padding: 8px 4px; cursor: pointer; border-radius: 18px !important;
  font-size: 13px; font-weight: 800; text-align: center;
}
.pl-hr-mico { display: block; width: 50px; height: 50px; border-radius: 50%; background-color: #fde6ef; background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply; box-shadow: inset 0 0 0 2.5px #fff; }
.pl-hr-mi:nth-child(3n+2) .pl-hr-mico { background-color: #e3f3e8; }
.pl-hr-mi:nth-child(3n) .pl-hr-mico { background-color: #e3edfc; }

/* ── осветяването на ИСТИНСКИЯ бутон/карта, до която скочихме (атрибутът се маха след 2.6 с) ── */
#roRoom [data-pl-hr-spot] {
  outline: 3px solid #e56d99 !important; outline-offset: 4px;
  border-radius: 16px;
  animation: plHrSpot 1.2s ease-in-out 2;
}
@keyframes plHrSpot { 50% { outline-color: rgba(229, 109, 153, .25); } }

/* ═══ НОЩ (21:00–7:00): нощно синьо, кожата — тъмносиня със златен шев, иконките на бял кръг ═══
   🔴 20.10 (hr20 · МЕРЕНО в 02:05, светла тема, getComputedStyle — dev/proba/hr20_kL.log):
      всичките 64 нощни реда в този файл бяха `:is(html[data-theme="dark"], html.bl-night)`.
      html.bl-night НЕ е тъмната тема — това са тихите часове 23:00–06:00 (js/night.js:26-31)
      върху СВЕТЛИТЕ кремави карти. Резултат: „Нашето меню“ бяло върху крем 1.04:1, „Опитани/
      Любими/Бележки“ 1.04:1, подзаглавията .jr-sub 1.23:1, редовете (.tk-row/.jr-win/.fd-card/
      .rp-card/.al-row/полетата) — тъмносини кутии в кремава карта с тъмен текст 1.66:1,
      заглавието на раздела .sec-head тъмносиньо върху тъмносиньо 1.29:1.
      Сега нощните редове са САМО html[data-theme="dark"] (64 реда, sed, специфичността е същата 0,1,1).
      ПЪТ НАЗАД за тази поправка: копието отпреди е dev/proba/hr20_predi_pl-hranene.css —
      или замени `html[data-theme="dark"]` в нощните редове обратно с `:is(html[data-theme="dark"], html.bl-night)`. */
html[data-theme="dark"] .pl-hr {
  color: #e3e5f5;
  --hr-navy: #fff;
  --hr-soft: #c9cbe3;
  --hr-wood: linear-gradient(180deg, #45539a 0, #3a4786 32%, #2f3b76 36%, #27316a 100%);
}
html[data-theme="dark"] .pl-hr-book {
  background: linear-gradient(180deg, #34427f 0, #28346b 100%);
  box-shadow: inset 0 0 0 1.5px rgba(240, 210, 137, .5), 0 18px 34px rgba(0, 0, 0, .38);
}
html[data-theme="dark"] .pl-hr-book::before { border-color: rgba(240, 210, 137, .45); }
html[data-theme="dark"] .pl-hr-book::after { background: repeating-linear-gradient(180deg, #3d4a8a 0 1.6px, #222c5e 1.6px 3.2px); box-shadow: none; }
html[data-theme="dark"] body .pl-hr .pl-hr-sheet.pl-felt { box-shadow: 0 3px 0 #18214a, 0 6px 14px rgba(0, 0, 0, .3) !important; }
html[data-theme="dark"] .pl-hr-fl, html[data-theme="dark"] .pl-hr-lf { mix-blend-mode: normal; border-radius: 50%; background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-hr-lf { display: none; }
html[data-theme="dark"] .pl-hr-hs { stroke: #f59cbb; }
html[data-theme="dark"] .pl-hr-d > i { background: #ffb8d2; }
html[data-theme="dark"] .pl-hr-d.is-today > i { background: #fff; }
html[data-theme="dark"] .pl-hr-d[aria-pressed="true"]::after { border-color: #f59cbb; }
html[data-theme="dark"] .pl-hr-body::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .18) 42%, rgba(0, 0, 0, .34) 50%, rgba(0, 0, 0, .18) 58%, rgba(0, 0, 0, 0) 100%); }
html[data-theme="dark"] .pl-hr-dish { background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .14), 0 2px 0 #18214a; }
html[data-theme="dark"] .pl-hr-dish::after { border-color: rgba(255, 255, 255, .2); }
html[data-theme="dark"] .pl-hr-photo { filter: brightness(.9); box-shadow: 0 0 0 3px rgba(255, 255, 255, .85), 0 3px 8px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-hr-ti, html[data-theme="dark"] .pl-hr-mico,
html[data-theme="dark"] .pl-hr-t.t-опитани .pl-hr-ti, html[data-theme="dark"] .pl-hr-t.t-любими .pl-hr-ti, html[data-theme="dark"] .pl-hr-t.t-бележки .pl-hr-ti,
html[data-theme="dark"] .pl-hr-mi .pl-hr-mico { background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-hr-x, html[data-theme="dark"] .pl-hr-inv { color: #ffb8d2; }
html[data-theme="dark"] .pl-hr-dome { box-shadow: inset 0 0 0 5px rgba(255, 255, 255, .14), inset 0 0 0 6.5px rgba(240, 210, 137, .32), 0 8px 16px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-hr-dome::before { opacity: .35; }
html[data-theme="dark"] .pl-hr-a.t-храни .pl-hr-dome { background: linear-gradient(180deg, rgba(229, 109, 153, .38), rgba(229, 109, 153, .18)); }
html[data-theme="dark"] .pl-hr-a.t-рецепти .pl-hr-dome { background: linear-gradient(180deg, rgba(240, 200, 150, .32), rgba(240, 200, 150, .14)); }
html[data-theme="dark"] .pl-hr-a.t-дневник .pl-hr-dome { background: linear-gradient(180deg, rgba(110, 200, 160, .34), rgba(110, 200, 160, .15)); }
html[data-theme="dark"] .pl-hr-ai { width: 66px; height: 66px; margin-top: -14px; mix-blend-mode: normal; border-radius: 50%; background-color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .25); }
html[data-theme="dark"] .pl-hr-al { background: #2a376f; box-shadow: inset 0 0 0 1.5px rgba(240, 210, 137, .4), 0 3px 6px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-hr-shelf::after { box-shadow: 0 9px 14px rgba(0, 0, 0, .32), inset 0 1.5px 0 rgba(240, 210, 137, .4); }
html[data-theme="dark"] #roRoom [data-pl-hr-spot] { outline-color: #f59cbb !important; }

@media (prefers-reduced-motion: reduce) {
  .pl-hr-a, .pl-hr-cta b::before, .pl-hr-cta b::after { transition: none; }
  #roRoom [data-pl-hr-spot] { animation: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   🧵 12 · ЦЯЛАТА СТАЯ В СВЕТА НА РЕФЕРЕНЦИИТЕ (29.09)
   Дотук беше преоблечен само моят блок отгоре. Мерено с инвентаризация в жив Chrome
   390×844 (wf3_hranene_inv2.js): под него стояха 27 карти от СТАРИЯ свят —
   плоски кремави правоъгълници без филц и шев, голи системни емоджита като иконки,
   търсачка без лупа и три цели за пръста под 44px.

   🪤 ОБХВАТ: всяко правило тук е заключено за .ro-carrot (стаята „Захранване“,
      helper.js:74). Класовете .tk-row/.rp-card/.sec-chip/.sec-find живеят във ВСИЧКИ
      стаи — без този ключ щях да пребоядисам и чуждите екрани.
   🪤 СПЕЦИФИЧНОСТ: premium.css бие с (1 ид, 2 класа) + !important. Тук е
      html body #roomOverlay .ro-panel.ro-carrot … = (1 ид, 4 класа, 2 елемента) + !important.
   🪤 ФИЛЦЪТ: var(--ui-felt) е обявен в pl-ui.css:18 → url-ът се смята спрямо css/ и е верен.
      Собствен url(../img/art/…) — също спрямо css/. (Капан 1: НЕ слагам url в променлива от JS.)
   ПЪТ НАЗАД: изтрий този раздел (от реда „12 ·“ до края на файла) — стаята се връща
      точно каквато беше; нищо друго не зависи от него.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 12.1 търсачката: филц + шев + лупа ───────────────────────────────────────
   🪤 Аз самият махнах „🔍 “ от плейсхолдъра (js: преоблечи), а рисунка не сложих —
   полето остана голо „в стаята…“.
   🪤 ИЗМЕРЕНО (снимка hr_sled_nav.png): първият ми опит сложи плюшения лист ico-c
   като фон и се показаха ТРИ съседни клетки — кълбо, лупа и ножица. Спрайт 4×4 се
   реже само когато САМИЯТ елемент е с размера на клетката (така прави плюшът:
   26px елемент + background-size 400%). Полето е 362px широко — то не реже нищо,
   а показва цял лист. Затова лупата тук е ЕДНА рисунка (SVG маска), както pl-ui.css:127
   рисува 📍 и ▾ — нито един съсед не може да се промъкне. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-find {
  background-color: #fffaf3 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238d7f7a' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4L21 21'/%3E%3C/svg%3E"), var(--ui-felt) !important;
  background-size: 22px 22px, 160px 160px !important;
  background-position: 16px center, 0 0 !important;
  background-repeat: no-repeat, repeat !important;
  background-blend-mode: normal, multiply !important;
  padding: 0 18px 0 48px !important;
  border: 1px solid rgba(214, 186, 158, .7) !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(150, 105, 60, .13) !important;
  font-weight: 700 !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-find::placeholder { color: #6d6580 !important; opacity: 1; }

/* ── 12.1b „🧺 имам: морков, ориз…“ (rooms3.js:1169) — същото лечение ──────────
   Знакът пада от JS (ЕТИКЕТИ['🧺'] = 'kosh') САМО защото тази рисунка я има тук.
   Полето беше плоско бяло с голо системно кошче (снимка hr_predi_rp-card.png). */
html body #roomOverlay .ro-panel.ro-carrot #roRoom input[data-plhr-ic="kosh"] {
  background-color: #fffaf3 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238d7f7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h18l-1.7 9.2a2 2 0 0 1-2 1.8H6.7a2 2 0 0 1-2-1.8z'/%3E%3Cpath d='M8.5 9 11 3.5M15.5 9 13 3.5'/%3E%3Cpath d='M9.5 13v3M14.5 13v3'/%3E%3C/svg%3E"), var(--ui-felt) !important;
  background-size: 22px 22px, 160px 160px !important;
  background-position: 15px center, 0 0 !important;
  background-repeat: no-repeat, repeat !important;
  background-blend-mode: normal, multiply !important;
  padding-left: 46px !important;
  min-height: 46px !important;
  border: 1px solid rgba(214, 186, 158, .7) !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(150, 105, 60, .13) !important;
}

/* ── 12.2 кътчетата горе (.sec-chip): филц с шев вместо плоско кремаво ─────────
   Шевът е ::after — premium.css не ползва ::after тук, така че нищо не се презаписва. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-chip[data-pl] {
  position: relative;
  background-color: #fffaf3 !important;
  background-image: var(--ui-felt) !important;
  background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border: 1px solid rgba(214, 186, 158, .65) !important;
  box-shadow: 0 8px 18px rgba(110, 76, 52, .16), inset 0 2px 0 rgba(255, 255, 255, .9) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-chip[data-pl]::after {
  content: ''; position: absolute; inset: 5px; border-radius: 15px; pointer-events: none;
  border: 1.5px dashed rgba(196, 160, 124, .5);
}
/* надписът — серифен и тъмносин, както заглавията в референциите */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-chip .pl-tl {
  font-family: var(--hr-serif) !important; font-weight: 700 !important; font-size: 13.5px !important;
  color: var(--pl-navy, #1d2a5c) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-chip[data-pl].on::after { border-color: rgba(229, 109, 153, .55); }

/* ── 12.3 редовете и рецептите: филц с шев ────────────────────────────────────
   Мерено ПРЕДИ: .tk-row 324×93 rgb(255,253,249), background-image НЯМА, ъгъл 10px;
   .rp-card 324×175 същото, ъгъл 16px. Това е плоското бяло, което той вижда. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-card {
  position: relative;
  background-color: #fffaf3 !important;
  background-image: var(--ui-felt) !important;
  background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border-radius: 18px !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 4px 10px rgba(110, 76, 52, .12) !important;
  padding: 12px 14px !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row::after,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-card::after {
  content: ''; position: absolute; inset: 5px; border-radius: 13px; pointer-events: none;
  border: 1.3px dashed rgba(196, 160, 124, .45);
}
/* отметнатото („работило е“) — мек зелен филц, не плоско зелено петно */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row.tk-yes { background-color: #eaf6ec !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row.tk-yes::after { border-color: rgba(120, 170, 130, .5); }
/* първият ред на трика и името на рецептата — сериф, тъмносин (беше Nunito, сиво-син)
   🪤 ИЗМЕРЕНО (снимка hr_sled_tk.png): първият ми избор беше „.tk-row > div > b“ и
   НЕ хвана нищо — заглавието на трика е ГОЛ ТЕКСТОВ ВЪЗЕЛ в .tk-t, преди <br><small>
   (rooms9.js:165), а не <b>. Затова серифът е на самия .tk-t, а <small> се връща на
   Nunito — иначе и обяснението под него щеше да стане серифно. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row .tk-t,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-top strong {
  font-family: var(--hr-serif) !important; font-weight: 700 !important;
  color: var(--pl-navy, #1d2a5c) !important; letter-spacing: -.1px;
  font-size: 15.5px !important; line-height: 1.25 !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row .tk-t small {
  display: block; margin-top: 3px;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif !important;
  font-weight: 600 !important; font-size: 13px !important; line-height: 1.35 !important;
  color: #5d596f !important; letter-spacing: 0;
}

/* ── 12.3b картите на храните (.fd-card) ──────────────────────────────────────
   🪤 ИЗМЕРЕНО (снимка hr_sled_fd.png): дадох филц на .tk-row и .rp-card, а
   „Календар на храните“ остана с ПЛОСКИ БЕЛИ картички — най-голямата решетка в
   стаята. Тук padding НЕ пипам (решетката е 2 колони и се разваля), само материалът.
   Опитаното (.tried) пази зеления си знак, но като МЕК зелен филц. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card {
  position: relative;
  background-color: #fffaf3 !important;
  background-image: var(--ui-felt) !important;
  background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border-radius: 18px !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 4px 10px rgba(110, 76, 52, .12) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card::after {
  content: ''; position: absolute; inset: 5px; border-radius: 13px; pointer-events: none;
  border: 1.3px dashed rgba(196, 160, 124, .45);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card.tried { background-color: #eaf6ec !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card.tried::after { border-color: rgba(120, 170, 130, .55); }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-name {
  font-family: var(--hr-serif) !important; font-weight: 700 !important;
  color: var(--pl-navy, #1d2a5c) !important; letter-spacing: -.1px;
}

/* ── 12.4 голите системни емоджита-иконки → плюшени пастелни кръгчета ──────────
   🪤 Плюшът (pl-plyush.js) подменя само емоджитата, за които има рисунка в картата К.
   Мерено: 🥒🎃🍑🥑🥣🥚🍗🐟🥔🍠🍐🥜🍌🥛🍅🍇🌭🧀🍬🥖🌾🌰🦐🫘 НЯМАТ рисунка и стояха
   голи — системният шрифт насред филцовия свят. Нови рисунки НЕ правя (забранено), а
   и чужда рисунка на чужда храна лъже. Затова знакът ОСТАВА (текстът е непобутнат —
   плюшът може да го хване по всяко време), но сяда в пастелен филцов кръг с бял кант,
   точно като иконките в .sec-chip. Голо емоджи вече няма — има иконка.
   Пипам САМО елементите, които са иконка сами по себе си (.fd-emoji/.al-e/.rp-e/.fs-emo);
   емоджитата насред изречение (.ut-n, .fd-name, .jr-privacy) не ги пипам — кръгче
   посред дума е по-грозно от знака. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fd-emoji, .al-e, .rp-e, .fs-emo) {
  display: inline-grid !important; place-items: center !important;
  flex: none !important; vertical-align: middle;
  width: 44px !important; height: 44px !important; border-radius: 50% !important;
  background-color: var(--hr-tint, #fde6ef) !important;
  background-image: var(--ui-felt) !important;
  background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  box-shadow: inset 0 0 0 2.5px #fff, 0 2px 5px rgba(150, 105, 60, .2) !important;
  font-size: 23px !important; line-height: 1 !important;
}
/* по-дребните редове искат по-малък кръг, за да не разбутат реда */
html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.al-e, .fs-emo) { width: 38px !important; height: 38px !important; font-size: 20px !important; }
/* редуване на пастелите — както плочките в референциите не са в един цвят */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card:nth-child(5n+1) { --hr-tint: #fde6ef; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card:nth-child(5n+2) { --hr-tint: #dfeafb; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card:nth-child(5n+3) { --hr-tint: #dff2e7; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card:nth-child(5n+4) { --hr-tint: #fdeedd; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card:nth-child(5n)   { --hr-tint: #ece4f8; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-card:nth-child(3n+2) { --hr-tint: #dff2e7; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-card:nth-child(3n)   { --hr-tint: #fdeedd; }
/* алергените са предупреждение — кехлибарен кръг, не розов */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-e { --hr-tint: #fbeedb; }

/* ── 12.5 целите за пръста ≥44px (мерено с elementFromPoint, не с кутията) ─────
   ПРЕДИ: 📍 36×45, ▾ 31×45, чипчето на дъгата 50×38 — и трите под 44.
   🪤 mega.css:624–627 обяснява ЗАЩО зоните са 36 широки: 📍 (z 2) и ▾ (z 1) стоят на
   30px една от друга; при две зони по 44, центрирани върху бутоните, 📍 (по-горният
   слой) изяжда центъра на ▾ и „сгъни“ започва да ЗАКАЧА картата. Тяхното решение е
   мерено — не го отменям.
   🪤 Първият ми опит РАЗДАЛЕЧИ бутоните (▾ на right:52px) и даде на заглавието
   padding-right:104px. Мерено на снимка hr_sled_tk.png: заглавието „Не иска да яде:
   12 трика“ се пречупи и „трика“ падна на нов ред. Цена, по-голяма от ползата — върнато.
   РЕШЕНИЕТО: бутоните НЕ мърдат и заглавието НЕ се стеснява. 📍 получава зона 44×44,
   центрирана (спира на 31px от десния ръб). Зоната на ▾ е 44 широка, но изместена
   13px НАЛЯВО — точно докъдето свършва зоната на 📍: двете се допират, не се застъпват,
   всеки пази центъра си. Отляво зоната на ▾ляга върху заглавието — това е БЕЗОПАСНО:
   докосването на самото заглавие така или иначе сгъва картата (polish.js:250). */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card .pin-btn::after,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card .fold-btn::after {
  content: '' !important; position: absolute !important;
  left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important;
  width: 44px !important; height: 44px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 0 !important; background: transparent !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card .fold-btn::after {
  transform: translate(calc(-50% - 13px), -50%) !important;
}
/* 🪤 ИЗМЕРЕНО (wf3_hranene_koi.js): първо сложих на зоната border-radius:50% „за
   красота“ — тя е невидима, но КРЪГЪТ реже. При изместване 13px центърът на бутона
   пада на 13px от центъра на кръга, където кръгът е висок само
   2·√(22²−13²) ≈ 35px → ▾ мереше 44×37 вместо 44×44. Зона за пръст се прави
   ПРАВОЪГЪЛНА (както е в mega.css:651) — затова тук radius е изрично 0. */
/* чипчетата на дъгата: кутията беше 49×44, но реалното попадение 50×38 — съседът
   отгоре лягаше върху горния ръб. Повече височина + собствен слой. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-chip {
  min-height: 48px !important; position: relative; z-index: 1;
}

/* ── 12.6 „Любимо 💜“: иконата лягаше върху буквите ───────────────────────────
   Мерено: чипът е 97px flex, вътре „Любимо “ + <span class=pl-em> 19×19 с
   margin-left −4.4px → сърцето сядаше на „о“-то. Чипът вече не се свива, а расте. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-quick { flex-wrap: wrap !important; gap: 8px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-quick > .jr-chip {
  flex: 0 0 auto !important; width: auto !important; white-space: nowrap !important; gap: 6px !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-quick > .jr-chip > .pl-em { margin-left: 2px !important; flex: none !important; }

/* ── 12.7 дъгата на седмицата: мек релеф, за да не е плоско лилаво петно ──────
   Формата е чужда (::before/::after на .rb-box) — пипам само релефа, не геометрията. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rb-box {
  filter: saturate(1.12) drop-shadow(0 3px 5px rgba(110, 76, 52, .16));
}

/* ── 12.8 движение: меко, с различен ритъм, спира при prefers-reduced-motion ──
   Без безкрайни анимации — всяка се върти КРАЕН брой пъти и спира (ток извън екрана). */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-chip[data-pl] { transition: box-shadow .3s ease, transform .22s ease; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-chip[data-pl]:active { transform: scale(.97) !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row { transition: background-color .34s ease, box-shadow .34s ease; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-card { transition: box-shadow .28s ease; }
/* иконките се „навдигат“ веднъж при показване — трите групи с различен такт
   (.44s / .52s / .60s), за да не пулсира екранът в един ритъм */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-emoji { animation: plHrPop .44s cubic-bezier(.34, 1.4, .5, 1) 1 backwards; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-e     { animation: plHrPop .52s cubic-bezier(.34, 1.4, .5, 1) 1 backwards; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-e     { animation: plHrPop .60s cubic-bezier(.34, 1.4, .5, 1) 1 backwards; }
@keyframes plHrPop { from { transform: scale(.72); opacity: .4; } /* 24.10: от .4 (скрит таб) */ to { transform: none; opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fd-emoji, .rp-e, .al-e) { animation: none !important; }
  html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.sec-chip, .tk-row, .rp-card) { transition: none !important; }
}

/* ── 12.9 НОЩ · html[data-theme="dark"] (app.js:33) — 20.10: БЕЗ html.bl-night (виж „НОЩ“ горе) ──
   🪤 Капан 2: тъмната тема на приложението е data-theme, тихите часове са .bl-night.
   Кремавият филц върху нощно синьо би дал нечетим екран — затова тук филцът е
   тъмносин, шевът — светъл, а плюшените кръгчета стават БЕЛИ (знакът иска светла
   основа, за да се чете). */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-find {
  background-color: #26336b !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9cbe3' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4L21 21'/%3E%3C/svg%3E") !important;
  background-size: 22px 22px !important;
  background-position: 16px center !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  color: #f1f2fb !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-find::placeholder { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom input[data-plhr-ic="kosh"] {
  background-color: #26336b !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9cbe3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h18l-1.7 9.2a2 2 0 0 1-2 1.8H6.7a2 2 0 0 1-2-1.8z'/%3E%3Cpath d='M8.5 9 11 3.5M15.5 9 13 3.5'/%3E%3Cpath d='M9.5 13v3M14.5 13v3'/%3E%3C/svg%3E") !important;
  background-size: 22px 22px !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  color: #f1f2fb !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-chip[data-pl],
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-card {
  background-color: #26336b !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, .15) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 4px 10px rgba(0, 0, 0, .3) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row.tk-yes,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card.tried { background-color: #2c4a52 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-nav .sec-chip[data-pl]::after,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row::after,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-card::after,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-card::after { border-color: rgba(255, 255, 255, .22); }
/* заглавията и надписите — бели (проверено с пиксели, не с getComputedStyle) */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-chip .pl-tl,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row .tk-t,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-name,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-top strong { color: #fff !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row .tk-t small { color: #c9cbe3 !important; }
/* кръгчетата с иконките: бели, за да се чете знакът върху тях нощем */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fd-emoji, .al-e, .rp-e, .fs-emo) {
  background-color: #fff !important; background-image: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35) !important;
}

/* ── 12.10 ЧЕТИМОСТ · поправки по ИЗМЕРЕН пиксел, не по getComputedStyle ──────
   Пробата (wf3_hranene_piksel.js през ag3_piksel_proba.js --piksel) снима екрана и
   чете ИСТИНСКИТЕ пиксели под всяка буква. Намерени и оправени:

   1) „Днес на масата“ (.sec-head) — тъмносиньо rgb(29,42,92) върху ЗЕЛЕНИЯ ШКАФ от
      снимката на стаята rgb(113,116,97) → 2.84:1 при праг 3 (едър полудебел).
      Заглавието стоеше направо върху фотографията. Сега под него има кремава
      филцова табелка — както в референциите заглавието винаги лежи на панел.
   2) Брояч .sec-n — #c24d7b върху #fde6ef → 3.82:1 при праг 4.5.
      Сметнато: #8e2350 върху #fde6ef = 7.08:1.
   3) „🛒 Събери от менюто“ (.jr-btn) — БЯЛО върху най-светлото розово на гела → 3.96:1.
      Сметнато: бяло върху #c03f72 = 5.00:1, върху #a83160 = 6.1:1 → целият градиент
      е над прага, не само средата му.
   4) НОЩ · подзаглавие .jr-sub rgb(164,157,187) върху rgb(84,57,102) → 3.77:1.
      Сметнато: #d9d6e8 върху същия фон = 6.84:1.

   🪤 „🍅“ и „🍌“ излязоха 4.33 и 1.44 — но това са КАРТИНКИ (емоджи), не текст;
      прагът за контраст на текст не важи за рисунка и не ги пипам. Записал съм го
      в пробата, за да не ме подведе следващия път. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-head {
  position: relative; isolation: isolate;
  padding: 7px 14px 7px 12px !important;
  border-radius: 16px;
  background-color: rgba(255, 250, 243, .96);
  background-image: var(--ui-felt);
  background-size: 160px 160px;
  background-blend-mode: multiply;
  box-shadow: inset 0 0 0 1px rgba(214, 186, 158, .55), 0 3px 8px rgba(110, 76, 52, .14);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-head .sec-n {
  background: #fde6ef !important; color: #8e2350 !important;
  font-size: 12px !important; padding: 2px 8px !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-btn {
  background: linear-gradient(180deg, #c03f72, #a83160) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(168, 49, 96, .3), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-sub { color: #d9d6e8 !important; opacity: 1 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-head {
  background-color: rgba(38, 51, 107, .96); background-image: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 3px 8px rgba(0, 0, 0, .3);
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .sec-head .sec-n { background: #4a2a44 !important; color: #ffd0e1 !important; }

/* ── 12.11 ЧЕТИМОСТ · цената на филца ─────────────────────────────────────────
   🪤 ЧЕСТНО: тези три надписа бяха ОПРАВЕНИ преди мен върху БЯЛ фон
   (rooms.css:2308 „беше #b9b2c8 → 2.05:1“, rooms.css:2327 „4.45 → 5.18“,
   mega.css:1098 „4.43 → 5.18“). Моят филц е малко по-тъмен от бялото и ги
   бутна ПОД прага — тоест аз ги счупих. Мерено на пиксел върху новия фон:
     · .fd-tap  #7d6f9b → 4.01–4.19:1 (праг 4.5)
     · .fd-from/.rp-from #c0396f → 3.85:1
     · .rp-ing/.fd-how  rgb(111,105,128) → 3.41:1
   Сметнато наново срещу НАЙ-ТЪМНИЯ чест пиксел на филца rgb(245,240,233)
   (относителна светлина 0.8761):
     · #5c5175 → 6.41:1     · #a82b5c → 5.85:1     · #55506b → 6.74:1
   Стойностите важат САМО в тази стая — чуждите екрани пазят старите си цветове. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-tap { color: #5c5175 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-from,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-from { color: #a82b5c !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-how,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-ing { color: #55506b !important; }
/* нощем филцът е тъмносин — там същите надписи искат светли, не тъмни */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-tap { color: #c9c3dd !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-from,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-from { color: #ffb0cd !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-how,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-ing { color: #d4d1e4 !important; }

/* ── 12.3c редовете-бутони (.jr-win) и .cm-row ────────────────────────────────
   🪤 ИЗМЕРЕНО след първия кръг: плоските панели паднаха от 78 на 33, но останаха
   ~20 реда .jr-win (325×63…79, background-image НЯМА) и .cm-row. Причината е
   любопитна: pl-ui.css:367 дава мекия панел на „div.jr-win“, а тези в стаята се
   правят като БУТОН (extras2.js:95, rooms.js:465, rooms16.js:374 — el('button','jr-win')),
   тоест чуждото правило изобщо не ги хваща.
   🪤 pl-ui.css:371 пише защо отметнатото пази цвета си: „той носи смисъл“. Пазя го —
   .done получава МЕК ЗЕЛЕН филц, не кремав, за да се чете, че е свършено. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card :is(button.jr-win, div.jr-win, .cm-row:not(.ob-row)) {
  position: relative;
  background-color: #fffaf3 !important;
  background-image: var(--ui-felt) !important;
  background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border-radius: 16px !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(110, 76, 52, .11) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card :is(button.jr-win, div.jr-win, .cm-row:not(.ob-row))::after {
  content: ''; position: absolute; inset: 5px; border-radius: 11px; pointer-events: none;
  border: 1.3px dashed rgba(196, 160, 124, .42);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card :is(button.jr-win, div.jr-win).done { background-color: #eaf6ec !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card :is(button.jr-win, div.jr-win).done::after { border-color: rgba(120, 170, 130, .5); }
/* редът вътре в реда (.jr-winbtn) няма свой шев — иначе два шева един в друг */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win .jr-winbtn::after { display: none; }

html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card :is(button.jr-win, div.jr-win, .cm-row:not(.ob-row)) {
  background-color: #26336b !important; background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 3px 8px rgba(0, 0, 0, .28) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card :is(button.jr-win, div.jr-win, .cm-row:not(.ob-row))::after { border-color: rgba(255, 255, 255, .2); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card :is(button.jr-win, div.jr-win).done { background-color: #2c4a52 !important; }

/* ── 12.12 последните плоски: .al-row, .jr-word, и стрелките .fs-arrow ────────
   Мерено след втория кръг (wf3_hranene_inv2.js): плоските паднаха 78 → 14.
   Останалите са редовете на алергените (7 × 325×75), текстовите полета (325×49)
   и полето на помощничката. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row {
  position: relative;
  background-color: #fffaf3 !important;
  background-image: var(--ui-felt) !important;
  background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border-radius: 16px !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(110, 76, 52, .11) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row::after {
  content: ''; position: absolute; inset: 5px; border-radius: 11px; pointer-events: none;
  border: 1.3px dashed rgba(196, 160, 124, .42);
}
/* 🪤 :not([data-plhr-ic]) — „🧺 имам: …“ вече има СВОЙ фон с кошницата (12.1b).
   Без това изключение общото правило щеше да я изтрие: два фона не се сливат,
   по-късният печели целия слой. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-word:not([data-plhr-ic]),
html body #roomOverlay .ro-panel.ro-carrot #roRoom .ask-inp {
  background-color: #fffaf3 !important;
  background-image: var(--ui-felt) !important;
  background-size: 160px 160px !important;
  background-blend-mode: multiply !important;
  border: 1px solid rgba(214, 186, 158, .7) !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(150, 105, 60, .12) !important;
}

/* ── стрелките ▾ на разгъващите редове (.fs-arrow, style.css:1581) ────────────
   Голо системно „▾“ в 7 реда. Знакът се скрива (font-size:0 — текстът ОСТАВА в DOM,
   плюшът и четецът го виждат) и на негово място идва мека дъга по същия начин,
   по който pl-ui.css:135 рисува ▾ в картите. Въртенето при отваряне е на
   САМИЯ елемент (style.css:1582) и продължава да работи. */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fs-arrow {
  font-size: 0 !important; color: transparent !important;
  display: inline-grid !important; place-items: center;
  width: 26px !important; height: 26px !important; border-radius: 50% !important;
  background: rgba(196, 160, 124, .16) !important; opacity: 1 !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fs-arrow::before {
  content: ''; display: block; width: 14px; height: 14px; background: #7a6a5c;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row {
  background-color: #26336b !important; background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 3px 8px rgba(0, 0, 0, .28) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row::after { border-color: rgba(255, 255, 255, .2); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-word:not([data-plhr-ic]),
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .ask-inp {
  background-color: #26336b !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, .08) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fs-arrow { background: rgba(255, 255, 255, .12) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fs-arrow::before { background: #d8d4e6; }

/* ═══════════════════════════════════════════════════════════════════════════════
   20.10 · ДОВЪРШВАНЕ ДО ПРЕМИУМ — картите под „Нашето меню“ (агент hr20)
   Мерено ПРЕДИ (dev/proba/hr20_kL.log + hr20_k2L.log, getComputedStyle; снимки snimki/hr20_kL_*.png,
   hr20_k2L_*.png, hr20_predi_L/D_*.jpg; DOM — hr20_dump.log):
     1 · ДВОЙНА РИСУНКА: pl-plyush.js рисува И обвивката (.jr-medal / .pg20-fruit), И вложеното .pl-em →
         медальонът на ВСЯКА карта — два кръга един върху друг; лъжицата в „Днес на масата“ — кръг 83px
         в кръг 66px, излиза през ръба на картата. Иконките на храните/рецептите/алергените —
         пастелно кръгче на плюша, изместено върху филцовото кръгче от 12.4.
     2 · ЗАГЛАВИЕТО ПОД МЕДАЛА („Готови ли сме за захранване?“, „Къде се крият солта и захарта“,
         „Какво искам да го попитам“): h4 е flex-wrap и анонимният текст пада на свой ред.
     3 · ИКОНКАТА НА ЯГОДАТА в „Виж кое е подходящо…“ (i.pl-hr-em от js/pl-hranene.js) — 0×18px:
         рисунка без размер, т.е. невидима (за нея нямаше CSS).
     4 · РЕДОВЕ, КОИТО СЕ РАЗПАДАТ: „Порцията с очи“ — иконката сама на ред, „Белтъчина (месо, риба,
         боб)“ на 3 реда в тясна колона; „Фризерът“ — голо ▶, сиви плоски кутии с празни дупки;
         „Сол и захар“ — второ кръгче 17px след името и голо 🍬; алергените — 38px иконка в 30px колона
         (текстът лепне за кръга); „В ресторант · на гости“ — голо ▶ и 18px розов текст на 2 реда.
     5 · СТАР СТИЛ: лилавата дъга (stroke #e8e2f0, rooms3.js:1229) и лилавата лента на таблицата BLW
         (rooms.css:1425 rgba(125,107,189,.08)); „сол + захар“ — лилав ред (rooms.css:1416).
     6 · СЪСТОЯНИЯ БЕЗ ВИД: 👍/👎 на триковете (.tk-b[aria-pressed]) нямат натиснат вид (pl-ui.css:83 е
         само за .on); отказаният трик (.tk-no) — opacity .5 на целия ред (mega.css:954) → текст под 4.5:1.
     7 · ДРЕБЕН ТЕКСТ (< 13px, етикети < 11.5): .mn-day 10px, .fd-tap 10px, .ask-live 10.5px, .fd-from 11,
         .fd-how 11, .rp-from 11, .ut-n small 11 (+ opacity .6), .jr-privacy 11.5, .fd-agenote 11.5,
         .fz-s 11.5, .rp-ing 12, .hs-t 12, .ask-chip 12, „Това е алерген…“ 12, таблицата BLW 12.5 и др.
     8 · ДРЕБНИ ЦЕЛИ/ДЕТАЙЛИ: „+“ в Алергия-паспорта — 13px знак; бутонът „Направи картичката“ лепне за
         полето; кръгчетата за отметка .jr-check 22px, бледи; клетките на менюто — плоски, без кант.
   Обхват: САМО .ro-panel.ro-carrot (стаята „Захранване“); нощ = САМО html[data-theme="dark"].
   ПЪТ НАЗАД: махни този блок (до „край 20.10“). Копие на файла отпреди: dev/proba/hr20_predi_pl-hranene.css
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 1 · една рисунка: вложеното копие се скрива (емоджито остава в textContent) ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.jr-medal, .pg20-fruit).pl-pl > .pl-em.pl-pl { display: none !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pg20-fruit.pl-pl { flex: none; margin: 0 4px 0 0; }
/* иконката в кръгла обвивка (.fd-emoji/.rp-e/.al-e/.fs-emo/.hs-e): кръгът е на ПЛЮША, обвивката е само място */
html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fd-emoji, .rp-e, .al-e, .fs-emo, .hs-e):has(> .pl-em.pl-pl) {
  background: none !important; box-shadow: none !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fd-emoji, .rp-e, .al-e, .fs-emo, .hs-e) > .pl-em.pl-pl {
  width: 100% !important; height: 100% !important; margin: 0 !important; vertical-align: 0 !important;
  box-shadow: inset 0 0 0 2.5px #fff, 0 2px 5px rgba(150, 105, 60, .2) !important;
}

/* ── 2 · заглавието: медал | текст (пречупва се в своята колона), подзаглавието на цял ред ── */
html body #roomOverlay .ro-panel.ro-carrot #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: 3px;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card > h4.jr-title:has(> .jr-medal) > .jr-medal { grid-column: 1; margin: 0 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card > h4.jr-title:has(> .jr-medal) > .jr-sub { grid-column: 1 / -1; }

/* ── 3 · ягодата пред „Виж кое е подходящо…“ — 30px плюшено кръгче (рисунката идва от JS) ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pg20-do[data-plhr="em"] { display: flex; align-items: center; gap: 10px; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pl-hr-em {
  flex: none; display: inline-block; width: 30px; height: 30px; border-radius: 50%;
  background-color: #fde6ef; background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .9), 0 2px 5px rgba(110, 76, 52, .14);
}

/* ── 4a · „Порцията с очи“: иконка вляво, името отгоре, мярката под него ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pt-row {
  position: relative; display: block !important;
  margin-top: 8px; padding: 11px 14px 11px 62px !important; min-height: 62px;
  border-radius: 16px !important;
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 160px 160px !important; background-blend-mode: multiply !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(110, 76, 52, .11) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pt-row::after {
  content: ''; position: absolute; inset: 5px; border-radius: 11px; pointer-events: none; border: 1.3px dashed rgba(196, 160, 124, .42);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pt-k { display: block; font-size: 14.5px; font-weight: 800; line-height: 1.3; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pt-k > .pl-em.pl-pl {
  position: absolute; left: 13px; top: 50%; width: 38px !important; height: 38px !important; margin: -19px 0 0 !important;
  box-shadow: inset 0 0 0 2.5px #fff, 0 2px 5px rgba(150, 105, 60, .2) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pt-m { display: block; margin-top: 2px; text-align: left !important; opacity: 1 !important; font-size: 13.5px; font-weight: 600; line-height: 1.35; color: #5d596f; }

/* ── 4b · „Фризерът“: иконка | име + срок отдолу | мека стрелка; без голото ▶ ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row {
  position: relative; margin-top: 8px; padding: 4px 12px !important;
  border: 0 !important; border-radius: 16px !important;
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 160px 160px !important; background-blend-mode: multiply !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(110, 76, 52, .11) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row::after {
  content: ''; position: absolute; inset: 5px; border-radius: 11px; pointer-events: none; border: 1.3px dashed rgba(196, 160, 124, .42);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row > summary {
  list-style: none; display: grid; grid-template-columns: 38px minmax(0, 1fr) 26px; column-gap: 12px; row-gap: 1px; align-items: center;
  font-size: 15px; font-weight: 800; line-height: 1.25; color: var(--pl-navy, #1d2a5c);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row > summary::-webkit-details-marker { display: none; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row > summary > .pl-em.pl-pl {
  grid-column: 1; grid-row: 1 / span 2; width: 38px !important; height: 38px !important; margin: 0 !important;
  box-shadow: inset 0 0 0 2.5px #fff, 0 2px 5px rgba(150, 105, 60, .2) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row > summary > .fz-s { grid-column: 2; grid-row: 2; font-size: 13px; font-weight: 600; opacity: 1; color: #5d596f; line-height: 1.35; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row > summary::after {
  content: ''; grid-column: 3; grid-row: 1 / span 2; justify-self: end; width: 26px; height: 26px; border-radius: 50%;
  background: rgba(196, 160, 124, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6a5c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
  transition: transform .25s ease;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row[open] > summary::after { transform: rotate(180deg); }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row > .fz-b { margin: 2px 0 10px 50px !important; font-size: 13.5px; line-height: 1.5; color: #3b3f5c; }

/* ── 4c · „Къде се крият солта и захарта“: филцови редове по смисъл; знакът сол/захар → етикет ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-row {
  position: relative; align-items: center !important; gap: 12px !important;
  padding: 11px 14px 11px 12px !important; border-radius: 16px !important;
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 160px 160px !important; background-blend-mode: multiply !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(110, 76, 52, .11) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-row.hs-salt { background-color: #eef4fb !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-row.hs-sugar { background-color: #fdeef3 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-row.hs-both { background-color: #fcf1e2 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-row::after {
  content: ''; position: absolute; inset: 5px; border-radius: 11px; pointer-events: none; border: 1.3px dashed rgba(196, 160, 124, .42);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-e {
  display: inline-grid; place-items: center; flex: none !important; width: 40px; height: 40px; border-radius: 50%;
  background: #fff; box-shadow: inset 0 0 0 2.5px #fff, 0 2px 5px rgba(150, 105, 60, .2); font-size: 21px; line-height: 1;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-n { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 3px !important; font-size: 14.5px !important; font-weight: 800; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-t { font-size: 13.5px !important; line-height: 1.45; opacity: 1 !important; color: #4f4b63; }
/* знакът (🧂 / 🍬 / 🧂🍬) остава в DOM-а, но се показва като етикет с дума — 🍬 нямаше рисунка и стоеше голо */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-n > small { font-size: 0 !important; line-height: 0; display: inline-flex; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-n > small > * { display: none !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-n > small::after {
  font-size: 11.5px; line-height: 1; font-weight: 800; letter-spacing: .2px; padding: 4px 8px; border-radius: 999px;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-salt .hs-n > small::after { content: 'сол'; color: #2f5683; background: #dce8f6; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-sugar .hs-n > small::after { content: 'захар'; color: #9e2f5f; background: #fbdce7; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-both .hs-n > small::after { content: 'сол + захар'; color: #7a4f12; background: #f5e2c4; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .lb-kind { font-size: 13.5px !important; line-height: 1.5; }

/* ── 4d · алергените: 40px иконка в 40px колона, дистанция до текста, името — получерно ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row {
  grid-template-columns: 40px minmax(0, 1fr) auto !important; column-gap: 12px !important; align-items: center !important;
  padding: 10px 14px 10px 12px !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row .al-e { width: 40px !important; height: 40px !important; }
/* отбелязаният алерген (aria-pressed, rooms8.js) — мек зелен филц, както отметнатите редове; беше като неотбелязания */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row[aria-pressed="true"] { background-color: #eaf6ec !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row[aria-pressed="true"]::after { border-color: rgba(120, 170, 130, .55); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .al-row[aria-pressed="true"] { background-color: #2c4a52 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-n { font-size: 15px; font-weight: 800; line-height: 1.3; color: var(--pl-navy, #1d2a5c); text-align: left; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-n small { display: inline-block; margin-top: 2px; font-size: 13px !important; font-weight: 600; line-height: 1.4; opacity: 1 !important; color: #5d596f; }

/* ── 4e · „В ресторант · на гости“ (details.cm-row): без голото ▶, ред с иконка и мека стрелка ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card details.cm-row > summary {
  list-style: none; display: grid; grid-template-columns: 34px minmax(0, 1fr) 26px; column-gap: 10px; align-items: center;
  min-height: 48px; font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif !important; font-size: 15px !important; font-weight: 800 !important;
  line-height: 1.3; color: var(--pl-navy, #1d2a5c) !important; cursor: pointer;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card details.cm-row > summary::-webkit-details-marker { display: none; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card details.cm-row > summary > .pl-em.pl-pl { grid-column: 1; width: 34px !important; height: 34px !important; margin: 0 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card details.cm-row > summary::after {
  content: ''; grid-column: 3; justify-self: end; width: 26px; height: 26px; border-radius: 50%;
  background: rgba(196, 160, 124, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6a5c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
  transition: transform .25s ease;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card details.cm-row[open] > summary::after { transform: rotate(180deg); }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-card details.cm-row > p { font-size: 13.5px; line-height: 1.5; color: #3b3f5c; }

/* ── 4f · редовете-отметки (.jr-win > .ut-n): иконка в кръгче отляво, име, обяснение отдолу ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win > .ut-n {
  display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 10px; align-items: center; min-width: 0; text-align: left;
  font-size: 15px; font-weight: 800; line-height: 1.3; color: var(--pl-navy, #1d2a5c);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win > .ut-n > :is(.pl-em, .pl-hr-ue) {
  grid-column: 1; grid-row: 1 / span 2; width: 34px !important; height: 34px !important; margin: 0 !important; vertical-align: 0 !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win > .ut-n > .pl-hr-ue {
  display: inline-grid; place-items: center; border-radius: 50%; font-size: 18px; line-height: 1; font-weight: 400;
  background: #fde6ef; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .9), 0 2px 5px rgba(110, 76, 52, .14);
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win > .ut-n > small {
  grid-column: 2; display: block; margin-top: 2px; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4; opacity: 1 !important; color: #5d596f;
}
/* текстът без иконка (ако някой ред няма знак) — пак в една колона */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win > .ut-n:not(:has(> .pl-em, > .pl-hr-ue)) { grid-template-columns: minmax(0, 1fr); }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win > .ut-n:not(:has(> .pl-em, > .pl-hr-ue)) > small { grid-column: 1; }
/* кръгчето за отметка: 26px, ясен златист кант; отметнатото — зелено */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win > .jr-check {
  flex: none; width: 26px !important; height: 26px !important; border-radius: 50% !important;
  background: #fff !important; box-shadow: inset 0 0 0 2px #c9a57a, 0 1px 2px rgba(110, 76, 52, .15) !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win.done > .jr-check {
  background: #3d9c78 !important; color: #fff !important; box-shadow: inset 0 0 0 2px #2f8565, 0 1px 2px rgba(20, 80, 60, .25) !important;
  display: inline-grid !important; place-items: center; font-size: 14px; font-weight: 900;
}

/* ── 6 · триковете: 👍/👎 по-едри и с натиснат вид; отказаният трик — тих, но четлив ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-b.tk-b { width: 46px; height: 46px; padding: 0 !important; display: inline-grid; place-items: center; border-radius: 14px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-b > .pl-em.pl-pl { width: 34px !important; height: 34px !important; vertical-align: 0 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-btns .tk-b:first-child[aria-pressed="true"] {
  background-color: #dff2e7 !important; border-color: #8cc5a3 !important;
  box-shadow: inset 0 0 0 3px #dff2e7, inset 0 0 0 4.5px rgba(61, 156, 120, .45), 0 2px 0 #9fd0b3 !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-btns .tk-b:last-child[aria-pressed="true"] {
  background-color: var(--ui-pick, #fde6ef) !important; border-color: var(--ui-pick-edge, #ef9fbf) !important;
  box-shadow: inset 0 0 0 3px var(--ui-pick, #fde6ef), inset 0 0 0 4.5px rgba(217, 90, 142, .35), 0 2px 0 #e7a0bd !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row.tk-no { opacity: 1 !important; background-color: #f6efe7 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row.tk-no .tk-t { color: #5d596f !important; }

/* ── 5 · дъгата — кремаво-златист празен път вместо лилаво; таблицата BLW — топла, без лилава лента ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rb-arc:not(.rb-on) { stroke: #eedfcc; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rb-count { font-size: 13.5px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-table { font-size: 13.5px !important; border-collapse: separate; border-spacing: 0; border-radius: 16px; overflow: hidden; box-shadow: inset 0 0 0 1px #f1e4d9; background: #fffdf9; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-table td { padding: 10px 12px !important; line-height: 1.45; color: #3b3f5c; border-bottom: 1px dashed rgba(196, 160, 124, .45) !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-table tr:last-child td { border-bottom: 0 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-table tr:not(.bw-head) td:first-child { border-right: 1px dashed rgba(196, 160, 124, .45) !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-head td {
  background: #fbefe1 !important; font-family: var(--pl-serif, Georgia, serif); font-size: 16px !important; font-weight: 700 !important; color: var(--pl-navy, #1d2a5c);
  vertical-align: middle !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-head td > .pl-em.pl-pl { width: 30px !important; height: 30px !important; margin-right: 6px; vertical-align: middle !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-head td { line-height: 30px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-same {
  position: relative; font-size: 13.5px !important; line-height: 1.5 !important; padding: 12px 14px !important; border-radius: 16px !important;
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 160px 160px !important; background-blend-mode: multiply !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 3px 8px rgba(110, 76, 52, .11) !important; border: 0 !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-same > p { margin: 0 0 6px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-same > p:has(> .pl-em) { display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 10px; align-items: start; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-same > p > .pl-em.pl-pl { width: 26px !important; height: 26px !important; margin: 0 !important; vertical-align: 0 !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-same strong { font-size: 14.5px; color: var(--pl-navy, #1d2a5c); }

/* ── 4g · правилото на алергените (.al-rule, mega.css:934): розов лист с мек кант, не лилаво нощем ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .al-rule {
  font-size: 13.5px !important; line-height: 1.55; padding: 11px 14px !important; border-radius: 16px !important;
  background: #fdf1f5 !important; border: 1px solid #f3cbd9 !important; color: #3b3f5c;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .al-rule { background: rgba(229, 109, 153, .13) !important; border-color: rgba(245, 156, 187, .38) !important; color: #f1f2fb !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-alrgchk > input[type="checkbox"] { color-scheme: dark; }

/* ── 8 · менюто по дни: филцови клетки с кант; денят 12.5px ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .mn-cell:not(.today):not(.sel):not(.on) {
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 160px 160px !important; background-blend-mode: multiply !important;
  box-shadow: inset 0 0 0 1px #efdccf, 0 2px 0 #efe0cb !important;
}
html body #roomOverlay .ro-panel.ro-carrot #roRoom .mn-day { font-size: 12.5px !important; font-weight: 800 !important; color: #5d596f; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .mn-val { font-size: 15px; font-weight: 800; color: #a8386a; }

/* ── 8 · Алергия-паспорт: „+“ с истински размер, бутонът не лепне за полето; отметката „алерген“ ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-addrow > .jr-chip[aria-label^="Добави алергена"] { font-size: 22px !important; font-weight: 800 !important; color: #9e2f5f !important; min-width: 48px; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-addrow + .jr-btn { margin-top: 12px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-alrgchk { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px !important; line-height: 1.45; color: #3b3f5c; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-alrgchk > input[type="checkbox"] { flex: none; width: 24px; height: 24px; margin: 0; accent-color: #c8457a; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-alrgchk > span { font-size: 13.5px !important; }

/* ── 7 · дребният текст до мярката (≥ 13px, етикетите ≥ 11.5px) ── */
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pl-hr-ds,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pl-hr-inv,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .pl-hr-note { font-size: 13px; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-privacy { font-size: 13.5px !important; line-height: 1.5; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .ask-line,
html body #roomOverlay .ro-panel.ro-carrot #roRoom .ask-chip { font-size: 13px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .ask-live { font-size: 11.5px !important; color: #1f6b5a !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .ask-live .dot { font-size: 11.5px !important; color: #1f6b5a !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-chip { font-size: 13.5px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-agenote { font-size: 13px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-agenote strong { font-size: inherit !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fd-from, .rp-from) { font-size: 12px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-how { font-size: 13px !important; line-height: 1.4; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fd-tap { font-size: 12px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .rp-ing { font-size: 13px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-hint { font-size: 13.5px !important; }
html body #roomOverlay .ro-panel.ro-carrot #roRoom .fs-steps { font-size: 14px !important; }

/* ═══ НОЩ (само html[data-theme="dark"]) — същите части в нощно синьо ═══ */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fd-emoji, .rp-e, .al-e, .fs-emo, .hs-e) > .pl-em.pl-pl,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .pt-k > .pl-em.pl-pl,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .fz-row > summary > .pl-em.pl-pl { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .85), 0 2px 6px rgba(0, 0, 0, .35) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.pt-row, .fz-row, .hs-row, .bw-same) {
  background-color: #26336b !important; background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 3px 8px rgba(0, 0, 0, .28) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-row.hs-salt { background-color: #24386e !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-row.hs-sugar { background-color: #3a2f68 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-row.hs-both { background-color: #3a3b62 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.pt-row, .fz-row, .hs-row)::after { border-color: rgba(255, 255, 255, .2); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.pt-k, .fz-row > summary, .hs-n, .al-n, .jr-win > .ut-n, .bw-same strong, .jr-card details.cm-row > summary) { color: #fff !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.pt-m, .fz-s, .hs-t, .al-n small, .jr-win > .ut-n > small, .mn-day) { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fz-b, .jr-card details.cm-row > p, .bw-table td, .fd-alrgchk, .bw-same) { color: #e3e5f5 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fz-row > summary, .jr-card details.cm-row > summary)::after {
  background-color: rgba(255, 255, 255, .12);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d4e6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-e { background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .35); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-salt .hs-n > small::after { color: #dbe8fb; background: rgba(120, 165, 225, .28); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-sugar .hs-n > small::after { color: #ffd0e1; background: rgba(229, 109, 153, .3); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .hs-both .hs-n > small::after { color: #f6dfb8; background: rgba(227, 195, 156, .26); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win:not(.done) > .jr-check { background: rgba(255, 255, 255, .08) !important; box-shadow: inset 0 0 0 2px rgba(240, 210, 137, .65) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row.tk-no { background-color: #222c5c !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-row.tk-no .tk-t { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-btns .tk-b:first-child[aria-pressed="true"] { background-color: #2c5a52 !important; border-color: #6fc4a0 !important; box-shadow: inset 0 0 0 1.5px #6fc4a0 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .tk-btns .tk-b:last-child[aria-pressed="true"] { background-color: #4a2a52 !important; border-color: #f59cbb !important; box-shadow: inset 0 0 0 1.5px #f59cbb !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .rb-arc:not(.rb-on) { stroke: #34437f; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-table { background: #26336b; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-table td { border-color: rgba(255, 255, 255, .16) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .bw-head td { background: #2f3d7a !important; color: #fff !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .mn-cell:not(.today):not(.sel):not(.on) {
  background-color: #26336b !important; background-image: none !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .mn-val { color: #ffb8d2; }
/* днешната клетка нощем беше почти черна (mega.css:515) — розов отблясък с пръстена ѝ */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .mn-cell.today { background-color: rgba(229, 109, 153, .2) !important; background-image: none !important; }
/* „Виж кое е подходящо…“ нощем: сиво-кафява кутия → златист отблясък (както pl-igri.css/pl-bebe.css) */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .rh-hero .pg20-do { background: rgba(227, 195, 156, .12) !important; border-color: rgba(227, 195, 156, .4) !important; color: #f3e6cc !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-addrow > .jr-chip[aria-label^="Добави алергена"] { color: #ffd0e1 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .ask-live,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .ask-live .dot { color: #8fe0c2 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .pl-hr-em { box-shadow: 0 2px 6px rgba(0, 0, 0, .35); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-carrot #roRoom .jr-win > .ut-n > .pl-hr-ue { box-shadow: 0 2px 6px rgba(0, 0, 0, .35); }

@media (prefers-reduced-motion: reduce) {
  html body #roomOverlay .ro-panel.ro-carrot #roRoom :is(.fz-row > summary, .jr-card details.cm-row > summary)::after { transition: none; }
}
/* край 20.10 */