/* ═══════════════════════════════════════════════════════════════════════════════
   💗 PREMIUM „5 МИНУТИ ЗА МЕН“ · „Жената в мен“ (референция 17 „И ти си важна“), 22.09.2026
   Блокът е от js/pl-zamama.js — под заглавието на сцената (.pl-rhero):
     · кремав филцов медальон със ЗЛАТЕН ръб (метален градиент, не плосък цвят), златни завъртулки
       с гел сърчице отгоре, клонки с листа и розови цветчета отстрани, плюшен лотос (ico-e [0,2]),
       „5 минути / за мен“ и кръгъл розов гел ▶ (дишане 4-7-8);
     · филцова карта „От какво имаш нужда?“ — 4 плюшени кръга с пастелен купол + филцово хапче-надпис;
     · „Моят малък план“ — вдлъбнат кремав лист с два реда-отметки (кръгче → розов гел с ✓, сърце вдясно);
     · широк розов гел „Избери своя момент ›“.
   МАТЕРИАЛИТЕ са от css/pl-ui.css (.pl-felt, .pl-soft, .pl-gel) — тук само форма и разположение.
   🪤 .pl-felt налага border-radius: 26px !important (pl-ui.css:187) — медальонът е кръг, затова по-силен
      селектор (html body .pl-zm … .pl-felt.pl-felt) + !important. Шевът (::after) става тънък златен кръг.
   Цифрите („5“, „4-7-8“, датата) са на Nunito: на Georgia са „старинни“ (0 се чете „о“).
   ПЪТ НАЗАД: махни <link href="css/pl-zamama.css"> и <script src="js/pl-zamama.js"> от index.html.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 🪤 #roRoom е flex колона с фиксирана височина — без flex:none блокът се свива. */
#roRoom > .pl-zm {
  flex: none; display: flex; flex-direction: column; align-items: stretch; gap: 16px; margin: 0; min-width: 0;
  color: var(--ui-ink, #1d2a5c);
  font-family: Nunito, Nunito-fallback, system-ui, sans-serif;
}
.pl-zm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.pl-zm svg { display: block; }
.pl-zm .pl-art { background-repeat: no-repeat; background-size: 400% 400%; }

/* ══ 1 · МЕДАЛЬОНЪТ ══ */
.pl-zm-medal {
  position: relative; align-self: center; flex: none;
  width: min(292px, 100%); aspect-ratio: 1 / 1; margin: 18px 0 0; padding: 8px; border-radius: 50%;
  /* злато: светъл блик горе вляво, тъмно дъно вдясно — ръбът е обла метална рамка, не черта */
  background:
    radial-gradient(70% 55% at 30% 18%, rgba(255, 250, 225, .85) 0, rgba(255, 250, 225, 0) 60%),
    conic-gradient(from 200deg, #b8894a, #f6e3aa, #d2a95e, #9f7535, #e9cf8b, #c29352, #f3dfa4, #b8894a);
  box-shadow:
    0 22px 40px rgba(110, 76, 52, .30), 0 6px 12px rgba(110, 76, 52, .18),
    inset 0 2px 1px rgba(255, 255, 255, .75), inset 0 -3px 5px rgba(110, 70, 20, .45);
}
html body .pl-zm .pl-zm-disc.pl-felt.pl-felt {
  position: relative; width: 100%; height: 100%; border-radius: 50% !important;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  padding: 14px 18px 0; text-align: center; overflow: visible;
  border: 0 !important;
  /* възглавничка: светъл купол горе, топла сянка по ръба отвътре */
  box-shadow: inset 0 0 0 3px #fff8ea, inset 0 10px 22px rgba(255, 255, 255, .9), inset 0 -16px 30px rgba(170, 120, 70, .20), inset 0 0 0 1px rgba(160, 120, 60, .35) !important;
}
html body .pl-zm .pl-zm-disc.pl-felt.pl-felt::after { inset: 10px; border-radius: 50%; border: 1.5px solid rgba(201, 160, 90, .6); }
.pl-zm-disc::before {
  content: ''; position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
  background: radial-gradient(58% 42% at 42% 20%, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, 0) 72%);
}
.pl-zm-disc > * { position: relative; z-index: 1; }
.pl-zm-orn { position: absolute !important; top: -22px; left: 50%; width: 112px; height: 38px; margin-left: -56px; z-index: 2 !important; filter: drop-shadow(0 2px 2px rgba(110, 70, 30, .25)); }
.pl-zm-orn svg { width: 100%; height: 100%; }
.pl-zm-br { position: absolute !important; top: 36%; width: 40px; height: 124px; z-index: 0 !important; filter: drop-shadow(0 1.5px 1px rgba(70, 90, 60, .22)); }
.pl-zm-br svg { width: 100%; height: 100%; }
.pl-zm-br-l { left: 16px; }
.pl-zm-br-r { right: 16px; transform: scaleX(-1); }
/* плюшеният лотос върху филца: multiply маха белия фон на спрайта */
.pl-zm-lotus { flex: none; width: 50px; height: 50px; margin: 2px 0 0; mix-blend-mode: multiply; }
.pl-zm-t {
  margin: 0; font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 27px; line-height: 1.02;
  color: var(--ui-ink, #1d2a5c); letter-spacing: -.3px; hyphens: none;
}
.pl-zm-5 { font-family: Nunito, Nunito-fallback, system-ui, sans-serif; font-weight: 900; font-size: 34px; line-height: .9; font-variant-numeric: lining-nums; letter-spacing: 0; }
#roRoom .pl-zm-play {
  display: flex; flex-direction: column; align-items: center; gap: 3px; margin: 8px 0 0; padding: 2px 14px 4px; min-width: 150px; min-height: 44px;
  background: transparent; border: 0; border-radius: 22px; cursor: pointer; color: var(--ui-ink, #1d2a5c); font: inherit;
  -webkit-tap-highlight-color: transparent;
}
#roRoom .pl-zm-play:focus-visible { outline: none; box-shadow: var(--ui-ring, 0 0 0 4px rgba(217, 90, 142, .28)); }
/* кръглият гел (материалът е .pl-gel от pl-ui.css) + бял пръстен-ореол като на референцията */
html body .pl-zm .pl-zm-gel.pl-gel.pl-gel {
  display: grid; place-items: center; width: 70px; height: 70px; border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .92), 0 0 0 6.5px rgba(229, 166, 190, .7),
    inset 0 1.5px 0 rgba(255, 255, 255, .55), inset 0 -4px 0 rgba(120, 20, 60, .22), 0 5px 0 5px rgba(200, 150, 160, .25), 0 12px 22px rgba(200, 69, 122, .35) !important;
}
.pl-zm-gel svg { width: 30px; height: 30px; margin-left: 4px; fill: #fff; filter: drop-shadow(0 1px 0 rgba(120, 20, 60, .35)); }
#roRoom .pl-zm-play:active .pl-zm-gel { transform: translateY(3px); }
.pl-zm-pl { margin-top: 7px; font-weight: 800; font-size: 15.5px; line-height: 1.15; color: var(--ui-ink, #1d2a5c); }
.pl-zm-sub { font-weight: 700; font-size: 12px; line-height: 1.2; color: #5d596f; font-variant-numeric: lining-nums; }
.pl-zm-line { flex: none; width: 58px; height: 2px; margin-top: 5px; border-radius: 2px; background: linear-gradient(90deg, rgba(201, 160, 90, 0), #c9a05a 30%, #c9a05a 70%, rgba(201, 160, 90, 0)); }

/* ══ 2 · КАРТАТА „ОТ КАКВО ИМАШ НУЖДА?“ (филцът е от .pl-felt) ══ */
.pl-zm-card { padding: 18px 12px 16px; }
.pl-zm-card > * { position: relative; }   /* над шева (::after на .pl-felt) */
.pl-zm-h {
  display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 14px;
  font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 19.5px; line-height: 1.15; color: var(--ui-ink, #1d2a5c); letter-spacing: -.2px; text-align: center;
}
.pl-zm-rule { flex: 0 1 34px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(201, 160, 90, 0), #c9a05a); }
.pl-zm-rule:last-child { background: linear-gradient(90deg, #c9a05a, rgba(201, 160, 90, 0)); }

/* 🪤 мерено 22.09: „Вдъхновение“ = 92 px в колона от 81 px (равни колони) — прелива в съседа.
   minmax(min-content, 1fr): всяка колона поне колкото надписа си, останалото се дели поравно. */
.pl-zm-needs { display: grid; grid-template-columns: repeat(4, minmax(min-content, 1fr)); gap: 4px; }
#roRoom .pl-zm-need {
  display: flex; flex-direction: column; align-items: center; min-width: 0; margin: 0; padding: 0 0 2px;
  background: transparent; border: 0; cursor: pointer; font: inherit; color: inherit; -webkit-tap-highlight-color: transparent;
}
/* плюшен кръг: пастелен купол с блик горе, бял ръб, мека сянка — предмет, не кръгче */
.pl-zm-nic {
  position: relative; display: grid; place-items: center; width: 70px; height: 70px; border-radius: 50%;
  background: radial-gradient(75% 70% at 38% 28%, var(--zm-hi) 0, var(--zm-t) 58%, var(--zm-lo) 100%);
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .95), inset 0 -6px 12px rgba(120, 80, 110, .14), 0 0 0 1.5px var(--zm-rim), 0 7px 14px rgba(110, 76, 52, .18);
  transition: transform .14s ease;
}
/* 🪤 квадратът 56 px е по-широк от кръга 70 px в ъглите (√2·28 = 39.6 > 35) — нощем белите ъгли стърчаха (снимка d1) */
.pl-zm-nic i { width: 56px; height: 56px; border-radius: 50%; background-repeat: no-repeat; background-size: 400% 400%; mix-blend-mode: multiply; }
.pl-zm-nic.t-lav    { --zm-hi: #f4efff; --zm-t: #ddd0f5; --zm-lo: #c6b3ec; --zm-rim: #cbb8ea; }
.pl-zm-nic.t-pink   { --zm-hi: #fff1f6; --zm-t: #fbd9e6; --zm-lo: #f3bcd1; --zm-rim: #efbfd2; }
.pl-zm-nic.t-rose   { --zm-hi: #fdf0f5; --zm-t: #f2dbe7; --zm-lo: #e4c1d4; --zm-rim: #e5c6d7; }
.pl-zm-nic.t-butter { --zm-hi: #fffbeb; --zm-t: #fbefcc; --zm-lo: #f1dca3; --zm-rim: #eed9a6; }
#roRoom .pl-zm-need:active .pl-zm-nic { transform: translateY(2px) scale(.97); }
/* надписът — малко филцово хапче, застъпва дъното на кръга (материалът е .pl-soft) */
html body .pl-zm .pl-zm-nl.pl-soft.pl-soft {
  /* 🪤 мерено 22.09: с 6 px отстрани сборът на надписите беше 340 px в 338 px — последното хапче опираше в шева */
  display: block; margin: -12px 0 0; padding: 5px 4px; min-width: 100%; border-radius: 999px;
  font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 12.5px; line-height: 1.15; letter-spacing: -.25px;
  white-space: nowrap; text-align: center; position: relative; z-index: 1;
}
#roRoom .pl-zm-need:focus-visible { outline: none; }
#roRoom .pl-zm-need:focus-visible .pl-zm-nic { box-shadow: var(--ui-ring, 0 0 0 4px rgba(217, 90, 142, .28)), inset 0 0 0 3px #fff; }

/* ── „Моят малък план“ — вдлъбнат кремав лист ── */
.pl-zm-plan {
  margin-top: 14px; padding: 6px 8px 8px; border-radius: 22px;
  background: linear-gradient(180deg, #fffdf8 0, #fff8ef 100%);
  border: 1px solid rgba(214, 186, 158, .55);
  box-shadow: inset 0 2px 5px rgba(110, 76, 52, .08), 0 1px 0 #fff;
}
#roRoom .pl-zm-ph {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 58px; margin: 0; padding: 4px 6px 4px 2px;
  background: transparent; border: 0; border-radius: 16px; cursor: pointer; text-align: left; font: inherit; color: var(--ui-ink, #1d2a5c);
  -webkit-tap-highlight-color: transparent;
}
#roRoom .pl-zm-ph:focus-visible { outline: none; box-shadow: var(--ui-ring, 0 0 0 4px rgba(217, 90, 142, .28)); }
.pl-zm-clip { flex: none; width: 50px; height: 50px; mix-blend-mode: multiply; transform: rotate(-6deg); }
.pl-zm-pt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pl-zm-pt b { font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 18.5px; line-height: 1.12; letter-spacing: -.2px; }
.pl-zm-date { font-size: 13px; font-weight: 800; line-height: 1.25; color: #4a4660; font-variant-numeric: lining-nums; }
.pl-zm-chev { flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.pl-zm-ph .pl-zm-chev { opacity: .8; }

.pl-zm-rows { display: flex; flex-direction: column; gap: 7px; }
#roRoom .pl-zm-row {
  display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0; min-height: 60px; margin: 0; padding: 7px 12px 7px 10px;
  background: #fff; border: 1px solid #f0e2d6; border-radius: 16px; cursor: pointer; text-align: left; font: inherit; color: var(--ui-ink, #1d2a5c);
  box-shadow: 0 1.5px 0 rgba(203, 176, 150, .55), 0 4px 10px rgba(110, 76, 52, .06);
  -webkit-tap-highlight-color: transparent; transition: transform .12s ease, box-shadow .12s ease, background-color .2s ease;
}
#roRoom .pl-zm-row:active { transform: translateY(1.5px); box-shadow: 0 0 0 rgba(203, 176, 150, .55), 0 2px 5px rgba(110, 76, 52, .06); }
#roRoom .pl-zm-row:focus-visible { outline: none; box-shadow: var(--ui-ring, 0 0 0 4px rgba(217, 90, 142, .28)); }
/* кръгчето: празно = вдлъбнато; отметнато = малък розов гел с бяла отметка */
.pl-zm-box {
  flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
  background: #fffdf9; border: 2px solid #c9b3a6; box-shadow: inset 0 2px 3px rgba(110, 76, 52, .14);
  transition: background-color .2s ease, border-color .2s ease;
}
.pl-zm-box svg { width: 17px; height: 17px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(.4); transition: opacity .18s ease, transform .22s cubic-bezier(.3, 1.5, .5, 1); }
.pl-zm-row[aria-checked="true"] .pl-zm-box {
  border-color: #b93a6e;
  background: radial-gradient(90% 60% at 50% 0, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 60%), linear-gradient(180deg, #f39bbb 0, #d95a8e 45%, #c8457a 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 #a83566;
}
.pl-zm-row[aria-checked="true"] .pl-zm-box svg { opacity: 1; transform: none; }
/* иконката на реда в пастелен кръг: бялата чаша върху бял ред не се виждаше (снимка v1) */
.pl-zm-ric {
  flex: none; width: 42px; height: 42px; border-radius: 50%;
  background-color: var(--zm-t, #fde6ef); background-blend-mode: multiply;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .85), 0 2px 5px rgba(110, 76, 52, .12);
}
.pl-zm-ric.t-sky { --zm-t: #dfeafb; }
.pl-zm-ric.t-mint { --zm-t: #dff2e7; }
.pl-zm-rt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pl-zm-rt b { font-weight: 800; font-size: 16px; line-height: 1.2; }
.pl-zm-rt small { font-weight: 700; font-size: 12.5px; line-height: 1.25; color: #5d596f; font-variant-numeric: lining-nums; }
/* нулата без запис е ПОКАНА (розово, като избраното в pl-ui.css), не „0“ */
.pl-zm-rt small.is-empty { color: var(--ui-pick-ink, #9e2f5f); }
.pl-zm-heart { flex: none; width: 26px; height: 26px; }
.pl-zm-heart svg { width: 100%; height: 100%; fill: none; stroke: #d95a8e; stroke-width: 1.9; stroke-linejoin: round; transition: fill .2s ease; }
.pl-zm-row[aria-checked="true"] .pl-zm-heart svg { fill: #f59cbb; stroke: #c8457a; }

/* ── „Избери своя момент“ — широкият розов гел (материалът е .pl-gel) ── */
#roRoom .pl-zm-go {
  display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 60px; margin: 16px 0 0; padding: 8px 18px;
  border-radius: 999px; cursor: pointer;
  font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 19px; line-height: 1.15; letter-spacing: -.1px;
  -webkit-tap-highlight-color: transparent;
}
.pl-zm-go > i { flex: none; width: 26px; height: 26px; }
.pl-zm-go > i svg { width: 100%; height: 100%; fill: #fff; filter: drop-shadow(0 1px 0 rgba(120, 20, 60, .35)); }
.pl-zm-go .pl-zm-chev { width: 18px; height: 18px; stroke: #fff; stroke-width: 2.8; }

/* по-тесен телефон (≤ 360 px): плочките и медальонът се свиват, без да прелеят */
@media (max-width: 360px) {
  .pl-zm-nic { width: 62px; height: 62px; }
  .pl-zm-nic i { width: 50px; height: 50px; }
  html body .pl-zm .pl-zm-nl.pl-soft.pl-soft { font-size: 11.5px; letter-spacing: -.35px; padding: 4px 3px; }
  .pl-zm-t { font-size: 25px; }
}
/* по-широк телефон: надписите растат */
@media (min-width: 410px) {
  html body .pl-zm .pl-zm-nl.pl-soft.pl-soft { font-size: 13.5px; }
  .pl-zm-nic { width: 76px; height: 76px; }
  .pl-zm-nic i { width: 60px; height: 60px; }
}

/* ══ НОЩ — същите предмети в нощно синьо; златото остава злато, но по-меко ══ */
html[data-theme="dark"] .pl-zm-medal {
  background:
    radial-gradient(70% 55% at 30% 18%, rgba(255, 245, 210, .45) 0, rgba(255, 245, 210, 0) 60%),
    conic-gradient(from 200deg, #8f6a38, #d9bf82, #b08948, #7b5a2a, #c9ad6c, #9c7640, #d4b979, #8f6a38);
  box-shadow: 0 22px 40px rgba(0, 0, 0, .45), inset 0 2px 1px rgba(255, 255, 255, .35), inset 0 -3px 5px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] body .pl-zm .pl-zm-disc.pl-felt.pl-felt {
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .08), inset 0 12px 24px rgba(255, 255, 255, .06), inset 0 -16px 30px rgba(0, 0, 0, .25) !important;
}
html[data-theme="dark"] body .pl-zm .pl-zm-disc.pl-felt.pl-felt::after { border-color: rgba(217, 191, 130, .55); }
html[data-theme="dark"] .pl-zm-disc::before { background: radial-gradient(58% 42% at 42% 20%, rgba(255, 255, 255, .10) 0, rgba(255, 255, 255, 0) 72%); }
/* нощем — бял кръг под плюшената иконка (multiply върху синьото би я изгасил) */
html[data-theme="dark"] .pl-zm-lotus, html[data-theme="dark"] .pl-zm-clip {
  mix-blend-mode: normal; background-color: #fff; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, .25), 0 3px 8px rgba(0, 0, 0, .3);
}
html[data-theme="dark"] .pl-zm-clip { transform: none; }
html[data-theme="dark"] .pl-zm-ric { background-color: #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, .25), 0 3px 8px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-zm-t, html[data-theme="dark"] .pl-zm-h, html[data-theme="dark"] #roRoom .pl-zm-play,
html[data-theme="dark"] .pl-zm-pl, html[data-theme="dark"] #roRoom .pl-zm-ph { color: #fff; }
html[data-theme="dark"] .pl-zm-sub, html[data-theme="dark"] .pl-zm-date { color: #d6d8ee; }
html[data-theme="dark"] body .pl-zm .pl-zm-gel.pl-gel.pl-gel {
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .16), 0 0 0 6.5px rgba(245, 156, 187, .45),
    inset 0 1.5px 0 rgba(255, 255, 255, .55), inset 0 -4px 0 rgba(120, 20, 60, .22), 0 12px 22px rgba(0, 0, 0, .4) !important;
}
html[data-theme="dark"] .pl-zm-nic { background: #fff; box-shadow: inset 0 0 0 3px #fff, 0 0 0 1.5px rgba(255, 255, 255, .3), 0 7px 14px rgba(0, 0, 0, .35); }
html[data-theme="dark"] .pl-zm-nic i { mix-blend-mode: normal; }
html[data-theme="dark"] .pl-zm-plan { background: rgba(20, 29, 70, .55); border-color: rgba(255, 255, 255, .14); box-shadow: inset 0 2px 6px rgba(0, 0, 0, .3); }
html[data-theme="dark"] #roRoom .pl-zm-row { background: #2b3872; border-color: rgba(255, 255, 255, .16); color: #fff; box-shadow: 0 2px 0 #18214a; }
html[data-theme="dark"] .pl-zm-rt small { color: #d6d8ee; }
html[data-theme="dark"] .pl-zm-rt small.is-empty { color: #ffc2d6; }
html[data-theme="dark"] .pl-zm-box { background: #1b2554; border-color: rgba(255, 255, 255, .45); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35); }
html[data-theme="dark"] .pl-zm-row[aria-checked="true"] .pl-zm-box { border-color: #f59cbb; }
html[data-theme="dark"] .pl-zm-heart svg { stroke: #f59cbb; }
html[data-theme="dark"] .pl-zm-row[aria-checked="true"] .pl-zm-heart svg { fill: #f59cbb; stroke: #ffc2d6; }

/* движението е по избор */
@media (prefers-reduced-motion: reduce) {
  .pl-zm-box, .pl-zm-box svg, .pl-zm-nic, #roRoom .pl-zm-row, .pl-zm-heart svg { transition: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   06.10 · „ЖЕНАТА В МЕН“ — ВЪТРЕШНОСТТА НА КАРТИТЕ ДО ПРЕМИУМ НИВО
   МЕРЕНО в тази сесия (cdp_proba + zm_dom1.js / zm_int.js, светла и тъмна, профил baby):
     · 13 полета textarea.jr-note — шрифт monospace 13.3 px (системният на браузъра);
     · 6 заглавия („Списъкът, който още не съм направила“, „Мечтите ми — тогава и сега“,
       „Когато вкъщи не е безопасно“, „Коя бях · коя съм · коя ставам“, „Обратното броене до
       работа“, „Тази седмица — за всички нас“) — медалът стоеше САМ на ред, текстът падаше
       под него (flex-wrap: текстът е анонимен flex елемент → цял се пренася на нов ред);
     · „Ангелските числа 11:11“ — единственото заглавие без медал (няма емоджи в него);
     · 18 бутона „+“ — кремав чип 45×45 с „+“ от 12.5 px (почти невидим);
     · след действие (дата / изтеглена карта / 5 отговора) излизат стари кутии: #fbeef5
       (розово-лилаво) в .wm-elem/.wm-py/.wm-chin/.wm-pal/.wh-text/.wm-lrow/.wm-timer,
       градиент #fbeef5→#fff в .rt-box/.wm-rittoday/.wm-ritrow/.wm-cvrow, .wm-tarot с
       розово-лилав градиент и 2 px рамка; нощем същите са в слива #3a2436 / #342f4e;
     · текстът в тях е в стария сливов цвят (#6b3a5e, #4a3550, #4a2b3d, #7a4f86);
     · „Започни сега“ отваря дишането — кръгът там е розово→ЛИЛАВО (#fbd3e6→#b9a7e0, inline
       от extras.js) върху лилав воал rgba(35,30,55,.82). Пипаме го САМО когато е отворено
       от тази стая (класът .pl-zm-dah го слага js/pl-zamama.js).
   Всичко е вързано за .ro-panel.ro-rose — другите стаи не се пипат.
   ПЪТ НАЗАД: махни този блок (и блока „06.10“ в края на js/pl-zamama.js).
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 1 · полетата за писане — шрифтът на приложението, не monospace */
html body #roomOverlay .ro-panel.ro-rose textarea.jr-note {
  font-family: Nunito, Nunito-fallback, system-ui, sans-serif !important; font-size: 15px !important; font-weight: 600;
  line-height: 1.5 !important; padding: 12px 14px !important; resize: vertical;
}
html body #roomOverlay .ro-panel.ro-rose :is(.wm-slot, .wt-o) { font-family: Nunito, Nunito-fallback, system-ui, sans-serif !important; }
/* нощем календарчето в полето за дата беше тъмно върху тъмно */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose input[type="date"] { color-scheme: dark; }

/* 2 · заглавията — медалът вляво, текстът до него (на колкото реда трябва), подзаглавието отдолу.
   grid, не flex: анонимният текст влиза във втората колона и се пречупва в нея. Карфицата и
   стрелката са absolute (мерено) — мрежата не ги мести. */
html body #roomOverlay .ro-panel.ro-rose .jr-card > h4.jr-title:has(> .jr-medal),
html body #roomOverlay .ro-panel.ro-rose .jr-card[data-blkey$="|Ангелските числа 11:11"] > h4.jr-title {
  display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 9px; row-gap: 2px;
}
html body #roomOverlay .ro-panel.ro-rose .jr-card > h4.jr-title:has(> .jr-medal) > .jr-medal { grid-column: 1; margin: 0; }
html body #roomOverlay .ro-panel.ro-rose .jr-card > h4.jr-title > .jr-sub { grid-column: 1 / -1; }
/* медалът на „Ангелските числа“ — плюшеният гълъб (ico-i [0,1], тонът на 🕊️ от pl-plyush.js) */
html body #roomOverlay .ro-panel.ro-rose .jr-card[data-blkey$="|Ангелските числа 11:11"] > h4.jr-title::before {
  content: ''; grid-column: 1; grid-row: 1; width: 34px; height: 34px; border-radius: 50%;
  background: #dfeafb url(../img/art/ico-i.webp) 33.333% 0% / 400% 400% no-repeat; 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);
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card[data-blkey$="|Ангелските числа 11:11"] > h4.jr-title::before {
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .85), 0 2px 6px rgba(0, 0, 0, .35);
}

/* 3 · „+“ (запиши) — малко кръгло действие: тъмна роза, бял знак 24 px (бяло върху #a92f63 = 6.9:1) */
html body #roomOverlay .ro-panel.ro-rose .jr-chip.jr-chip.pl-zm-plus {
  width: 46px; height: 46px; min-width: 46px !important; min-height: 46px !important; padding: 0 !important; flex: none;
  display: inline-grid; place-items: center; border-radius: 50% !important; border: 0 !important;
  background: radial-gradient(90% 55% at 50% 0, rgba(255, 255, 255, .38) 0, rgba(255, 255, 255, 0) 70%), linear-gradient(180deg, #c9447a 0, #a92f63 100%) !important;
  color: #fff !important; font: 800 25px/1 Nunito, Nunito-fallback, system-ui, sans-serif !important; text-shadow: 0 1px 0 rgba(90, 10, 40, .35);
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), inset 0 -3px 0 rgba(90, 10, 40, .22), 0 3px 0 #8e2754, 0 8px 16px rgba(169, 47, 99, .28) !important;
}
html body #roomOverlay .ro-panel.ro-rose .jr-chip.jr-chip.pl-zm-plus:active { transform: translateY(2px); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .4), 0 1px 0 #8e2754, 0 3px 8px rgba(169, 47, 99, .25) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-chip.jr-chip.pl-zm-plus { box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .4), inset 0 -3px 0 rgba(90, 10, 40, .22), 0 3px 0 #5a1838, 0 8px 16px rgba(0, 0, 0, .35) !important; }

/* 4 · кутиите в картите — кремав лист с топъл кант вместо розово-лилавото */
html body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wm-elem, .wm-py, .wm-chin, .wm-pal, .wh-text, .wm-wishes p, .cp-box, .wt-result) {
  background: #fffdf9 !important; border: 0 !important; border-radius: 16px !important; box-shadow: inset 0 0 0 1px #f1e4d9 !important; color: #3b3f5c !important;
}
html body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wh-text, .cp-box) { box-shadow: inset 0 0 0 1px #f1e4d9, inset 3px 0 0 #e3c39c !important; }
/* „днешното“ (ритуалът, днешната карта) — същият лист със златна линия: тя носи смисъла „днес“ */
html body #roomOverlay .ro-panel.ro-rose .jr-card :is(.rt-box, .wm-rittoday) {
  background: #fffdf9 !important; background-image: none !important; border: 1px solid #e3c39c !important; border-radius: 18px !important;
  box-shadow: inset 0 0 0 3px #fffdf9, inset 0 0 0 4px rgba(227, 195, 156, .45), 0 4px 12px rgba(110, 76, 52, .07) !important;
}
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-ritrow:not(.wm-rittoday) { background-image: none !important; border: 0 !important; }
html body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wm-lrow, .wm-cvrow):not(.on) { background: #fffdf9 !important; background-image: none !important; border: 1px solid #efdccf !important; color: #3b3f5c !important; }
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-cvrow.on { background: #fde6ef !important; background-image: none !important; border: 1px solid #efa3c1 !important; color: #1d2a5c !important; }
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-timer { background: #f1e4d9 !important; }
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-timer i { background: linear-gradient(90deg, #d95a8e, #e3c39c) !important; }
/* картата на деня — кремав лист, тънък златен кант и шев отвътре; името — serif, тъмносиньо */
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-tarot {
  background: linear-gradient(180deg, #fffdf9 0, #fff8f2 100%) !important; border: 1px solid #e3c39c !important; border-radius: 22px !important;
  box-shadow: inset 0 0 0 5px #fffdf9, inset 0 0 0 6px rgba(217, 185, 143, .55), 0 6px 16px rgba(110, 76, 52, .10) !important; padding: 18px 16px !important;
}
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-tarot strong { font-family: var(--pl-serif, Georgia, serif) !important; font-size: 20px !important; color: #1d2a5c !important; letter-spacing: -.2px; }
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-tarot p { color: #3b3f5c; font-size: 14.5px; }
/* текстът в стария сливов цвят → мастилото на премиума */
html body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wm-me, .wm-horo, .wm-mtxt, .wm-num p, .wm-moon p, .wm-pal p, .wt-desc, .cp-t, .rt-d, .wm-cvrow small, .wm-lt small) { color: #3b3f5c !important; }
html body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wm-me strong, .wm-name, .wm-num strong, .wm-moon strong, .wm-pal strong, .wt-q, .rt-t, .pl-h, .cm-row summary, .wm-qt) { color: #1d2a5c !important; }
html body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wm-pal small, .wm-mrow small) { color: #6a6682 !important; opacity: 1 !important; }
html body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wt-name, .rt-out, .cp-why) { color: #a92f63 !important; }
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-name { font-family: var(--pl-serif, Georgia, serif); font-size: 17px; font-weight: 700; }
html body #roomOverlay .ro-panel.ro-rose .jr-card .wm-swatch i { width: 38px; height: 38px; border: 0; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .85), 0 2px 5px rgba(110, 76, 52, .18); }
html body #roomOverlay .ro-panel.ro-rose .jr-card .cm-row summary { font-weight: 800; min-height: 44px; display: flex; align-items: center; }

/* нощ — същите предмети в нощно синьо, без слива */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wm-elem, .wm-py, .wm-chin, .wm-pal, .wh-text, .wm-wishes p, .cp-box, .wt-result, .wm-lrow, .wm-cvrow, .wm-ritrow, .wm-slot, .cm-row, .pl-pin) {
  background: #2b3872 !important; background-image: none !important; border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14) !important; color: #f1f2fb !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wh-text, .cp-box) { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), inset 3px 0 0 #d9bf82 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card :is(.rt-box, .wm-rittoday, .wm-tarot) {
  background: #2b3872 !important; background-image: none !important; border: 1px solid rgba(217, 191, 130, .6) !important;
  box-shadow: inset 0 0 0 4px #2b3872, inset 0 0 0 5px rgba(217, 191, 130, .3), 0 6px 16px rgba(0, 0, 0, .3) !important; color: #f1f2fb !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card .wm-cvrow.on { background: #3a3f80 !important; box-shadow: inset 0 0 0 1.5px rgba(245, 156, 187, .6) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card .wm-timer { background: #1b2554 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wm-me, .wm-horo, .wm-mtxt, .wm-num p, .wm-moon p, .wm-pal p, .wt-desc, .cp-t, .rt-d, .wm-tarot p, .wm-cvrow small, .wm-lt small, .wm-pal small, .wm-mrow small) { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wm-me strong, .wm-name, .wm-num strong, .wm-moon strong, .wm-pal strong, .wt-q, .rt-t, .pl-h, .cm-row summary, .wm-qt, .wm-tarot strong) { color: #fff !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose .jr-card :is(.wt-name, .rt-out, .cp-why) { color: #f59cbb !important; }

/* 5 · дишането от „Започни сега“ — розов перлен кръг със златен пръстен върху нощно синьо (без лилавото) */
#breathOverlay.pl-zm-dah { background: rgba(20, 29, 70, .86) !important; }
#breathOverlay.pl-zm-dah #brCircle {
  background: radial-gradient(circle at 36% 28%, #ffffff 0, #fff3f7 30%, #fbd3e3 64%, #f2a9c6 100%) !important;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .55), 0 0 0 7px rgba(227, 195, 156, .9), 0 18px 44px rgba(200, 69, 122, .38), inset 0 -10px 24px rgba(200, 69, 122, .16) !important;
}
#breathOverlay.pl-zm-dah #brText { color: #1d2a5c !important; text-shadow: 0 1px 0 rgba(255, 255, 255, .7) !important; font-weight: 800; }
#breathOverlay.pl-zm-dah .br-count { color: #f3dfa8 !important; font-size: 14px; }

/* ═══════════════════════════════════════════════════════════════════════════════
   20.10 · „ЖЕНАТА В МЕН“ — ДОВЪРШВАНЕ ПО КОНЕЦ (агент zm20)
   ВИДЯНО на снимки в тази сесия (светла в тих час 03–04 ч. = html.bl-night, тъмна; профил baby +
   bl_me рождена дата): dev/proba/snimki/zm20_C_L_*.png, zm20_C_D_*.png, zm20_B_L_*.jpg; DOM — zm20_insp.log.
     1 · ЗОДИИТЕ ♈…♓ — голи емоджита (лилав квадрат) в медала на „Хороскопът ти днес“ и „Вие двете“,
         в заглавието („Вие двете ♓“), в „Коя си ти“ (♉ Телец) и 34 px в двойката ти+бебето.
         js/pl-zamama.js 20.10 ги слага в span.pl-zm-zod[data-z] → тук: текстов знак в злато на монета.
     2 · РАЗДЕЛИТЕ „Тайните“ / „Моите хора“ — голо емоджи (рисунката идва от js/pl-zamama.js 20.10);
         тъмна тема: броят .sec-n без хапче (като в pl-hranene.css / pl-igri.css).
     3 · „Банята като храм“ — стъпките (.sp-trick): сиви плоски кутии, 12.5 / 11.5 px с opacity .7.
     4 · „Моят преглед“ (.wm-sent .jr-win) — кръгчето горе вляво, текстът се пренася ПОД него;
         нощем кръгчето е тъмно петно без ръб (premium.css 21.10 дава ръба само в светла).
     5 · „Невидимият товар“ (.ld-row) — етикетът в колона 74 px (3 реда), „и двамата“ на 2 реда;
         обобщението .ld-out — розова кутия, числото лилаво #b9a7e0 (mega.css:989).
     6 · „Как роди“ — полето 195 px (половин карта).
     7 · „Комплиментите“ — две полета по 135 px + „+“: „какво ти казаха…“ рязано.
     8 · „Гардеробът СЕГА“ (.wm-size) — иконката сама над 12 px етикет, 5 полета на цял ред.
     9 · „Тайната страница“ (.wm-lock), „Микро-приключение“ (.wm-micro), „Въпросът за ТЕБ“ (.wm-qme),
         етикетите с иконка (.wm-qt) — иконката сама на ред / стърчи вляво над текста.
    10 · details.cm-row („Езикът на картите“, „Репликата в джоба“, „Моите пари“) — 06.10 махна ▶ (flex)
         и не сложи нищо: не личи, че се отварят → мека стрелка, както в pl-hranene.css 4e.
    11 · „Когато вкъщи не е безопасно“ — „0800 18 676“ се чупеше на два реда.
    12 · текст под 13 px: .jr-privacy 11.5 px (цели абзаци-въведения), .ask-chip 12 px, .wm-q opacity .85.
   Тихият час (html.bl-night) — нищо тук не е вързано за него; нощ = САМО html[data-theme="dark"].
   ПЪТ НАЗАД: махни този блок (до „край 20.10“) и блока 20.10 в края на js/pl-zamama.js
   (копие на файла отпреди: dev/proba/zm20_predi20_pl-zamama.css).
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 1 · зодиите: знакът като текст (\FE0E = текстов вид), златен; емоджито под него е прозрачно ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .pl-zm-zod {
  position: relative; display: inline-block; min-width: 1em; text-align: center; font-style: normal;
  color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none !important;
}
html body #roomOverlay .ro-panel.ro-rose #roRoom .pl-zm-zod::after {
  content: attr(data-z) "\FE0E"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -52%);
  font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", "Noto Sans Symbols", "Apple Symbols", "DejaVu Sans", sans-serif;
  font-variant-emoji: text; font-weight: 400; line-height: 1; white-space: nowrap;
  color: #8f6230; -webkit-text-fill-color: #8f6230;
}
/* медалът със знак — кремава монета със златен кант, като плюшените медали (34 px) */
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .jr-title > .jr-medal:has(> .pl-zm-zod) {
  display: inline-grid !important; place-items: center; width: 34px !important; height: 34px !important; font-size: 19px !important;
  background: radial-gradient(circle at 34% 28%, #fffaf0 0, #fbf0dc 52%, #efd8b0 100%) !important;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .95), 0 0 0 1.5px #e3c39c, 0 2px 6px rgba(110, 76, 52, .16) !important;
}
/* двойката ти + бебето: знаците — по-едри монети */
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-mrow > span:has(> .pl-zm-zod) {
  display: grid !important; place-items: center; width: 58px; height: 58px; margin: 0 auto 6px; border-radius: 50%; font-size: 30px !important;
  background: radial-gradient(circle at 34% 28%, #fffaf0 0, #fbf0dc 52%, #efd8b0 100%);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .95), 0 0 0 1.5px #e3c39c, 0 4px 10px rgba(110, 76, 52, .16);
}
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-mrow small { font-size: 13px !important; font-weight: 700; opacity: 1 !important; color: #5d596f; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .pl-zm-zod::after { color: #ecd3a4; -webkit-text-fill-color: #ecd3a4; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom :is(.jr-card .jr-title > .jr-medal, .wm-mrow > span):has(> .pl-zm-zod) {
  background: radial-gradient(circle at 34% 28%, #3a4890 0, #2b3872 60%, #222d62 100%) !important;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .12), 0 0 0 1.5px rgba(217, 191, 130, .7), 0 2px 8px rgba(0, 0, 0, .35) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .wm-mrow small { color: #c9cbe3; }

/* ── 2 · разделите: плюшът на „Тайните“ / „Моите хора“ като на другите; броят нощем — хапче ── */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .sec-head .sec-n { background: #4a2a44 !important; color: #ffd0e1 !important; }

/* ── 3 · „Банята като храм“: стъпките — кремав лист, иконка в своя колона, четим текст ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .sp-trick {
  align-items: center; gap: 12px; padding: 11px 14px 11px 12px; border-radius: 16px;
  background: #fffdf9; box-shadow: inset 0 0 0 1px #f1e4d9, 0 2px 6px rgba(110, 76, 52, .06);
}
html body #roomOverlay .ro-panel.ro-rose #roRoom .sp-trick > span:first-child { flex: none; display: grid; place-items: center; width: 38px; height: 38px; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .sp-trick > span:first-child > .pl-em.pl-pl { width: 38px !important; height: 38px !important; margin: 0 !important; vertical-align: 0 !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .sp-trick strong { font-size: 15px !important; font-weight: 800; line-height: 1.3; color: #1d2a5c; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .sp-trick small { display: block; margin-top: 2px; font-size: 13.5px !important; font-weight: 600; line-height: 1.45; opacity: 1 !important; color: #5d596f; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .sp-trick { background: #2b3872; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .sp-trick strong { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .sp-trick small { color: #c9cbe3; }

/* ── 4 · „Моят преглед“: кръгче | текст (пречупва се в своята колона); нощем — златен ръб ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-sent .jr-win {
  display: grid !important; grid-template-columns: 26px minmax(0, 1fr); column-gap: 12px; align-items: center;
  padding: 12px 14px !important; font-size: 15px; font-weight: 700; line-height: 1.4; text-align: left;
}
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-sent .jr-win > .jr-check { grid-column: 1; width: 26px; height: 26px; font-size: 14px; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .jr-check { background: #1b2554; box-shadow: inset 0 0 0 2px rgba(217, 191, 130, .85); color: #9fe3c6; }

/* ── 5 · „Невидимият товар“: въпросът на цял ред, трите отговора — три равни колони ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .ld-row { grid-template-columns: minmax(0, 1fr) !important; row-gap: 9px; padding: 12px !important; margin-top: 8px; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .ld-t { font-size: 15px; font-weight: 800; line-height: 1.35; color: #1d2a5c; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .ld-row .ct-btns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .ld-row .ct-b { min-width: 0; width: 100%; padding: 6px 4px; font-size: 14px; white-space: nowrap; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .ld-out {
  padding: 12px 14px; border: 0; border-radius: 16px; background: #fffdf9; color: #3b3f5c;
  box-shadow: inset 0 0 0 1px #f1e4d9, inset 3px 0 0 #e3c39c;
}
html body #roomOverlay .ro-panel.ro-rose #roRoom .ld-out strong { color: #a92f63; font-family: Nunito, Nunito-fallback, system-ui, sans-serif; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .ld-t { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .ld-out { background: #2b3872; color: #e8e9f5; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), inset 3px 0 0 #d9bf82; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .ld-out strong { color: #f59cbb; }

/* ── 6 · полетата за писане — на цялата ширина на картата („Как роди“ беше 195 px) ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card textarea.jr-note { display: block; width: 100% !important; max-width: 100%; box-sizing: border-box; }

/* ── 7 · „Комплиментите“: „какво ти казаха…“ на цял ред, „кой“ + „+“ под него ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-addrow:has(> .wm-who) { flex-wrap: wrap; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-addrow:has(> .wm-who) > .jr-word:not(.wm-who) { flex: 1 1 100%; min-width: 0; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-addrow:has(> .wm-who) > .wm-who { flex: 1 1 0; min-width: 0; }

/* ── 8 · „Гардеробът СЕГА“: редове иконка · име · поле ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-sizes { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 10px; }
html body #roomOverlay .ro-panel.ro-rose #roRoom label.wm-size {
  display: grid; grid-template-columns: 38px minmax(0, 1fr) minmax(0, 132px); column-gap: 12px; align-items: center; margin: 0;
  padding: 6px 6px 6px 10px; border-radius: 16px; background: #fffdf9; box-shadow: inset 0 0 0 1px #f1e4d9;
}
html body #roomOverlay .ro-panel.ro-rose #roRoom label.wm-size > span:first-child { display: grid; place-items: center; width: 38px; height: 38px; }
html body #roomOverlay .ro-panel.ro-rose #roRoom label.wm-size > span:first-child > .pl-em.pl-pl { width: 36px !important; height: 36px !important; margin: 0 !important; vertical-align: 0 !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom label.wm-size > small { font-size: 15px !important; font-weight: 800; line-height: 1.2; opacity: 1 !important; color: #1d2a5c; }
html body #roomOverlay .ro-panel.ro-rose #roRoom label.wm-size > .jr-word { width: 100%; min-width: 0; margin: 0 !important; text-align: center; font-weight: 800; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom label.wm-size { background: #2b3872; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom label.wm-size > small { color: #fff; }

/* ── 9 · иконка + текст: иконката в своя колона, на височината на текста ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-lock {
  display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; align-items: center; margin: 8px 0 4px;
  padding: 12px 14px; border-radius: 18px; background: #fffdf9; box-shadow: inset 0 0 0 1px #f1e4d9, inset 3px 0 0 #e3c39c;
}
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-lock > span:first-child { display: grid; place-items: center; width: 48px; height: 48px; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-lock > span:first-child > .pl-em.pl-pl { width: 46px !important; height: 46px !important; margin: 0 !important; vertical-align: 0 !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-lock > p { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.45; color: #1d2a5c; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-lock > p strong { color: #a92f63; }
html body #roomOverlay .ro-panel.ro-rose #roRoom :is(p.wm-micro, p.wm-qme) {
  display: flex; align-items: flex-start; gap: 12px; margin: 8px 0 10px !important; padding: 12px 14px !important; border-radius: 16px;
  font-size: 16px !important; font-weight: 700; line-height: 1.45; color: #1d2a5c;
  background: #fffdf9; box-shadow: inset 0 0 0 1px #f1e4d9, inset 3px 0 0 #e3c39c;
}
html body #roomOverlay .ro-panel.ro-rose #roRoom :is(p.wm-micro, p.wm-qme) > .pl-em.pl-pl { flex: none; width: 32px !important; height: 32px !important; margin: -3px 0 0 !important; vertical-align: 0 !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom p.wm-qt:has(> .pl-em:first-child) { display: flex; align-items: center; gap: 9px; font-weight: 800; color: #1d2a5c; }
html body #roomOverlay .ro-panel.ro-rose #roRoom p.wm-qt > .pl-em.pl-pl:first-child { flex: none; width: 30px !important; height: 30px !important; margin: 0 !important; vertical-align: 0 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom :is(.wm-lock, p.wm-micro, p.wm-qme) { background: #2b3872; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), inset 3px 0 0 #d9bf82; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom :is(.wm-lock > p, p.wm-micro, p.wm-qme, p.wm-qt) { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .wm-lock > p strong { color: #f59cbb; }

/* ── 10 · details.cm-row: мека стрелка вдясно, обръща се при отваряне ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card details.cm-row > summary { list-style: none; gap: 10px; cursor: pointer; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card details.cm-row > summary::-webkit-details-marker { display: none; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card details.cm-row > summary::after {
  content: ''; flex: none; margin-left: auto; 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-rose #roRoom .jr-card details.cm-row[open] > summary::after { transform: rotate(180deg); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card details.cm-row > summary::after {
  background-color: rgba(255, 255, 255, .1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e9f5' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion: reduce) { html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card details.cm-row > summary::after { transition: none; } }

/* ── 11 · „0800 18 676“ на един ред (обяснението под него се пренася само) ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-sosb { white-space: nowrap; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-sosb small { white-space: normal; font-size: 12.5px; line-height: 1.35; }
/* иконката стърчеше през левия ръб на бутона (−.35em от pl-em) */
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-sosb > .pl-em.pl-pl { flex: none; margin: 0 !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-sosb.wm-sosb-soft { justify-content: flex-start; gap: 10px; padding: 8px 14px; border-radius: 16px; }
/* нощем редовете на „Невидимият товар“ бяха почти черни кутии — нощно стъкло като другите редове */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .ld-row { background: rgba(255, 255, 255, .05) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }

/* ── 12 · четим текст: въведенията и бележките ≥ 13 px, чиповете на Ния 13 px ── */
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .jr-privacy { font-size: 13px !important; line-height: 1.5; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .ask-chip { font-size: 13px !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .wm-q { opacity: 1; font-size: 14.5px; color: #3b3f5c; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .wm-q { color: #e8e9f5; }
/* мерено след първия проход (zm20_D_L.log, getComputedStyle): копчетата .jr-chip 12.5 px, бележките .lb-kind
   12.5 px, идеите .nl-idea 12.5 px, „Кога последно“ — подредът 12 px с opacity .7 (4.28:1) и „днес ✔“ 12 px,
   „Косата ми пада“ .hr-k 12.5 px, CV-то — уменията 12 px, „Пиши ми за ТЕБ“ 12.5 px.
   (Редът под „Чаша вода“ остава 12.5 px: на 13 px „една“ падаше сама на втори ред — снимка zm20_sled_L_01.) */
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card :is(.jr-chip:not(.pl-zm-plus), .nl-idea) { font-size: 13.5px !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .lb-kind { font-size: 13px !important; line-height: 1.5; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .wm-lt small { font-size: 13px !important; opacity: 1 !important; color: #5d596f !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .wm-lb { font-size: 13px !important; opacity: 1 !important; font-weight: 800; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .hr-k { font-size: 13.5px !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card :is(.jr-win, .wm-cvrow) small { font-size: 13px !important; opacity: 1 !important; }
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .wm-cvrow .jr-check { width: 26px; height: 26px; font-size: 14px; }
/* „Едно намигане от небето…“ (.wm-sign) — беше сливово #6b3a5e курсив 11.5 px */
html body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .wm-sign { font-size: 13px !important; color: #6a6682 !important; opacity: 1 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .wm-sign { color: #c9cbe3 !important; }
/* нощем (мерено zm20_D_D.log): „на линия“ 10.5 px, броят на раздела 9.5 px, „Дели се…“ в обобщението 4.25:1 */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .ask-live { font-size: 11.5px !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .sec-head .sec-n { font-size: 12px !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .ld-out .jr-privacy { color: #d6d8ee !important; }
/* дишането (06.10 · 5): при „Вдишай/Задръж“ кръгът расте 1.7× (mega.css:1047) — 272 px върху 160 px място —
   и покриваше „кръг 1 от 4“ (снимка zm20_INT_L.png: броенето го няма, кръгът опира в „Затвори“).
   Мястото около кръга става колкото порасналия кръг. */
#breathOverlay.pl-zm-dah #brCircle { margin: 60px auto 78px !important; }
#breathOverlay.pl-zm-dah .br-count { position: relative; z-index: 1; min-height: 1.3em; margin: 0 0 18px; letter-spacing: .2px; }
/* „Ти днес“: плюшената фигура беше 25×66 — свита от текста до нея (razpyani.js) → кръг 64 px, не се свива */
html body #roomOverlay .ro-panel.ro-rose #roRoom .pg20-top > .pg20-fruit.pl-pl { flex: none !important; aspect-ratio: 1 / 1; }
/* нощем „Слез долу за твоите кътчета…“ (.pg20-do) стоеше в сива плоска кутия (zm20_sled_D_02) → нощно стъкло */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .pg20-hero .pg20-do {
  background: rgba(255, 255, 255, .06) !important; border-color: rgba(217, 191, 130, .35) !important; color: #e8e9f5 !important;
}
html body #roomOverlay .ro-panel.ro-rose #roRoom .ask-line { font-size: 13px !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-rose #roRoom .jr-card .wm-lt small { color: #c9cbe3 !important; }
/* край 20.10 */