/* ═══════════════════════════════════════════════════════════════════════════════
   🤰 PREMIUM „С ВСЯКА СЕДМИЦА ПО-БЛИЗО“ · стаята „Бременност“ (референция 4) · 22.09.2026
   Видът на блока от js/pl-bremennost.js: лента със седмиците, карта на седмицата,
   „Предстоящи записи“ и три плочки — върху СЦЕНАТА (img/scene/bremennost.webp, premium.css).
   МАТЕРИАЛИТЕ са общите от css/pl-ui.css — тук НЯМА свой гел или филц:
     .pl-felt — картите и плочките (филц с пунктирен шев);
     .pl-gel  — „Добави запис“, „Въведи датата“, избраното мънисто, избраното хапче;
     .pl-soft — мънистата, ‹ ›, редовете на записите, „↩ Към моята седмица“.
   Цифрите са на Nunito (Georgia пише „старинни“ цифри — 0 се чете „о“).
   Контраст: изчислен в пробата (ag2_bremennost_kontrast.js), не на око.
   ПЪТ НАЗАД: махни <link href="css/pl-bremennost.css"> и <script src="js/pl-bremennost.js">;
   версията отпреди блока е scratchpad/ag2_bremennost_predi.css.bak, а отпреди поправките
   по проверката (23.09) — scratchpad/ag2_bremennost_predi2.css.bak (js: …predi2.js.bak).
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 🪤 #roRoom е flex контейнер с фиксирана височина — без flex:none блокът се свива. */
#roRoom > .pl-br {
  flex: none;
  display: flex; flex-direction: column; gap: 12px;
  margin: 12px 0 4px;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif;
  color: var(--pl-ink, #3b3f5c);
}
/* старата „Тази седмица“ показва СЪЩОТО (същите данни) — крие се само докато блокът е пълен.
   Тя остава построена и жива; махнеш ли този файл, се връща. */
#roRoom > .pl-br[data-s="седмица"] ~ .jr-card.pg20-hero:not(.rh-hero) { display: none !important; }

/* картите: материалът е .pl-felt (pl-ui.css); тук — само вътрешният въздух */
.pl-br-card { padding: 17px 12px 16px; }
.pl-br-h {
  position: relative; z-index: 1;
  margin: 0 0 10px; text-align: center;
  font-family: var(--pl-serif); font-weight: 700; font-size: 17.5px; line-height: 1.2; letter-spacing: -.2px;
  color: var(--pl-navy, #1d2a5c);
}

/* ═══ ЛЕНТАТА СЪС СЕДМИЦИТЕ — ‹ (22 23 [24] 25 26) › ═══
   Бутонът е 44×44 (докосване); видимото мънисто е вътре (38 px, избраното 52 px) — така между
   тях остава място за шева с розовата точица, както в референцията. Разстоянието се смята
   от ширината на хапчето (container query), за да се виждат ТОЧНО 5 цели мъниста. */
.pl-br-strip { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 3px; margin: 0 -4px; }
.pl-br-arr {
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%;
  display: grid; place-items: center; cursor: pointer;
  background: transparent; color: var(--pl-navy, #1d2a5c);
  -webkit-tap-highlight-color: transparent;
}
.pl-br-arr > span { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; }
.pl-br-arr svg { width: 20px; height: 20px; display: block; }
.pl-br-arr:disabled { opacity: .38; cursor: default; }
.pl-br-track { position: relative; min-width: 0; height: 60px; container-type: inline-size; }
.pl-br-track::before {                                  /* кремавото хапче — по-ниско от голямото мънисто */
  content: ''; position: absolute; left: 0; right: 0; top: 7px; bottom: 7px; border-radius: 999px;
  background: #f3e6da; box-shadow: inset 0 1px 3px rgba(110, 76, 52, .16), inset 0 -1px 0 rgba(255, 255, 255, .8);
}
.pl-br-rail {
  --g: 5px;
  position: relative;                                   /* offsetLeft на кръгчетата е спрямо релсата (центриране от JS) */
  height: 100%;
  display: flex; align-items: center; gap: var(--g);
  padding: 0 3px;
  overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6px, #000 calc(100% - 6px), transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 6px, #000 calc(100% - 6px), transparent 100%);
}
@supports (width: 1cqw) {
  /* 4 × 44 + 56 (избраното) + 6 (полетата) = 238 → остатъкът се дели на 4 пролуки */
  .pl-br-rail { --g: clamp(2px, calc((100cqw - 238px) / 4), 16px); }
}
.pl-br-rail::-webkit-scrollbar { display: none; }
.pl-br-wk {
  position: relative; flex: none;
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; cursor: pointer;
  display: grid; place-items: center;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
.pl-br-wk.on { width: 56px; height: 56px; }
.pl-br-bead {
  width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center;
  font: 800 15.5px/1 Nunito, 'Nunito-fallback', system-ui, sans-serif;
  font-variant-numeric: lining-nums tabular-nums;
}
.pl-br-wk.on .pl-br-bead { width: 52px; height: 52px; font-size: 24px; letter-spacing: -.5px; }
/* 🧮 23.09 (ИЗМЕРЕНО ПО ПИКСЕЛИ, wf2_bremennost_piksel.js): гелът е скроен за ХАПЧЕ, не за кръгче.
   В хапчето (46 px) буквите падат в 30–70 % от прелива и белият надпис е 3.23:1. В кръглото мънисто
   (52 px) кутията на цифрите е 32 px, тоест 19–81 % — горният ѝ ръб влиза и в блика
   (radial 120%×70% at 50% −10%, pl-ui.css:40), и в най-светлия стоп на прелива (--ui-gel-top #f39bbb
   = 2.06:1 срещу бяло). Мерено: 2.97:1 светло и 2.99:1 нощем, при праг 3:1 за едър текст.
   Тук САМО за избраното мънисто: бликът се свива до горните ~9 px (над цифрите), а преливът тръгва
   от --ui-gel-mid. ЦВЕТОВЕТЕ СА СЪЩИТЕ променливи на pl-ui.css — материалът не се подменя, само
   кръгчето се изрязва от по-долната му част. ПЪТ НАЗАД: махни следващото правило — мънистото се
   връща на общия гел. */
html body .pl-br-wk.on > .pl-br-bead.pl-gel {
  background-image:
    radial-gradient(120% 34% at 50% -16%, rgba(255, 255, 255, .42) 0, rgba(255, 255, 255, .12) 42%, rgba(255, 255, 255, 0) 62%),
    linear-gradient(180deg, var(--ui-gel-mid, #d95a8e) 0%, var(--ui-gel, #c8457a) 46%, var(--ui-gel-bot, #b93a6e) 100%) !important;
}
/* шевът между мънистата: пунктир + розова точица, в средата на пролуката */
.pl-br-wk:not(:last-child)::after {
  content: ''; position: absolute; top: 50%; left: calc(100% + var(--g) / 2); pointer-events: none;
  width: calc(var(--g) + 8px); height: 5px; transform: translate(-50%, -50%);
  background: radial-gradient(circle, #e98bb0 1.7px, transparent 2.2px) center / 5px 5px no-repeat,
              linear-gradient(90deg, #efc6d6, #efc6d6) center / 100% 1.5px no-repeat;
}
/* Лентата е ЕДНА спирка за клавиатурата (roving tabindex в js) — затова пръстенът на фокуса
   трябва да личи: движението е със ← → , а не с 39 таба. */
.pl-br-wk:focus-visible, .pl-br-arr:focus-visible { outline: 3px solid #b8306a; outline-offset: 1px; border-radius: 50%; }
html[data-theme="dark"] .pl-br-wk:focus-visible, html[data-theme="dark"] .pl-br-arr:focus-visible { outline-color: #ffd6e5; }
/* твоята седмица, докато гледаш друга — розов пръстен (по-силно от .pl-soft, който е с !important) */
html body .pl-br-wk.is-now:not(.on) > .pl-br-bead.pl-soft {
  border-color: #efa3c1 !important; color: #9e2f5f !important;
  box-shadow: 0 0 0 3px #fde6ef, 0 0 0 4.5px rgba(217, 90, 142, .45), 0 2px 0 #e7a0bd !important;
}

/* ═══ СЕДМИЦАТА: златната рамка с утробата + заглавието ═══ */
.pl-br-week { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; align-items: center; margin-top: 12px; }
.pl-br-art {
  position: relative; justify-self: center;
  width: 104px; height: 134px; margin: 2px 0 12px; padding: 5px;
  border-radius: 50%;
  background: linear-gradient(155deg, #fbe9b4 0, #e2b95c 30%, #f6dc93 55%, #c79535 82%, #e8c877 100%);
  box-shadow: 0 12px 22px rgba(110, 76, 52, .26), 0 2px 4px rgba(110, 76, 52, .18);
}
.pl-br-womb {
  position: relative; display: block; width: 100%; height: 100%;
  border-radius: 50%; overflow: hidden; isolation: isolate;
  background: radial-gradient(75% 62% at 46% 40%, #fff3f6 0, #fbd3df 48%, #f2a9c1 88%, #e98fb0 100%);
  box-shadow: inset 0 0 0 3px #fff8f0, inset 0 -12px 20px rgba(200, 69, 122, .30), inset 0 10px 16px rgba(255, 255, 255, .55);
}
/* плюшеното бебе по коремче (ico-d [0,1]) — спрайт с бял фон; multiply го слива с утробата */
/* в клетката бебето е с център (54 %, 55 %) и широко 61 % → при 132 px е ~80 px: главичката не опира в овала (мерено на снимка ag2_brem_l5 — при 146 px опираше) */
.pl-br-womb i {
  position: absolute; left: 50%; top: 50%; width: 132px; height: 132px; margin: -70px 0 0 -71px;
  background-repeat: no-repeat; background-size: 400% 400%; mix-blend-mode: multiply;
}
.pl-br-womb::after {                                    /* розовото сърчице в утробата (реф. 4) */
  content: ''; position: absolute; right: 13px; top: 30px; width: 15px; height: 14px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S1.5 14.6 1.5 7.6C1.5 4.2 4 1.8 7 1.8c2.1 0 3.8 1.1 5 2.9 1.2-1.8 2.9-2.9 5-2.9 3 0 5.5 2.4 5.5 5.8C22.5 14.6 12 21 12 21z' fill='%23f07fa6' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pl-br-art::after {                                     /* златното сърце-медальон отдолу */
  content: ''; position: absolute; left: 50%; bottom: -12px; width: 28px; height: 26px; transform: translateX(-50%); pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='.3' y2='1'%3E%3Cstop offset='0' stop-color='%23fdeeb8'/%3E%3Cstop offset='.5' stop-color='%23dcac4a'/%3E%3Cstop offset='1' stop-color='%23a97a26'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 21S1.5 14.6 1.5 7.6C1.5 4.2 4 1.8 7 1.8c2.1 0 3.8 1.1 5 2.9 1.2-1.8 2.9-2.9 5-2.9 3 0 5.5 2.4 5.5 5.8C22.5 14.6 12 21 12 21z' fill='url(%23g)' stroke='%23fff6dc' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 2px 2px rgba(110, 76, 52, .3));
}
/* плодът на седмицата — стикер долу вдясно на рамката */
.pl-br-fruit {
  position: absolute; right: -12px; bottom: 6px;
  width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center;
  background: #fff; box-shadow: 0 0 0 2px #e2b95c, 0 4px 10px rgba(110, 76, 52, .22);
  font-style: normal; font-size: 18px; line-height: 1; color: #1d2a5c;   /* емоджито не ползва цвета, но четецът на контраст — да (нощем беше 1.25:1 върху белия кръг) */
}
.pl-br-fruit:empty { display: none; }
.pl-br-wt { min-width: 0; }
.pl-br-num {
  margin: 0; color: var(--pl-navy, #1d2a5c);
  font-family: var(--pl-serif); font-weight: 700; font-size: 22px; line-height: 1.05; letter-spacing: -.4px;
}
.pl-br-num b { font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-weight: 800; font-size: 36px; letter-spacing: -1.2px; font-variant-numeric: lining-nums; }
.pl-br-tri { margin: 4px 0 7px; font-family: var(--pl-serif); font-weight: 700; font-size: 16px; line-height: 1.2; color: var(--pl-navy, #1d2a5c); }
.pl-br-txt { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.45; color: var(--pl-ink, #3b3f5c); min-height: 4.35em; }

/* ── „За бебето / За мен“: кремава писта, избраното е гел (.pl-gel) ── */
.pl-br-seg {
  display: grid; grid-template-columns: 1fr 1fr; gap: 4px;
  width: min(100%, 322px); margin: 12px auto 0; padding: 4px 4px 6px;
  border-radius: 999px; background: #f3e6da;
  box-shadow: inset 0 1px 3px rgba(110, 76, 52, .16), inset 0 -1px 0 rgba(255, 255, 255, .8);
}
.pl-br-seg[hidden] { display: none; }
/* 🧮 бял надпис върху гела: гелът е прелив #f39bbb→#b93a6e; в средата на хапчето (където са буквите)
   е ~#cf4d82 = 4.2:1 — под 4.5 за дребен текст. Затова надписът е ЕДЪР (18.7px bold → прагът е 3:1),
   а на екран под 360 px (където не се събира) — 16px върху фоновия цвят #c8457a = 4.6:1. */
.pl-br-pill {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  min-width: 0; min-height: 46px; padding: 0 6px; border: 0; border-radius: 999px; cursor: pointer;
  background: transparent; color: var(--pl-ink, #3b3f5c);
  font: 800 18.7px/1 Nunito, 'Nunito-fallback', system-ui, sans-serif; white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 359px) { .pl-br-pill { font-size: 16px; } }
.pl-br-pill[hidden] { display: none; }
.pl-br-pill i { width: 26px; height: 26px; flex: none; display: grid; place-items: center; border-radius: 50%; color: var(--pl-ink-soft, #6a6682); }
.pl-br-pill i svg { width: 20px; height: 20px; display: block; }
.pl-br-pill.pl-gel i { background: #fff; color: #c8457a; box-shadow: 0 1px 0 rgba(120, 20, 60, .25); }

.pl-br-size {
  margin: 14px 0 0; padding: 8px 12px;
  border: 1.5px dashed rgba(196, 160, 124, .6); border-radius: 14px; background: rgba(255, 255, 255, .6);
  text-align: center; font-size: 13.5px; font-weight: 700; line-height: 1.35; color: var(--pl-ink, #3b3f5c);
}
.pl-br-size b { color: var(--pl-navy, #1d2a5c); }
.pl-br-size small { font-size: 12px; font-weight: 700; color: var(--pl-ink-soft, #6a6682); }
.pl-br-size[hidden], .pl-br-tip[hidden] { display: none; }
.pl-br-tip { margin: 9px 4px 0; font-size: 13.5px; font-weight: 600; line-height: 1.45; color: var(--pl-ink, #3b3f5c); }
.pl-br-tip::before { content: '✨ '; }
.pl-br-tip b { color: var(--pl-navy, #1d2a5c); font-weight: 800; }
.pl-br-you { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 10px 2px 0; }
.pl-br-you[hidden] { display: none; }
.pl-br-you span { font-size: 12.5px; font-weight: 700; color: var(--pl-ink-soft, #6a6682); }
.pl-br-back { flex: none; min-height: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: 800 13.5px/1 Nunito, 'Nunito-fallback', system-ui, sans-serif; }

/* ═══ „ПРЕДСТОЯЩИ ЗАПИСИ“ — два реда един до друг ═══ */
.pl-br-rec { padding: 16px 12px 14px; }
.pl-br-rh { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; padding: 0 4px; }
.pl-br-rh h3 { margin: 0; font-family: var(--pl-serif); font-weight: 700; font-size: 18px; color: var(--pl-navy, #1d2a5c); letter-spacing: -.2px; }
.pl-br-rico { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #f6e8dc; color: #7c5038; }
.pl-br-rico svg { width: 21px; height: 21px; display: block; }
.pl-br-list { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 14px; }
.pl-br-list > :only-child, .pl-br-empty { grid-column: 1 / -1; }
.pl-br-row {
  position: relative;
  display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 8px; align-items: center;
  width: 100%; min-height: 78px; padding: 10px 18px 10px 8px; border-radius: 18px; cursor: pointer;
  text-align: left; font: inherit;
  -webkit-tap-highlight-color: transparent;
}
.pl-br-ri {
  width: 40px; height: 40px; border-radius: 50%; align-self: start; margin-top: 2px;
  background-color: var(--pl-pink-soft, #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, .8);
}
.pl-br-row.t-sky .pl-br-ri { background-color: var(--pl-sky, #dfeafb); }
.pl-br-row.t-butter .pl-br-ri { background-color: #fff0d4; }
.pl-br-rt { min-width: 0; }
.pl-br-rt b {
  display: block; font-size: 15px; font-weight: 800; line-height: 1.15; color: var(--pl-navy, #1d2a5c);
  font-variant-numeric: lining-nums tabular-nums; white-space: nowrap;
}
.pl-br-rt strong {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
  margin-top: 2px; font-size: 13px; font-weight: 800; line-height: 1.22; color: var(--pl-navy, #1d2a5c);
  overflow-wrap: anywhere; hyphens: auto;
}
.pl-br-rt small { display: block; margin-top: 3px; font-size: 12px; font-weight: 700; line-height: 1.25; color: var(--pl-ink-soft, #6a6682); }
.pl-br-tag {
  display: inline-block; padding: 1px 7px; border-radius: 999px;
  background: #fff1d1; color: #7a5410; font-style: normal; font-size: 11.5px; font-weight: 800;
}
.pl-br-chev { display: grid; place-items: center; color: var(--pl-ink-soft, #6a6682); }
.pl-br-chev svg { width: 16px; height: 16px; display: block; }
.pl-br-row .pl-br-chev { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); color: var(--pl-navy, #1d2a5c); }
.pl-br-empty {
  margin: 0; padding: 12px 14px; border-radius: 16px; border: 1.5px dashed rgba(196, 160, 124, .6); background: rgba(255, 255, 255, .6);
  font-size: 13.5px; font-weight: 600; line-height: 1.4; color: var(--pl-ink, #3b3f5c);
}
/* главното действие — гелът е от pl-ui.css; надписът е ЕДЪР (19px bold) */
.pl-br-add {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: min(100%, 290px); min-height: 52px; margin: 0 auto; padding: 0 22px;
  border-radius: 999px; cursor: pointer;
  font: 800 19px/1 Nunito, 'Nunito-fallback', system-ui, sans-serif; letter-spacing: .1px;
}
.pl-br-add b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #c8457a; font-size: 22px; line-height: 1; text-shadow: none; box-shadow: 0 1px 0 rgba(120, 20, 60, .25); }
/* 🧮 23.09: едно и също подножие в двете състояния („Предстоящи записи“ и поканата).
   Надписът е 190.6 px, бутонът 80.1 px; редът е 328 px на 390 px и 298 px на 360 px — събира се.
   flex-wrap е ПРЕДПАЗИТЕЛ: под ~290 px надписът слиза на свой ред, вместо да смачка 44-те пиксела
   на „112“ (мерено на 360 px: бутонът остава 80.1×44). */
.pl-br-foot { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; row-gap: 8px; margin: 12px 4px 0; font-size: 12.5px; font-weight: 700; color: var(--pl-ink-soft, #6a6682); }
.pl-br-foot > span { min-width: 0; }
.pl-br-112 {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; min-width: 76px; padding: 0 14px; border-radius: 999px;
  border: 1.5px solid #f0b9c3; background: #fdecef; color: #b3263f;
  box-shadow: 0 2px 0 #eab0bb;
  font-size: 14.5px; font-weight: 800; text-decoration: none;
}

/* ═══ ПОКАНАТА (няма дата) ═══ */
.pl-br-ghost { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 60px; padding: 0 12px; border-radius: 999px; background: #f3e6da; box-shadow: inset 0 1px 3px rgba(110, 76, 52, .16); }
.pl-br-ghost span { width: 36px; height: 36px; border-radius: 50%; border: 1.5px dashed #dcc3ab; background: rgba(255, 255, 255, .7); }
.pl-br-ghost span.on {
  width: 50px; height: 50px; display: grid; place-items: center;
  border: 2px dashed var(--pl-pink-2, #f59cbb); background: var(--pl-pink-soft, #fde6ef);
  font-family: var(--pl-serif); font-weight: 700; font-size: 22px; color: #9e2f5f;
}
.pl-br-invt { position: relative; z-index: 1; margin: 14px 4px 14px; text-align: center; font-size: 14.5px; font-weight: 600; line-height: 1.45; color: var(--pl-ink, #3b3f5c); }
.pl-br-invt b { color: var(--pl-navy, #1d2a5c); }

/* ═══ ТРИТЕ ПЛОЧКИ — филц със шев, отгоре малка сцена от плюшени предмети ═══ */
.pl-br-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pl-br-tile {
  position: relative; display: flex; flex-direction: column; align-items: stretch;
  min-height: 178px; padding: 0 0 12px; cursor: pointer;
  text-align: left; font: inherit; color: var(--pl-navy, #1d2a5c);
  -webkit-tap-highlight-color: transparent;
  transition: transform .14s ease;
}
.pl-br-tile:active { transform: translateY(2px) scale(.98); }
.pl-br-ta {
  position: relative; display: block; height: 90px; margin: 9px 9px 0; overflow: hidden;
  border-radius: 18px 18px 12px 12px;
  background: radial-gradient(95% 85% at 50% 22%, #fff 0, #fde6ef 58%, #f6cfdd 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}
.pl-br-tile.t-butter .pl-br-ta { background: radial-gradient(95% 85% at 50% 22%, #fff 0, #fff0d4 58%, #f8dfb3 100%); }
.pl-br-tile.t-sky .pl-br-ta { background: radial-gradient(95% 85% at 50% 22%, #fff 0, #dfeafb 58%, #c9daf4 100%); }
.pl-br-ta::before {                                     /* мека сянка-под на „пода“ */
  content: ''; position: absolute; left: 12%; right: 12%; bottom: 6px; height: 14px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(110, 76, 52, .20), transparent);
}
.pl-br-ta i { position: absolute; background-repeat: no-repeat; background-size: 400% 400%; mix-blend-mode: multiply; }
/* местата са ТРИ: g (голямото в средата), l (долу вляво), r (долу вдясно).
   🪤 23.09 (МЕРЕНО, проверката): имаше и четвърто — i.m — което нито една от трите плочки не иска
   (js/pl-bremennost.js:290-294 подрежда само g/l/r). Мъртво правило = следващият го чете като
   истина. Махнато. Върне ли се място „m“, редът се връща оттук. */
.pl-br-ta i.g { width: 86px; height: 86px; left: 50%; top: 50%; margin: -46px 0 0 -43px; }
.pl-br-ta i.l { width: 50px; height: 50px; left: -4px; bottom: -8px; }
.pl-br-ta i.r { width: 46px; height: 46px; right: -4px; bottom: -6px; }
/* „Моят календар“: тефтерът е дръпнат наляво, саксията сяда вдясно пред него (реф. 4: календар + растение) */
.pl-br-tile[data-go="kal"] .pl-br-ta i.g { width: 78px; height: 78px; margin: -41px 0 0 -47px; }
.pl-br-tile[data-go="kal"] .pl-br-ta i.r { width: 44px; height: 44px; right: -2px; bottom: -4px; }
.pl-br-tile[data-go="bag"] .pl-br-ta i.g { margin-top: -52px; }
/* 🪤 23.09 (МЕРЕНО, проверката): голямото балонче стоеше на right:-8px — 8 px ИЗВЪН рамката и 33 px
   празно поле отляво. Реф. 4 иска СЦЕНА: облаче отляво + синьо балонче „?“ отдясно, и двете ВЪТРЕ. */
.pl-br-tile[data-go="q"] .pl-br-ta i.l { width: 62px; height: 62px; left: -1px; bottom: -2px; }
.pl-br-tile[data-go="q"] .pl-br-ta i.g { width: 58px; height: 58px; left: auto; right: 0; top: 4px; margin: 0; }
/* заглавието взима цялата ширина; стрелката е долу вдясно, до последния ред на подзаглавието */
.pl-br-tl { position: relative; z-index: 1; display: block; flex: 1; padding: 9px 11px 0 12px; }
.pl-br-tl b { display: block; font-family: var(--pl-serif); font-size: 14px; font-weight: 700; line-height: 1.15; letter-spacing: -.2px; color: var(--pl-navy, #1d2a5c); hyphens: none; }
/* 🪤 23.09 (МЕРЕНО, проверката): шевронът заема 9…27 px от десния ръб, а подзаглавието стигаше до 11 px
   (padding-right само свиваше РЕДА, кутията оставаше под стрелката) → сега кутията се дръпва с margin. */
.pl-br-tl small { display: block; margin: 4px 22px 0 0; font-size: 12px; font-weight: 700; line-height: 1.28; color: var(--pl-ink-soft, #6a6682); }
.pl-br-tile .pl-br-chev { position: absolute; z-index: 1; right: 9px; bottom: 12px; width: 18px; height: 18px; color: var(--pl-navy, #1d2a5c); }
.pl-br-tile .pl-br-chev svg { width: 16px; height: 16px; }

/* ── след първия скок от блока картите в тази стая се рисуват истински — иначе content-visibility:auto
   (mega.css:336) люлее стаята и целта бяга (мерено: ag2_bremennost_diag3). JS маха атрибута, щом
   стаята се нарисува наново или е друга. ── */
#roRoom[data-pl-br-go] .jr-card { content-visibility: visible !important; }

/* ── мек розов контур върху картата, до която скочихме (outline — box-shadow на .jr-card е !important) ── */
.jr-card.pl-br-flash { animation: plBrFlash 1.6s ease-out; }
@keyframes plBrFlash {
  0%, 35% { outline: 3px solid rgba(229, 109, 153, .6); outline-offset: 3px; }
  100% { outline: 3px solid rgba(229, 109, 153, 0); outline-offset: 3px; }
}

/* ═══ НОЩ — нощно синьо (приложението минава само 21:00–7:00); филцът/гелът нощем са от pl-ui.css ═══ */
html[data-theme="dark"] #roRoom > .pl-br { color: #e3e5f5; }
html[data-theme="dark"] .pl-br-h, html[data-theme="dark"] .pl-br-num, html[data-theme="dark"] .pl-br-tri,
html[data-theme="dark"] .pl-br-rh h3, html[data-theme="dark"] .pl-br-tl b, html[data-theme="dark"] .pl-br-rt b, html[data-theme="dark"] .pl-br-rt strong,
html[data-theme="dark"] .pl-br-size b, html[data-theme="dark"] .pl-br-tip b, html[data-theme="dark"] .pl-br-invt b { color: #fff; }
html[data-theme="dark"] .pl-br-txt, html[data-theme="dark"] .pl-br-tip, html[data-theme="dark"] .pl-br-size,
html[data-theme="dark"] .pl-br-invt, html[data-theme="dark"] .pl-br-empty { color: #e3e5f5; }
html[data-theme="dark"] .pl-br-rt small, html[data-theme="dark"] .pl-br-tl small, html[data-theme="dark"] .pl-br-size small,
html[data-theme="dark"] .pl-br-you span, html[data-theme="dark"] .pl-br-foot, html[data-theme="dark"] .pl-br-chev { color: #d0d3ea; }
html[data-theme="dark"] .pl-br-arr { color: #fff; }
html[data-theme="dark"] .pl-br-track::before, html[data-theme="dark"] .pl-br-seg, html[data-theme="dark"] .pl-br-ghost { background: rgba(255, 255, 255, .07); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-br-wk:not(:last-child)::after {
  background: radial-gradient(circle, #f59cbb 1.7px, transparent 2.2px) center / 5px 5px no-repeat,
              linear-gradient(90deg, rgba(245, 156, 187, .45), rgba(245, 156, 187, .45)) center / 100% 1.5px no-repeat;
}
html[data-theme="dark"] body .pl-br-wk.is-now:not(.on) > .pl-br-bead.pl-soft {
  color: #ffd6e5 !important; border-color: rgba(245, 156, 187, .8) !important;
  box-shadow: 0 0 0 3px rgba(245, 156, 187, .22), 0 2px 0 #18214a !important;
}
/* рамката и утробата остават светли — „стикер“ върху нощното синьо, както пастелните кръгове в premium.css */
html[data-theme="dark"] .pl-br-art { box-shadow: 0 12px 22px rgba(0, 0, 0, .4); }
html[data-theme="dark"] .pl-br-pill { color: #e3e5f5; }
html[data-theme="dark"] .pl-br-pill i { color: #d0d3ea; }
html[data-theme="dark"] .pl-br-pill.pl-gel i { color: #c8457a; }
html[data-theme="dark"] .pl-br-size, html[data-theme="dark"] .pl-br-empty { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .22); }
html[data-theme="dark"] .pl-br-rico { background: rgba(255, 255, 255, .1); color: #ffe2c9; }
/* в тъмно — бял кръг под иконката (спрайтът е с бял фон) */
html[data-theme="dark"] .pl-br-ri, html[data-theme="dark"] .pl-br-row.t-sky .pl-br-ri, html[data-theme="dark"] .pl-br-row.t-butter .pl-br-ri { background-color: #fff; }
html[data-theme="dark"] .pl-br-row .pl-br-chev { color: #fff; }
html[data-theme="dark"] .pl-br-tag { background: rgba(240, 210, 137, .2); color: #f6dc97; }
html[data-theme="dark"] .pl-br-112 { background: rgba(217, 83, 106, .2); border-color: rgba(255, 160, 175, .5); color: #ffd0d8; box-shadow: none; }
html[data-theme="dark"] .pl-br-ghost span { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .25); }
html[data-theme="dark"] .pl-br-ghost span.on { background: rgba(229, 109, 153, .2); border-color: var(--pl-pink-2, #f59cbb); color: #ffd6e5; }
/* плочките: картинката остава като осветена рамка, леко приглушена */
html[data-theme="dark"] .pl-br-ta { filter: brightness(.9) saturate(.92); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
html[data-theme="dark"] .pl-br-tile .pl-br-chev { color: #fff; }

@media (prefers-reduced-motion: reduce) {
  .pl-br-tile { transition: none; }
  .jr-card.pl-br-flash { animation: none; outline: 3px solid rgba(229, 109, 153, .6); outline-offset: 3px; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   06.10 · СТАРИТЕ КАРТИ В СТАЯТА „БРЕМЕННОСТ“ — премиум вид (само видът; текстът и функциите са непипнати)
   Мерено в тази сесия (scratchpad/br_lov.js върху cdp_proba_brem.js, профил бременна + bl_lmp 22 с.):
     1) НОЩ · „Кога е терминът?“ — .pg-note остава светла (#f7f4fc), а текстът става #ece8f5 → 1.11:1.
        „Остават около 124 дни“ (.pg-left #b8356b върху нощно синьо) → 2.37:1; „2-ри“ → 4.39:1 при 10px.
     2) Брояч на раздела .sec-n — 9.5px; денем #c24d7b върху #fde6ef = 3.82:1 (праг 4.5).
     3) Дребен текст под 11px: .pgb-legend 10px, .pg20-calw 10.5px, .pg20-when 10.5px (+ opacity .6),
        .pho-m 9.5px, надписите на пътеката .pg20-msw 9px в SVG (= 10px на екрана).
     4) Стар стил: лентата .pgb-fill (#f7a8cb→#b9a7e0), медальоните без плюш (💫 😰) със същия
        прелив, лилавото „+“ на „Коремчето по седмици“ (#b9a7e0), лилави рамки/пътека/точки,
        лилавата писта .pgb-track (#f0eaf8 / нощем #342f4e), лилавото поле .pg-note.
   Обхватът: само .ro-panel.ro-peach (= Мила = „Бременност“, premium-rooms.js:16, helper.js:32).
   🔴 20.10 (ПРЕГЛЕД, br20 · МЕРЕНО): 25-те нощни реда бяха `:is(html[data-theme="dark"], html.bl-night)`.
      html.bl-night НЕ е тъмната тема — това са тихите часове 23:00–06:00 (js/night.js:26-31) върху
      СВЕТЛИТЕ кремави карти (dark.css:179 само сепия). Мерено в 00:25 при светла тема: „Седмица 20“ 1.09:1,
      бележките .pg-note 1.19:1, „Остават около…“ 1.53:1, клетките на „Коремчето“ невидими, броячът .sec-n
      тъмнослива върху крем (dev/proba/br20_nosht_L.log). Сега нощните редове са САМО html[data-theme="dark"].
      ПЪТ НАЗАД за тази поправка: замени `^html[data-theme="dark"] body #roomOverlay` в блока обратно с
      `:is(html[data-theme="dark"], html.bl-night) body #roomOverlay` (25 реда, само от тук до края).
   ПЪТ НАЗАД: махни този блок (до края на файла). Копие отпреди: dev/proba/br20_predi.css (= git 4ae873e)
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 2) броячът на раздела („Днес с коремчето 13“) — същите мерки като в „Захранване“ (pl-hranene.css:678) ── */
html body #roomOverlay .ro-panel.ro-peach #roRoom .sec-head .sec-n {
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif !important;
  font-size: 12px !important; font-weight: 800 !important; padding: 2px 8px !important; vertical-align: 3px;
  background: #fde6ef !important; color: #8e2350 !important;      /* 7.08:1 */
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .sec-head .sec-n { background: #4a2a44 !important; color: #ffd0e1 !important; }

/* ── 4) медальон без плюшена рисунка (💫 „Този месец боли това“, 😰 „От какво ме е страх“):
   емоджито остава (pl-plyush.js нарочно не гадае), но кръгът е пастелен като плюшените, не стария прелив ── */
html body #roomOverlay .ro-panel.ro-peach #roRoom .jr-title > .jr-medal:not(.pl-pl) {
  background: #fde6ef !important; background-image: none !important;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .85), 0 2px 6px rgba(110, 76, 52, .18) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .jr-title > .jr-medal:not(.pl-pl) {
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .85), 0 2px 6px rgba(0, 0, 0, .35) !important;
}

/* ── 1) + 4) „Кога е терминът?“ (rooms2.js:1000): табелката на седмицата, бележките, лентата ── */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-hero {
  background: linear-gradient(135deg, #fde8d8, #fff3e8) !important;
  box-shadow: inset 0 0 0 1px #f1e4d9;
}
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-note {
  background: #fff8f2 !important; box-shadow: inset 0 0 0 1px #f1e4d9;
}
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-note p { color: var(--pl-ink, #3b3f5c) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-note strong { color: var(--pl-navy, #1d2a5c) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-track { background: #f3e6da !important; box-shadow: inset 0 1px 2px rgba(110, 76, 52, .16); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-fill { background: linear-gradient(90deg, #f59cbb, #e56d99) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-baby { filter: drop-shadow(0 3px 5px rgba(110, 76, 52, .3)); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-legend span { font-size: 11.5px !important; opacity: 1 !important; color: var(--pl-ink-soft, #6a6682) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-legend span.on { color: #a92f63 !important; }
/* нощ: табелката и бележките стават нощни (светла кутия с бял текст беше 1.11:1) */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-hero {
  background: rgba(229, 109, 153, .14) !important; box-shadow: inset 0 0 0 1px rgba(245, 156, 187, .35);
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-week { color: #ffd6e5 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-sub { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-note {
  background: rgba(255, 255, 255, .06) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-note p { color: #e3e5f5 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-note strong { color: #fff !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-left { color: #ffb8d2 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-track { background: rgba(255, 255, 255, .12) !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-tick { background: rgba(31, 43, 92, .9) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-legend span { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-legend span.on { color: #ffd6e5 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pgb-txt { color: #c9cbe3 !important; }

/* ── 3) + 4) „Календарчето на прегледите“ и „по-късно“ (pg20-later): седмиците ≥ 11px, без лилаво ── */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calw { font-size: 11.5px !important; width: 58px; color: var(--pl-ink-soft, #6a6682) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-when { font-size: 11.5px !important; opacity: 1 !important; color: var(--pl-ink-soft, #6a6682) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom :is(.pg20-calw, .pg20-when) { color: #c9cbe3 !important; }

/* ── 3) + 4) „Пътеката на чакането“ (SVG): надписите 10 → 11.1px на екрана, точките и пътят без лилаво ── */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-msw { font-size: 10px !important; fill: var(--pl-ink-soft, #6a6682) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-msdot { stroke: rgba(217, 185, 143, .8) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-msw { fill: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-msdot { fill: #26336b !important; stroke: rgba(245, 156, 187, .55) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-mamabg { fill: #26336b !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-road { stroke: rgba(255, 255, 255, .22) !important; }

/* ── 3) + 4) „Коремчето по седмици“ и „Ехо-албумът“: розово „+“, надпис ≥ 11px, нощем без лилаво ── */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pho-plus { color: #e56d99 !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pho-m { font-size: 11px !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-polaroid .pho-m { color: var(--pl-ink-soft, #6a6682) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pho-plus { color: #f59cbb !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pho-cell.empty { background: rgba(255, 255, 255, .06) !important; border-color: rgba(255, 255, 255, .24) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pho-cell.empty .pho-m { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-polaroid .pho-cell { background: #fffaf3 !important; }

/* ── 4) „Купих ли го“: групите със златна линия вместо лилава ── */
html body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold { border-color: #efdccf !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold.open { border-color: rgba(229, 109, 153, .45) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold { border-color: rgba(255, 255, 255, .16) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold.open { border-color: rgba(245, 156, 187, .5) !important; }

/* ═══════════════════════════════════════════════════════════════════════════════
   20.10 · ДОВЪРШВАНЕ ДО ПРЕМИУМ — старите карти на стаята „Бременност“ (агент br20)
   Видът само; текстът, медицинските редове и функциите са непипнати. Обхват: .ro-panel.ro-peach.
   Мерено ПРЕДИ (dev/proba/br20_dom.log, br20_ab_L.log, снимки snimki/br20_a_L20_s*.jpg, br20_ab_*):
     · лилаво от стария слой: кръгчетата .jr-check (inset #eae3f7), рамките на .qd-row (#e8e0ea) и
       .pg20-calrow (rgba(125,107,189,.18)), фонът на групите .mk-fold (rgba(141,120,216,.06)),
       въпросите .ct-row и текстът .pn-txt (#faf6fb), чашката .wt-cup (#faf8ff), пътят .pg20-road
       (rgba(125,107,189,.25)), дишащото кръгче .pg-breath-c (… #c3a4e0);
     · „Ритна!“ — плосък правоъгълник (135° #d1487f→#b83a70), иконката 15 px;
     · бележката под кантара .pw-box носи сянката на МОДАЛ (0 18px 50px rgba(0,0,0,.3));
     · дребен текст: .jr-privacy 11.5 px, .cs-note 12.5 px, .mk-cnt 11 px, .pg20-calt small 11 px;
     · „· от 26-та“ (.pg20-when) — сериф на заглавието, сам на ред, без вид;
     · нощем (тихите часове html.bl-night) .jr-sub е с opacity .72 (dark.css:186) → 2.98:1.
   ПЪТ НАЗАД: махни този блок (до „край 20.10“).
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 1 · РЕДОВЕТЕ С КРЪГЧЕ — „Прегледът“, „Купих ли го“, „Календарчето“: златно копче, розов гел щом е отметнато */
html body #roomOverlay .ro-panel.ro-peach #roRoom :is(.qd-row, .pg20-calrow) { border-color: #f1e4d9 !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom :is(.qd-row, .pg20-calrow) > .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);
}
html body #roomOverlay .ro-panel.ro-peach #roRoom :is(.qd-row.done, .pg20-calrow.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);
}
html body #roomOverlay .ro-panel.ro-peach #roRoom .qd-row { align-items: center; color: var(--pl-ink, #3b3f5c); }

/* 2 · „КАЛЕНДАРЧЕТО НА ПРЕГЛЕДИТЕ“ — подреден ред: седмици │ иконка │ какво │ копче */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow { gap: 10px; padding: 10px 12px; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow .pg20-calw {
  width: 52px !important; flex: none; font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif;
  font-size: 12.5px !important; font-weight: 800; line-height: 1.2; font-variant-numeric: lining-nums tabular-nums;
}
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow.now .pg20-calw { color: #a92f63 !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow .pg20-cale { width: 34px; height: 34px; flex: none; display: grid; place-items: center; font-size: 17px; line-height: 1; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow .pg20-cale > .pl-em { margin: 0 !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow .pg20-calt { min-width: 0; line-height: 1.25; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow .pg20-calt strong { font-size: 14px; line-height: 1.25; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow .pg20-calt small { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.35; opacity: 1; color: var(--pl-ink-soft, #6a6682); }

/* 3 · „КУПИХ ЛИ ГО“ — групите: кремав филц вместо лилавата мъгла; цветната точка е рисувана (js: .pl-br-dot) */
html body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold { background: #fffaf3 !important; min-height: 48px; padding: 9px 14px; border-radius: 16px; box-shadow: 0 1.5px 0 rgba(203, 176, 150, .45); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold.open { background: #fff2f7 !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold .mk-cnt { font-size: 12px; opacity: 1; color: var(--pl-ink-soft, #6a6682); font-variant-numeric: lining-nums tabular-nums; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold .mk-arrow { color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pl-br-dot { display: inline-block; width: 14px; height: 14px; margin: 0 9px -1px 0; border-radius: 50%; font-size: 0; color: transparent; vertical-align: baseline; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pl-br-dot[data-c="r"] { background: radial-gradient(circle at 35% 30%, #f7a6c4 0, #e0607e 55%, #b93a5a 100%); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pl-br-dot[data-c="y"] { background: radial-gradient(circle at 35% 30%, #fbe9b4 0, #e2b95c 55%, #c79535 100%); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pl-br-dot[data-c="w"] { background: radial-gradient(circle at 35% 30%, #fff 0, #f6ede4 60%, #e9d6c3 100%); box-shadow: inset 0 0 0 1.5px rgba(217, 185, 143, .9); }

/* 4 · „ИСТИНСКИ ЛИ СА?“ и „ИМА ЛИ КОЙ ДА ТИ ПОМАГА?“ — кремава писта с тънка линия вместо лилавото поле */
html body #roomOverlay .ro-panel.ro-peach #roRoom .ct-row { background: #fff8f2; box-shadow: inset 0 0 0 1px #f1e4d9; border-radius: 16px; padding: 8px 8px 8px 14px; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .ct-row .ct-q { color: var(--pl-ink, #3b3f5c); font-size: 13.5px; line-height: 1.4; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pn-txt { background: #fff8f2; box-shadow: inset 0 0 0 1px #f1e4d9; color: var(--pl-ink, #3b3f5c); }

/* 5 · „ВОДА ДНЕС“ — чашката е кръгъл стикер, не квадратна кутийка; „Дневник на наддаването“ — бележката без модална сянка */
html body #roomOverlay .ro-panel.ro-peach #roRoom .wt-cup { width: 48px; height: 48px; border-radius: 50%; background: transparent; display: inline-grid; place-items: center; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .wt-cup > .pl-em { width: 42px !important; height: 42px !important; margin: 0 !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .wt-cup.full > .pl-em { box-shadow: inset 0 0 0 2px #9cc2ea, 0 2px 0 rgba(110, 140, 190, .3); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .jr-card .pw-box { max-width: none; padding: 12px 14px; border-radius: 16px; background: #fff8f2; box-shadow: inset 0 0 0 1px #f1e4d9; }

/* 6 · „БРОЯЧ НА РИТАНИЯ“ — „Ритна!“ е голям гел-бутон (материалът е от pl-ui.css · .pl-gel), броеницата е от мъниста */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kick {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  min-height: 128px; padding: 18px 20px 16px; border-radius: 28px;
  background-color: var(--ui-gel, #c8457a) !important;
  background-image:
    radial-gradient(120% 60% at 50% -10%, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .14) 40%, rgba(255, 255, 255, 0) 58%),
    linear-gradient(180deg, var(--ui-gel-mid, #d95a8e) 0%, var(--ui-gel, #c8457a) 55%, var(--ui-gel-bot, #b93a6e) 100%) !important;
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .55), inset 0 -3px 0 rgba(120, 20, 60, .22), 0 4px 0 #a83566, 0 12px 24px rgba(200, 69, 122, .3) !important;
  text-shadow: 0 1px 0 rgba(120, 20, 60, .35);
}
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kick:active { transform: translateY(3px); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), 0 1px 0 #a83566, 0 5px 12px rgba(200, 69, 122, .26) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kick > .pl-em { width: 52px !important; height: 52px !important; margin: 0 !important; font-size: 26px; background-color: #fff; box-shadow: 0 2px 0 rgba(120, 20, 60, .28) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kick > span:not(.pl-em) { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: .2px; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kickring { gap: 10px; max-width: 260px; margin: 14px auto 6px; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kickring .kd { width: 16px; height: 16px; border: 0; background: #fffaf3; box-shadow: inset 0 0 0 1.5px rgba(217, 185, 143, .9), inset 0 1px 2px rgba(120, 88, 58, .14); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kickring .kd.on { background: radial-gradient(circle at 35% 30%, #f7a6c4 0, #e4779f 58%, #cf5f8c 100%); box-shadow: 0 1px 0 rgba(169, 47, 99, .35); }

/* 7 · „БРОЯЧ НА КОНТРАКЦИИ“ — дишащото кръгче розово-златно вместо розово-лилаво; секундите на Nunito */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-breath:not([hidden]) { padding: 10px 14px; border-radius: 18px; background: #fff8f2; box-shadow: inset 0 0 0 1px #f1e4d9; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-breath-c { background: radial-gradient(circle at 35% 30%, #fde6ef 0, #f59cbb 55%, #e3c39c 100%); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-breath-t { opacity: 1; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-breath-s { font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-weight: 800; color: #a92f63; }

/* 8 · „СИГНАЛИ, КОИТО НЕ ЧАКАТ“ — иконката в своя колона, редът продължава под текста, не под иконката */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-siglist { padding: 0; margin: 8px 0 10px; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-siglist > li { position: relative; min-height: 30px; padding: 5px 0 5px 40px; font-size: 14px; line-height: 1.45; color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-siglist > li > .pl-em:first-child { position: absolute; left: 0; top: 3px; width: 30px !important; height: 30px !important; margin: 0 !important; font-size: 15px; }

/* 9 · „· от 26-та“ / „· към 28-ма“ — малък златен етикет (Nunito), не сериф на свой ред */
html body #roomOverlay .ro-panel.ro-peach #roRoom .jr-title .pg20-when {
  display: inline-block; margin: 6px 0 0; padding: 3px 10px; border-radius: 999px;
  background: #fff1d1; color: #7a5410 !important; opacity: 1 !important;
  font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-size: 12px !important; font-weight: 800; line-height: 1.3; letter-spacing: 0;
}

/* 10 · „Пътеката на чакането“ — предстоящият път в шампанско злато вместо лилав */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-road { stroke: rgba(217, 185, 143, .4); }

/* 11 · дребният текст на старите карти: изречения ≥ 13 px */
html body #roomOverlay .ro-panel.ro-peach #roRoom > .jr-card :is(p.jr-privacy, p.cs-note) { font-size: 13px; line-height: 1.5; }

/* 12 · ТИХИТЕ ЧАСОВЕ (html.bl-night, светли карти): подзаглавието на картата без приглушаване */
html.bl-night body #roomOverlay .ro-panel.ro-peach #roRoom .jr-sub { opacity: 1; }

/* 13 · МОИТЕ ПЛОЧКИ — подзаглавието на цялата ширина (беше 4 реда „Готова, / когато / дойде / време“), стрелката под него */
.ro-peach .pl-br-tl { padding: 9px 10px 26px 11px; }
.ro-peach .pl-br-tl small { margin-right: 0; }
.ro-peach .pl-br-tile .pl-br-chev { bottom: 10px; }
/* „✨ Тази седмица:“ — блясъкът е плюшен (ico-b [2,1], същата клетка като ✨ в pl-plyush.js), не голо емоджи */
.ro-peach .pl-br-tip::before {
  content: ''; display: inline-block; width: 22px; height: 22px; margin: 0 5px -5px 0; border-radius: 50%;
  background: #fff0d4 url(../img/art/ico-b.webp) 33.333% 66.667% / 400% 400% no-repeat; background-blend-mode: multiply;
}
/* плодът на седмицата — плюшен, когато има рисунка (js: .is-pl); иначе си остава емоджи в кръгчето */
.ro-peach .pl-br-fruit.is-pl { color: transparent; background-color: #fff; background-repeat: no-repeat; font-size: 0; }
/* „(теме-опашка)“ се цепеше на тирето през два реда (снимка br20_plod_00.jpg, 14-та седмица) */
.ro-peach .pl-br-size small { white-space: nowrap; }

/* ── НОЩ (тъмна тема) за всичко горе ── */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom :is(.qd-row, .pg20-calrow) { border-color: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom :is(.qd-row, .pg20-calrow):not(.done) > .jr-check { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1.5px rgba(240, 210, 137, .6); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .qd-row { color: #e3e5f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow .pg20-calt strong { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow .pg20-calt small { color: #c9cbe3; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow.now .pg20-calw { color: #ffd6e5 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold { background: rgba(255, 255, 255, .05) !important; box-shadow: none; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold.open { background: rgba(229, 109, 153, .12) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom :is(.mk-fold .mk-cnt, .mk-fold .mk-arrow) { color: #d0d3ea; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom :is(.ct-row, .pn-txt, .jr-card .pw-box, .pg-breath:not([hidden])) { background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); color: #e3e5f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .ct-row .ct-q { color: #e3e5f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-breath-t { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-breath-s { color: #ffb8d2; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kickring .kd:not(.on) { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1.5px rgba(240, 210, 137, .55); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-siglist > li { color: #e3e5f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .jr-title .pg20-when { background: rgba(240, 210, 137, .18); color: #f6dc97 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-road { stroke: rgba(240, 210, 137, .3) !important; }

/* ── поправки след първата снимка (br20_b_L20_s*.jpg) ── */
/* 🪤 display:flex на „Ритна!“ надвиваше сгъването (mega.css:639 `.jr-card.folded > *:not(.jr-title)`) — бутонът стърчеше от сгънатата карта */
html body #roomOverlay .ro-panel.ro-peach #roRoom > .jr-card.folded > .pg-kick { display: none; }
/* текущият ред в календарчето пази розовата си рамка (горе линията стана обща) */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow.now { border-color: rgba(229, 109, 153, .55) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-calrow.now { border-color: rgba(245, 156, 187, .6) !important; }
/* точката и надписът на групата — на една ос (точката падаше под реда) */
html body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold > span:first-child { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .mk-fold > span:first-child > .pl-br-dot { margin: 0; flex: none; }
/* „📞 112 — ако не можеш…“: иконата до текста, редът не се пречупва под нея */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-signals > .ro-sos { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 18px 10px 12px; line-height: 1.3; text-align: left; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-signals > .ro-sos > .pl-em:first-child { flex: none; width: 34px !important; height: 34px !important; margin: 0 !important; }
/* дребните етикети ≥ 11.5 px на екрана: „4 с.“ в лентата на коремчето и седмиците на пътеката (SVG 10.5 = 12 px) */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pho-m { font-size: 11.5px !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-msw { font-size: 10.5px !important; }
/* „Пътеката на чакането“: горните 37 от 150-те единици на рисунката са празни (пътят почва на y≈40, preg20.js:601)
   → дупка ~40 px под подзаглавието; рисунката се качва с 22 px (най-горната спирка остава под текста) */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg20-path .pg20-svgwrap { margin-top: -22px; }
/* историята на контракциите (.bb-histrow, rooms.css:421 — лилаво #f7f4fc) — кремав ред с линия; часът и секундите на Nunito */
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-contract .bb-histrow { align-items: center; min-height: 40px; padding: 8px 14px; border-radius: 14px; background: #fff8f2; box-shadow: inset 0 0 0 1px #f1e4d9; font-size: 13.5px; color: var(--pl-ink, #3b3f5c); font-variant-numeric: lining-nums tabular-nums; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .pg-contract .bb-histrow { background: rgba(255, 255, 255, .06) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); color: #f1f2fb; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .pg-kickhist .jr-weekcap { font-size: 12px; }
/* „Чанта за родилния дом“ / „План за раждане“ (от 28-ма, .jr-win — rooms.css:240 #f7f4fc; нощем dark.css:72 #342f4e !important
   с кръгче #221d36 — лилаво и тъмно върху тъмно, снимка br20_c_D30_s02-03.jpg): филцов ред със златно копче като горе */
html body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins .jr-win {
  background-color: #fffaf3 !important; border: 1px solid #f1e4d9 !important; border-radius: 18px !important; color: var(--pl-ink, #3b3f5c);
}
html body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins .jr-win.done { background-color: #fff2f7 !important; border-color: rgba(229, 109, 153, .45) !important; }
/* в „Плана“ (div.jr-win > button.jr-winbtn) рамката е на РЕДА, бутонът е прозрачен (така го иска pl-ui.css:376);
   нощем pl-ui.css:420 връщаше филц на бутона → кутия в кутия (снимка br20_c_D30_s14.jpg) — тук и нощем е прозрачен */
html body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins .jr-win .jr-winbtn.jr-winbtn { width: 100%; text-align: left; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; color: inherit; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins .jr-check {
  width: 26px; height: 26px; flex: none; background: #fffaf3; color: #fff; font-size: 13px; font-weight: 900;
  box-shadow: inset 0 0 0 2px rgba(217, 185, 143, .9), inset 0 2px 3px rgba(120, 88, 58, .12);
}
html body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins :is(.jr-win.done, .jr-winbtn[aria-pressed="true"], .jr-win.done .jr-winbtn) .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); text-shadow: 0 1px 0 rgba(120, 20, 60, .35);
}
/* лентата „10 неща те чакат“ (.bg-fill — mega.css:840 стария прелив #f7a8cb→#b9a7e0) */
html body #roomOverlay .ro-panel.ro-peach #roRoom .bg-track { height: 10px; background: #f3e6da; box-shadow: inset 0 1px 2px rgba(110, 76, 52, .16); }
html body #roomOverlay .ro-panel.ro-peach #roRoom .bg-fill { background: linear-gradient(90deg, #f59cbb, #e56d99) !important; }
html body #roomOverlay .ro-panel.ro-peach #roRoom .bg-txt { color: var(--pl-ink, #3b3f5c); opacity: 1; }
/* нощ */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .qd-row:not(.done) { background: rgba(255, 255, 255, .06) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins .jr-win { background-color: rgba(255, 255, 255, .06) !important; border-color: rgba(255, 255, 255, .14) !important; color: #f1f2fb; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins .jr-win.done { background-color: rgba(229, 109, 153, .14) !important; border-color: rgba(245, 156, 187, .45) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins .jr-win:not(.done) > .jr-check,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .jr-wins .jr-win:not(.done) > .jr-winbtn:not([aria-pressed="true"]) > .jr-check { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1.5px rgba(240, 210, 137, .6); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .bg-track { background: rgba(255, 255, 255, .12); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom .bg-txt { color: #e3e5f5; }
/* „Писмо до бебето“ и другите тетрадки нощем: линиите бяха #221d36 (лилаво) — сега нощно синьо с бели нишки (като pl-bebe.css) */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-peach #roRoom textarea.jr-paper {
  background-color: #1b2554 !important;
  background-image: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0) 0 26px, rgba(255, 255, 255, .07) 26px 27px) !important;
}
/* край 20.10 */