/* ═══════════════════════════════════════════════════════════════════════════════
   🧰 „МАЛКИ ПОМОЩНИЦИ“ · стаята „Инструменти“ (референция 14 на собственика, 22.09.2026)
   Бяло хапче за търсене върху корниза · ДЪРВЕН шкаф с 6 плюшени пастелни арки в дървени
   отделения (лавица, месингови стълбчета, табелка в месингова рамка) · „Последно използвани“
   на филцов панел (.pl-felt от pl-ui.css), застъпил цокъла на шкафа — като в картината.
   Елементите ги слага js/pl-instrumenti.js (блокът .pl-in веднага под банера .pl-rhero).
   ДЪРВОТО е само CSS (преливки + „влакна“ от повтарящи се тънки ивици) — нито една нова картинка.
   ПЪТ НАЗАД: махни <link href="css/pl-instrumenti.css"> и <script src="js/pl-instrumenti.js">.
   Предишната версия (кремав рафт без дърво): scratchpad/ag2_instrumenti_predi.css.bak
   ═══════════════════════════════════════════════════════════════════════════════ */

#roRoom > .pl-in {
  /* дървото — светъл бряст/бреза от референцията (мерено по пиксели: #f0dcc0 лице, #e1b186 рамка, #b17a51 ръб) */
  --w-face: #f0d8b6; --w-mid: #e5c398;
  --w-grain-v: repeating-linear-gradient(90deg, rgba(150, 100, 55, .08) 0 1px, transparent 1px 6px),
               repeating-linear-gradient(91deg, rgba(255, 255, 255, .16) 0 2px, transparent 2px 13px),
               repeating-linear-gradient(89deg, rgba(150, 100, 55, .06) 0 3px, transparent 3px 29px);
  --w-grain-h: repeating-linear-gradient(0deg, rgba(150, 100, 55, .08) 0 1px, transparent 1px 4px),
               repeating-linear-gradient(1deg, rgba(255, 255, 255, .18) 0 1px, transparent 1px 7px);
  --brass: linear-gradient(180deg, #fbeab8 0, #e2b965 38%, #b3802f 62%, #eccb85 100%);
  /* 🪤 #roRoom е flex контейнер с фиксирана височина — без flex:none блокът се свива */
  flex: none;
  margin: 10px 0 6px;
  color: var(--pl-ink, #3b3f5c);
  font-family: Nunito, Nunito-fallback, system-ui, sans-serif;
}

/* старото поле на polish.js се крие САМО когато новото хапче е до него (то му препраща всичко) */
#roRoom > .pl-in ~ .sec-nav .sec-find { display: none !important; }

/* ── 🔍 хапчето „Намери инструмент“ — бяло, с кремав кант, легнало върху корниза на шкафа ── */
.pl-in-find {
  position: relative; z-index: 3;
  display: flex; align-items: center; gap: 12px;
  min-height: 56px; margin: 0 10px -28px; padding: 0 8px 0 20px;
  border: 1.5px solid #e8d4bd; border-radius: 999px;
  background: #fffefb linear-gradient(180deg, #ffffff 0, #fffaf4 100%);
  box-shadow: 0 0 0 4px rgba(255, 250, 243, .92), 0 0 0 5.5px rgba(206, 170, 128, .55),
              inset 0 2px 5px rgba(170, 118, 118, .07), 0 10px 22px rgba(110, 76, 52, .22);
  cursor: text;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.pl-in-find:focus-within { border-color: var(--pl-pink-2, #f59cbb); box-shadow: 0 0 0 4px rgba(229, 109, 153, .2), 0 10px 22px rgba(110, 76, 52, .22); }
.pl-in-find svg { flex: none; width: 26px; height: 26px; fill: none; stroke: var(--pl-navy, #1d2a5c); stroke-width: 2.2; stroke-linecap: round; }
/* полето е САМО текстът в хапчето; капсулата е хапчето — затова без рамка/сянка */
.pl-in-find input {
  flex: 1 1 auto; min-width: 0; min-height: 52px;
  border: 0; outline: none; background: transparent; box-shadow: none;
  font: 600 17px/1.2 Nunito, Nunito-fallback, system-ui, sans-serif;   /* ≥16px — iOS не мащабира */
  color: var(--pl-navy, #1d2a5c);
  -webkit-appearance: none; appearance: none;
}
.pl-in-find input::placeholder { color: #5a5670; opacity: 1; }
.pl-in-find input::-webkit-search-cancel-button { cursor: pointer; }
.pl-in-none { position: relative; z-index: 2; margin: 10px 6px 0; padding: 12px 14px; border-radius: 18px; background: rgba(255, 250, 243, .96); box-shadow: 0 6px 16px rgba(110, 76, 52, .14); font-size: 14.5px; font-weight: 700; line-height: 1.4; color: var(--pl-ink, #3b3f5c); }
.pl-in-none:empty { display: none; }

/* докато се търси — шкафът и „последните“ се прибират, резултатите идват веднага под хапчето */
.pl-in.pl-in-q .pl-in-shelf, .pl-in.pl-in-q .pl-in-last { display: none; }
.pl-in.pl-in-q .pl-in-find { margin-bottom: 0; }

/* ── 🪵 шкафът: корниз (под хапчето) · страници · вертикална дъска между колоните · цокъл ── */
.pl-in-shelf {
  position: relative; z-index: 1;
  padding: 42px 10px 16px;
  border-radius: 26px 26px 14px 14px;
  background-color: var(--w-mid);
  background-image: var(--w-grain-v),
    linear-gradient(90deg, #d6ae7e 0, var(--w-face) 7%, #ecd2ae 50%, var(--w-face) 93%, #d6ae7e 100%);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .65), inset 0 -4px 0 rgba(150, 105, 60, .35),
              inset 0 0 0 1px rgba(160, 112, 64, .35), 0 18px 34px rgba(110, 76, 52, .28), 0 4px 10px rgba(110, 76, 52, .14);
}
/* корнизът — по-светла дъска с кант, върху която ляга хапчето */
.pl-in-shelf::before {
  content: ''; position: absolute; left: 0; right: 0; top: 0; height: 30px; border-radius: 26px 26px 6px 6px; pointer-events: none;
  background-image: var(--w-grain-h), linear-gradient(180deg, #fbf0de 0, var(--w-face) 45%, #e6c79d 100%);
  box-shadow: 0 3px 4px rgba(110, 76, 52, .22), inset 0 1.5px 0 #fff;
}
.pl-in-shelf[hidden] { display: none; }
.pl-in-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
/* самотна последна арка (нечетен брой) — в средата, не залепена вляво */
.pl-in-grid > .pl-in-arch:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center; }

/* ── едно отделение: вдлъбнат гръб · плюшена арка · табелка · лавица отдолу ── */
.pl-in-arch {
  --a-in: #fdecef; --a-in2: #eeb5c0; --a-fr: #f0b2c4;
  position: relative;
  display: flex; flex-direction: column; align-items: stretch;
  min-height: 140px; padding: 6px 5px 11px;         /* 11px = дебелината на лавицата */
  border: 0; border-radius: 8px 8px 0 0; cursor: pointer;
  background-color: #ecd3b0;
  background-image: linear-gradient(180deg, #e3c59c 0, #efdbbe 26%, #f3e3ca 100%);
  box-shadow: inset 0 11px 10px -7px rgba(110, 72, 36, .42), inset 8px 0 9px -7px rgba(110, 72, 36, .30), inset -8px 0 9px -7px rgba(110, 72, 36, .30);
  font: inherit; color: var(--pl-navy, #1d2a5c);
  -webkit-tap-highlight-color: transparent;
}
.pl-in-arch::after {       /* лавицата: светъл горен кант, лице с хоризонтални влакна, сянка отдолу */
  content: ''; position: absolute; left: -6px; right: -6px; bottom: 0; height: 11px; z-index: 0; pointer-events: none;
  background-image: var(--w-grain-h), linear-gradient(180deg, #fdf3e2 0, #fdf3e2 2px, #efd6b2 3px, #e2c193 70%, #c99d6c 100%);
  box-shadow: 0 3px 4px rgba(110, 76, 52, .28);
}
.pl-in-arch:focus-visible { outline: 3px solid var(--pl-pink, #e56d99); outline-offset: -3px; }

/* арката — плюшена пастелна рамка с блик отгоре (само горе и отстрани; долу стъпва на лавицата) */
.pl-in-a {
  position: relative; z-index: 1;
  display: block; height: 124px; padding: 8px 8px 0;
  border-radius: 36% 36% 6px 6px / 42% 42% 6px 6px;
  background-color: var(--a-fr);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .55) 0, rgba(255, 255, 255, .16) 16%, rgba(255, 255, 255, 0) 38%, rgba(90, 40, 40, .07) 100%),
                    url(../img/art/felt.webp);
  background-size: 100% 100%, 120px 120px; background-blend-mode: normal, multiply;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(0, 0, 0, .05), 0 4px 7px rgba(110, 72, 36, .30);
  transition: transform .14s ease;
}
/* гърбът на арката — по-тъмен пастел с „осветен“ център, в който стоят фигурите */
.pl-in-in {
  position: relative; display: block; height: 100%;
  border-radius: 33% 33% 3px 3px / 40% 40% 3px 3px;
  /* два „светли петна“ точно зад двете фигури — стените остават наситени като в картината,
     а бялото на фигурите (листът, метърът) не потъва в пастела при multiply */
  background: linear-gradient(180deg, rgba(80, 40, 50, .10) 0, rgba(80, 40, 50, 0) 42%),
              radial-gradient(40% 44% at 70% 56%, var(--a-in) 0, var(--a-in) 48%, rgba(255, 255, 255, 0) 100%),
              radial-gradient(26% 30% at 20% 64%, var(--a-in) 0, var(--a-in) 40%, rgba(255, 255, 255, 0) 100%);
  background-color: var(--a-in2);
  box-shadow: inset 0 8px 12px -4px rgba(90, 50, 40, .30), inset 0 0 0 1px rgba(0, 0, 0, .05), 0 0 0 1.5px rgba(255, 255, 255, .35);
  overflow: hidden;
}
/* малката лавичка в арката, на която стъпват фигурите */
.pl-in-in::after {
  content: ''; position: absolute; left: 5%; right: 5%; bottom: 34px; height: 7px; border-radius: 3px;
  background-image: var(--w-grain-h), linear-gradient(180deg, #fbefdc 0, #ead0a9 45%, #cfa676 100%);
  box-shadow: 0 2px 3px rgba(90, 50, 40, .25);
}
/* месинговите стълбчета отстрани — с топче отгоре (референцията: табелката е „в парапет“) */
.pl-in-a::before, .pl-in-a::after {
  content: ''; position: absolute; z-index: 2; bottom: 16px; width: 10px; height: 50%; pointer-events: none;
  background:
    radial-gradient(circle at 50% 5px, #fff6d6 0 1.2px, #e8c070 2.2px, #a8762b 4.6px, transparent 5.2px) 0 0 / 10px 10px no-repeat,
    linear-gradient(90deg, #9c6c26 0, #f6dc98 45%, #d4a24b 70%, #9c6c26 100%) 3px 8px / 4px calc(100% - 8px) no-repeat;
  filter: drop-shadow(0 1px 1px rgba(90, 50, 20, .35));
}
.pl-in-a::before { left: 5px; }
.pl-in-a::after { right: 5px; }

/* плюшените фигури: спрайт 4×4 с бял фон — multiply го „разтапя“ в пастела */
.pl-in-ico, .pl-in-ico2 {
  position: absolute; z-index: 1; display: block;
  background-repeat: no-repeat; background-size: 400% 400%;
  mix-blend-mode: multiply;
}
.pl-in-ico  { width: 90px; height: 90px; right: 0; bottom: 30px; }
.pl-in-ico2 { width: 56px; height: 56px; left: 0; bottom: 35px; }

/* табелката — кремава плочка в месингова рамка, стъпила на лавицата */
.pl-in-l {
  position: relative; z-index: 3;
  display: flex; align-items: center; justify-content: center;
  min-height: 38px; margin: -40px 1px 2px; padding: 0 24px 0 12px;
  border: 2.5px solid transparent; border-radius: 14px;
  background-color: #fdf5e8;                             /* за четците/одита — същият като плочката */
  background-image: linear-gradient(180deg, #fffcf5 0, #fbf0df 100%), var(--brass);
  background-origin: padding-box, border-box; background-clip: padding-box, border-box;
  box-shadow: inset 0 1.5px 0 #fff, 0 3px 6px rgba(90, 58, 26, .32);
  font-family: var(--pl-serif, Georgia, 'Noto Serif', serif); font-weight: 700; font-size: 17px; line-height: 1.1;
  color: var(--pl-navy, #1d2a5c); white-space: nowrap;
  transition: transform .14s ease;
}
.pl-in-l em {
  position: absolute; right: 9px; top: 50%; transform: translateY(-54%);
  font: 800 20px/1 Nunito, Nunito-fallback, system-ui, sans-serif; font-style: normal; color: var(--pl-navy, #1d2a5c);
}
/* натискане: арката и табелката потъват с 2px, лавицата и шкафът не мърдат */
.pl-in-arch:active .pl-in-a, .pl-in-arch:active .pl-in-l { transform: translateY(2px); }
.pl-in-arch:active .pl-in-l { box-shadow: inset 0 1.5px 0 #fff, 0 1px 2px rgba(90, 58, 26, .3); }

/* пастелите — по СМИСЪЛ, както в картината: таймер розово · календар синьо · списъци мента ·
   мерки корал · имена люляк · чанта синьо (резервните — праскова/розово/мента) */
.pl-in-arch[data-k="Таймер"]    { --a-in: #fdecef; --a-in2: #e4a2b0; --a-fr: #efacbf; }
.pl-in-arch[data-k="Календар"]  { --a-in: #eef4fd; --a-in2: #abc6ec; --a-fr: #a0bfeb; }
.pl-in-arch[data-k="Списъци"]   { --a-in: #eaf7f2; --a-in2: #9fd3c4; --a-fr: #8ccbba; }
.pl-in-arch[data-k="Мерки"]     { --a-in: #fdeeed; --a-in2: #eaa9b0; --a-fr: #eca3ad; }
.pl-in-arch[data-k="Имена"]     { --a-in: #f4effc; --a-in2: #c7b6ec; --a-fr: #bca8e5; }
.pl-in-arch[data-k="Чанта"]     { --a-in: #ecf4fc; --a-in2: #a8c7e9; --a-fr: #99bce3; }
.pl-in-arch[data-k="Лампа"]     { --a-in: #fff6e6; --a-in2: #efc98c; --a-fr: #efc27d; }
.pl-in-arch[data-k="Подаръци"]  { --a-in: #fdecef; --a-in2: #e4a2b0; --a-fr: #efacbf; }
.pl-in-arch[data-k="Документи"] { --a-in: #eaf7f2; --a-in2: #9fd3c4; --a-fr: #8ccbba; }

/* ── 🕘 „Последно използвани“ — филцов панел (.pl-felt), застъпил цокъла на шкафа ── */
html body .pl-in-last.pl-in-last {
  z-index: 2;
  margin: -8px 4px 0;
  padding: 16px 14px 14px;
}
.pl-in-lh {
  position: relative; z-index: 1;
  display: flex; align-items: center; gap: 10px;
  margin: 0 2px 6px;
  font-family: var(--pl-serif, Georgia, 'Noto Serif', serif); font-weight: 700; font-size: 19px; line-height: 1.2;
  color: var(--pl-navy, #1d2a5c);
}
/* златните линии от двете страни, с точка в края — като в картината */
.pl-in-lh::before { content: ''; flex: 0 0 16px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(200, 160, 100, 0), #c8a064); }
.pl-in-lh::after {
  content: ''; flex: 1 1 auto; height: 6px; min-width: 16px;
  background: radial-gradient(circle at calc(100% - 3px) 50%, #c8a064 0 2.6px, transparent 3px),
              linear-gradient(90deg, #c8a064, #c8a064) 0 50% / calc(100% - 6px) 2px no-repeat;
}
.pl-in-lt { white-space: nowrap; }
.pl-in-clock {
  flex: none; display: grid; place-items: center; width: 34px; height: 34px;
  border-radius: 50%; box-shadow: inset 0 0 0 2px #c8a064;
}
.pl-in-clock svg { width: 22px; height: 22px; fill: none; stroke: #8a6534; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pl-in-rows { position: relative; z-index: 1; }
.pl-in-row {
  display: flex; align-items: center; gap: 12px;
  width: 100%; min-height: 68px; margin: 8px 0 0; padding: 8px 12px 8px 8px;
  border: 0; border-radius: 18px; cursor: pointer;
  background: #fdf6ee; box-shadow: inset 0 0 0 1px #efdfcf, 0 1.5px 0 rgba(203, 176, 150, .55);
  font: inherit; text-align: left; color: var(--pl-navy, #1d2a5c);
  -webkit-tap-highlight-color: transparent;
  transition: transform .14s ease;
}
.pl-in-row:active { transform: translateY(1.5px); }
.pl-in-row:focus-visible { outline: 3px solid var(--pl-pink, #e56d99); outline-offset: 2px; }
.pl-in-ri {
  flex: none; display: grid; place-items: center;
  width: 52px; height: 52px; border-radius: 50%;
  background-color: #fbdbe6;
  box-shadow: inset 0 0 0 1.5px rgba(229, 109, 153, .18);
  font-size: 26px; line-height: 1;
}
.pl-in-ri.has-art { background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply; }
.pl-in-rt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pl-in-rt b {   /* дълго име → на два реда, не „Чанта за разход…“ (видяно на снимка) */
  font-size: 15.5px; font-weight: 800; line-height: 1.2; color: var(--pl-navy, #1d2a5c);
  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: anywhere;
}
.pl-in-rt small { font-size: 13px; font-weight: 700; color: #5d596f; }
/* чипът „8 от 12“ — розово хапче с тъмносини цифри на Nunito (не Georgia: там 0 се чете „о“) */
.pl-in-chip {
  flex: none; padding: 7px 13px; border-radius: 999px;
  background: #fbdbe6; color: var(--pl-navy, #1d2a5c);
  font: 800 13.5px/1 Nunito, Nunito-fallback, system-ui, sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.pl-in-row > em { flex: none; font: 800 22px/1 Nunito, Nunito-fallback, system-ui, sans-serif; font-style: normal; color: var(--pl-navy, #1d2a5c); }
.pl-in-empty {
  display: flex; align-items: center; gap: 12px;
  margin: 8px 0 0; padding: 8px 12px 8px 8px; border-radius: 18px;
  background: #fdf6ee; box-shadow: inset 0 0 0 1px #efdfcf;
  font-size: 14px; font-weight: 700; line-height: 1.4; color: #5d596f;
}

/* ═══ 🌙 НОЩ — същият шкаф в нощна стая: тъмно орехово дърво, арките приглушени,
   фигурите върху бял кръг (multiply върху тъмно ги изгася) ═══ */
html[data-theme="dark"] #roRoom > .pl-in { color: #e8e9f5; }
html[data-theme="dark"] .pl-in-find {
  background: #232f63; border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 0 0 4px rgba(35, 47, 99, .6), 0 0 0 5.5px rgba(210, 170, 120, .35), 0 10px 22px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] .pl-in-find:focus-within { border-color: rgba(245, 156, 187, .7); box-shadow: 0 0 0 4px rgba(245, 156, 187, .22), 0 10px 22px rgba(0, 0, 0, .35); }
html[data-theme="dark"] .pl-in-find svg { stroke: #e3e5f5; }
html[data-theme="dark"] .pl-in-find input { color: #fff; }
html[data-theme="dark"] .pl-in-find input::placeholder { color: #c9cbe3; }
html[data-theme="dark"] .pl-in-none { background: #232f63; color: #e3e5f5; box-shadow: 0 6px 16px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-in-shelf {
  background-color: #4f3f3a;
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, .12) 0 1px, transparent 1px 6px),
                    repeating-linear-gradient(91deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 13px),
                    linear-gradient(90deg, #45352f 0, #5e4a42 7%, #574540 50%, #5e4a42 93%, #45352f 100%);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .12), inset 0 -4px 0 rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(0, 0, 0, .3), 0 18px 34px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] .pl-in-shelf::before {
  background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, .12) 0 1px, transparent 1px 4px), linear-gradient(180deg, #7a6356 0, #624e45 45%, #4c3c36 100%);
  box-shadow: 0 3px 4px rgba(0, 0, 0, .35), inset 0 1.5px 0 rgba(255, 255, 255, .18);
}
html[data-theme="dark"] .pl-in-arch {
  background-color: #33294a;
  background-image: linear-gradient(180deg, #2b2340 0, #3a2f52 30%, #41355a 100%);
  box-shadow: inset 0 11px 10px -7px rgba(0, 0, 0, .55), inset 8px 0 9px -7px rgba(0, 0, 0, .4), inset -8px 0 9px -7px rgba(0, 0, 0, .4);
  color: #fff;
}
html[data-theme="dark"] .pl-in-arch::after {
  background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, .12) 0 1px, transparent 1px 4px), linear-gradient(180deg, #8c7263 0, #8c7263 2px, #6d5749 3px, #5a463b 70%, #45352e 100%);
  box-shadow: 0 3px 4px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] .pl-in-a {
  background-color: #5a5f8f;                                         /* резерва без color-mix (стар WebView) */
  background-color: color-mix(in srgb, var(--a-fr) 52%, #28305f);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .28) 0, rgba(255, 255, 255, .06) 16%, rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, .12) 100%), url(../img/art/felt.webp);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .3), 0 4px 7px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] .pl-in-in {
  background: #353d70;
  background: radial-gradient(85% 78% at 56% 44%, color-mix(in srgb, var(--a-in2) 40%, #2f3868) 0, color-mix(in srgb, var(--a-in2) 20%, #1f2752) 100%);
  box-shadow: inset 0 8px 12px -4px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] .pl-in-in::after {
  background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, .12) 0 1px, transparent 1px 4px), linear-gradient(180deg, #8c7263 0, #6d5749 45%, #4f3d33 100%);
}
/* нощем фигурите стоят върху бял кръг (правилото на плюшените иконки) */
html[data-theme="dark"] .pl-in-ico, html[data-theme="dark"] .pl-in-ico2 {
  mix-blend-mode: normal; background-color: #fff; border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .16), 0 3px 6px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] .pl-in-ico  { width: 70px; height: 70px; right: 4px; bottom: 40px; }
html[data-theme="dark"] .pl-in-ico2 { width: 44px; height: 44px; left: 4px; bottom: 42px; }
html[data-theme="dark"] .pl-in-l {
  background-color: #26336b;
  background-image: linear-gradient(180deg, #2e3b78 0, #26336b 100%), linear-gradient(180deg, #d9bb7a 0, #a78443 50%, #7c5f2b 60%, #c9a865 100%);
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .12), 0 3px 6px rgba(0, 0, 0, .45);
  color: #fff;
}
html[data-theme="dark"] .pl-in-l em { color: #fff; }
html[data-theme="dark"] .pl-in-lh { color: #fff; }
html[data-theme="dark"] .pl-in-lh::before { background: linear-gradient(90deg, rgba(240, 210, 160, 0), rgba(240, 210, 160, .7)); }
html[data-theme="dark"] .pl-in-lh::after {
  background: radial-gradient(circle at calc(100% - 3px) 50%, rgba(240, 210, 160, .8) 0 2.6px, transparent 3px),
              linear-gradient(90deg, rgba(240, 210, 160, .7), rgba(240, 210, 160, .7)) 0 50% / calc(100% - 6px) 2px no-repeat;
}
html[data-theme="dark"] .pl-in-clock { box-shadow: inset 0 0 0 2px rgba(240, 210, 160, .7); }
html[data-theme="dark"] .pl-in-clock svg { stroke: #f0d2a0; }
html[data-theme="dark"] .pl-in-row, html[data-theme="dark"] .pl-in-empty { background: #2e3b78; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 1.5px 0 #18214a; color: #fff; }
html[data-theme="dark"] .pl-in-ri { background-color: #fff; }
html[data-theme="dark"] .pl-in-ri.has-art { background-blend-mode: normal; }
html[data-theme="dark"] .pl-in-rt b, html[data-theme="dark"] .pl-in-row > em { color: #fff; }
html[data-theme="dark"] .pl-in-rt small, html[data-theme="dark"] .pl-in-empty { color: #d6d8ee; }
html[data-theme="dark"] .pl-in-chip { background: #5a2c55; color: #ffe1ec; }

@media (prefers-reduced-motion: reduce) {
  .pl-in-a, .pl-in-l, .pl-in-row, .pl-in-find { transition: none; }
}

/* тесен телефон (320–360px): табелката не бива да излиза от арката */
@media (max-width: 360px) {
  .pl-in-l { font-size: 15px; padding: 0 20px 0 8px; }
  .pl-in-l em { right: 7px; font-size: 18px; }
  .pl-in-ico { width: 78px; height: 78px; }
  .pl-in-ico2 { width: 48px; height: 48px; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   06.10 · ДОВЪРШВАНЕ НА СТАЯТА „ИНСТРУМЕНТИ“ (картите под шкафа)
   МЕРЕНО в тази сесия (scratchpad: in_lil_s.out.txt / in_lil_t.out.txt — ловец на лилаво по
   getComputedStyle; in_dom2/in_dom3.out.txt — структурата; снимки snimki/in_svetla_*, in_tamna_*,
   in_predi_t_*, in_predi_s_*):
     1 · ДВОЙНА ИКОНКА: медалът .jr-medal.pl-pl носи рисунката, а ВЪТРЕ стои второ .pl-em със
         същата — два изместени кръга във ВСЯКО заглавие; в „Каквото ти трябва сега“ вътрешното
         зъбно колело е 82×82 с margin −18px и излиза през левия ръб на картата.
         Вътрешното се скрива визуално (буквата остава — стар код сравнява заглавия).
     2 · ЗАГЛАВИЕ ПОД ИКОНАТА: „Какво пази приложението“ (230 px) не се събира до медала в
         flex реда (pl-ui.css 06.10) и пада ЦЯЛО под него. Тук — решетка: медал | текст, текстът
         се пречупва в своята колона, подзаглавието е на цял ред.
     3 · СТАР СТИЛ (лилаво): ключетата в „Настройки“ — градиент #f7a8cb→#b9a7e0 и #e3ddef;
         ±-бутоните в „Гардеробчето“ #f0eaf8 на Arial; кантът на „Документите“ #e8e0ea;
         стрелките в „Речник“ #6f5fa8 и в „Конвертори“ #b9a7e0; чертата до заглавията на
         разделите #e7dcf3; броячът на раздела нощем #3a3355 и 9.5 px.
     4 · НОЩ: редовете на чеклистите #342f4e, кръгчетата #221d36 (почти невидими), речникът,
         документите, гардеробът, „Какво предстои“ и таблиците в „Конвертори“ #241f38 —
         лилаво-черно вместо нощно синьо; бележникът на редове #221d36/#2a2440;
         вторичният текст #a49dbb; бежова черта под всеки ред (сянката на дневната тема).
     5 · „Печатаемата кутия“: рисунката (37 px в кутия 40 px) лягаше върху името;
         „Бременност/Захранване…“ отдолу беше 10 px.
     6 · ГОЛИ ЕМОДЖИ: ⬇️/⬆️ в „Свали копие“/„Възстанови от файл“ (pl-plyush няма рисунка →
         data-pl-pl="0", синьо системно квадратче) — тук чиста стрелка в бял кръг;
         🇧🇬 до „Наръчник и документи“ и 💾 в бележката на „Настройки“ ги облича
         js/pl-instrumenti.js (същия лист и клетка като плочката/медала им).
   Обхват: само тази стая — картите по data-blkey „Инструменти|…“, а разделите и „героят“
   само когато шкафът .pl-in е до тях (той се слага само тук).
   ПЪТ НАЗАД: махни този блок (до „край 06.10“). Копие преди: scratchpad/in_predi_0610.css
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 1 · една рисунка в медала и в кръга на „Каквото ти трябва сега“ */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .jr-medal.pl-pl { position: relative; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .jr-medal.pl-pl > .pl-em,
html body #roomOverlay #roRoom > .pl-in ~ .pg20-hero .pg20-fruit.pl-pl > .pl-em {
  position: absolute !important; left: 0 !important; top: 0 !important;
  width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
  clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important;
  box-shadow: none !important; border: 0 !important;
}
html body #roomOverlay #roRoom > .pl-in ~ .pg20-hero .pg20-fruit.pl-pl { position: relative; flex: none; }

/* 2 · заглавието до медала, не под него */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] > h4.jr-title:has(> .jr-medal) {
  display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 9px; row-gap: 2px;
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] > h4.jr-title:has(> .jr-medal) > .jr-medal { grid-column: 1; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] > h4.jr-title:has(> .jr-medal) > .jr-sub { grid-column: 1 / -1; }

/* бележката в „Каквото ти трябва сега“ — кремава плочка със златен кант, не жълта кутия с пунктир */
html body #roomOverlay #roRoom > .pl-in ~ .pg20-hero .pg20-do {
  background: #fff8ec !important; border: 1px solid #ecd6b8 !important; border-radius: 16px !important;
  color: var(--pl-ink, #3b3f5c) !important; font-size: 13.5px; line-height: 1.45;
}

/* 3 · разделите: броячът ≥ 12 px и тъмна роза (#8e2350 върху #fde6ef = 7.08:1, сметнато в pl-hranene.css);
       чертата до заглавието — златна, не лилава */
html body #roomOverlay #roRoom > .pl-in ~ .sec-head .sec-n {
  font: 800 12px/1.35 Nunito, Nunito-fallback, system-ui, sans-serif !important; padding: 2px 8px !important;
  background: #fde6ef !important; color: #8e2350 !important;
}
html body #roomOverlay #roRoom > .pl-in ~ .sec-head::after { background: linear-gradient(90deg, #e3c39c, rgba(227, 195, 156, 0)) !important; }

/* ключетата в „Настройки“ — кремав улей, включеното е розов гел */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .set-dot {
  background: #efe3d8; box-shadow: inset 0 1px 3px rgba(110, 76, 52, .22);
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .set-tgl.on .set-dot {
  background: linear-gradient(180deg, #e56d99, #c9447a); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}

/* ±-бутоните на „Гардеробчето“ — розово хапче с тъмна роза, Nunito */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Гардероб"] .wd-ctl > button {
  border-radius: 50% !important; border: 1.5px solid #f3c6d6 !important;
  background: #fde6ef !important; color: #8e2350 !important;
  font: 800 20px/1 Nunito, Nunito-fallback, system-ui, sans-serif !important;
  box-shadow: inset 0 1px 0 #fff, 0 2px 0 #ecc3d2 !important; cursor: pointer;
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Гардероб"] .wd-ctl > button:active { transform: translateY(1.5px); box-shadow: inset 0 1px 0 #fff, 0 0 0 #ecc3d2 !important; }

/* редовете в „Документите“ — топъл кант; стрелките в речника и конверторите — тъмна роза */
html:not([data-theme="dark"]) body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .qd-row { border-color: #efdccf !important; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .gl-arr,
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .cv-eq { color: #c9447a !important; }

/* 5 · „Печатаемата кутия“: рисунката над името, не върху него; долният ред ≥ 12 px */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .pb-item {
  background: #fffdf9 !important; border: 1px solid #f1e4d9 !important; color: var(--pl-navy, #1d2a5c) !important; gap: 4px;
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .pb-e {
  display: grid !important; place-items: center; width: 44px; height: 44px; margin: 0 auto 4px; font-size: 24px; line-height: 1;
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .pb-e > .pl-em.pl-pl { width: 42px !important; height: 42px !important; margin: 0 !important; vertical-align: 0 !important; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .pb-l { font-size: 13px !important; font-weight: 800; line-height: 1.25; color: var(--pl-navy, #1d2a5c) !important; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .pb-r { font-size: 12px !important; font-weight: 700; color: var(--pl-ink-soft, #6a6682) !important; }

/* 6 · ⬇️/⬆️ без рисунка → стрелка в бял кръг (като стикерите по гел бутоните) */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .jr-btn > .pl-em[data-pl-pl="0"] {
  display: inline-block !important; width: 24px !important; height: 24px !important; vertical-align: middle !important;
  margin: -2px 6px 0 0; border-radius: 50%; overflow: hidden; font-size: 0 !important; line-height: 0;
  color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9447a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5v10M7.5 10.5 12 15l4.5-4.5M6.5 19h11'/%3E%3C/svg%3E") 50% 50% / 70% 70% no-repeat !important;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .9), 0 2px 5px rgba(110, 30, 60, .25) !important;
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .jr-btn.tl-imp > .pl-em[data-pl-pl="0"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9447a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V5M7.5 9.5 12 5l4.5 4.5M6.5 19h11'/%3E%3C/svg%3E") !important;
}

/* ═══ 🌙 НОЩ — нощно синьо вместо лилаво-черно ═══ */
html[data-theme="dark"] body #roomOverlay #roRoom > .pl-in ~ .pg20-hero .pg20-do {
  background: rgba(38, 51, 107, .95) !important; border-color: rgba(227, 195, 156, .4) !important; color: #e3e5f5 !important;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .pl-in ~ .sec-head .sec-n { background: #4a2a44 !important; color: #ffd0e1 !important; }
html[data-theme="dark"] body #roomOverlay #roRoom > .pl-in ~ .sec-head::after { background: linear-gradient(90deg, rgba(227, 195, 156, .55), rgba(227, 195, 156, 0)) !important; }
/* редовете: чеклисти, речник, документи, „Какво предстои“, гардероб, таблици, печатаема кутия */
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] :is(button.jr-win:not([aria-pressed="true"]), .gl-row, .qd-row:not([aria-pressed="true"]), .ev-row, .wd-cell, .cv-tbl, .pb-item) {
  background-color: #26336b !important; border-color: rgba(255, 255, 255, .12) !important; color: #f1f2fb !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 1.5px 0 #18214a !important;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] :is(button.jr-win:not([aria-pressed="true"]), .qd-row:not([aria-pressed="true"])) .jr-check {
  background: #1b2554 !important; box-shadow: inset 0 0 0 2px rgba(201, 203, 227, .7) !important;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] :is(.gl-term, .pb-l, .ev-t, .cv-tbl strong) { color: #fff !important; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] :is(.gl-arr, .cv-eq) { color: #f59cbb !important; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] :is(.jr-sub, .jr-privacy, .bg-lv, .bb-note, .cv-tbl, .ev-t small, .pb-r, .gl-def) { color: #c9cbe3 !important; opacity: 1 !important; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Гардероб"] .wd-ctl > button {
  background: #2b3872 !important; border-color: rgba(255, 255, 255, .18) !important; color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 2px 0 #18214a !important;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .set-dot { background: #1b2554; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .22); }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .set-tgl.on .set-dot { background: linear-gradient(180deg, #e56d99, #c9447a); box-shadow: none; }
/* бележникът на редове — нощно синьо, не лилаво-черно */
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] textarea.jr-paper {
  background-color: #1b2554 !important;
  background-image: repeating-linear-gradient(180deg, #1b2554 0, #1b2554 26px, #2b3872 26px, #2b3872 27px) !important;
}
/* край 06.10 */

/* ═══════════════════════════════════════════════════════════════════════════════
   20.10 · ДОВЪРШВАНЕ ДО ПРЕМИУМ И ПО КОНЕЦ (агентът in20)
   МЕРЕНО в тази сесия (dev/proba/in20_*.js; снимки snimki/in20_A_*, in20_T_N_*, in20_I0_L_*):
     1 · РЕЧНИК: .gl-list е flex колона с max-height, а touch.css дава на .gl-row min-height:44px →
         редовете се СВИВАТ до 44 px: „Себореен дерматит (млечни корички, млечни крусти)“ — 18/38 px
         видими; отвореното значение (63 px) се застъпваше със следващия ред (in20_I0_L_i03).
         Стрелката беше гол ▾ (12 px), лентата за превъртане — лилава #d8cbee / нощем #4a4270,
         в полето за търсене — системна синя 🔍 (махната от js 20.10, тук е SVG лупа).
     2 · НОЩ: включените ключета в „Настройки“ — сливово #5a2c55 (pl-ui.css:425); броячът на
         разделите — сливово #4a2a44 (блокът 06.10 тук); гърбовете на 6-те арки в шкафа —
         патладжан #2b2340→#41355a; редовете в „Майчинството“ — #342f4e (dark.css:79).
     3 · ДЕНЕМ: редовете в „Майчинството“ — лавандулови; лентите в „Какво пази приложението“ —
         лилаво→розово #b9a7e0→#f7a8cb (mega.css:1072); картичката с името — розово→лилаво
         #fbe9f2→#f3ebfb (rooms.css:540); жълтата кутия с ивица в „QR за бабата“ (rooms.css:1382).
     4 · ПО КОНЕЦ: етикетите в „Конвертори“ (11.5 px, иконка 18 px, изместена нагоре); двата бутона
         в „QR за бабата“ с различна ширина (181/209 px); „+“ в „Разходите“ — филцово кръгче с
         дребен знак; числата над стълбчето 10 px; бележките залепнали за решетката/бутона
         („Гардеробчето“, „Нощна лампа“); микрофонът в „Домашен бележник“ — сам ред вляво;
         „при кърм…“ — рязан placeholder в „Бебешки бюджет“ (88 px поле).
     5 · ЛАМПАТА (#blLamp, отваря се оттук): надписът „докосни, за да изгасиш“ беше Times New Roman —
         правилото html body .bl-lamp (pl-ui.css:354) не го хваща (мерено: fontFamily "Times New Roman").
   Обхват: картите по data-blkey „Инструменти|…“, шкафът .pl-in, #roRoom само когато .pl-in е в него.
   ПЪТ НАЗАД: махни този блок (до „край 20.10“). Копие преди: scratchpad/in20_predi_2010.css
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 1 · РЕЧНИК — редовете не се свиват; стрелка в кръгче; златна лента; SVG лупа */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-list { scrollbar-width: thin; scrollbar-color: #e3c39c transparent; padding-right: 2px; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-list > .gl-row { flex-shrink: 0; align-items: center; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-term { overflow: visible; text-overflow: clip; color: var(--pl-navy, #1d2a5c); font-size: 15px; line-height: 1.3; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-def { font-size: 13.5px; line-height: 1.5; color: var(--pl-ink, #3b3f5c); padding-top: 6px; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-arr {
  display: block; width: 28px; height: 28px; border-radius: 50%; align-self: center;
  font-size: 0 !important; color: transparent !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a6682' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") 50% 55% / 14px 14px no-repeat;
  box-shadow: inset 0 0 0 1.5px #efdccf;
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-row.open .gl-arr { background-color: #fde6ef; box-shadow: inset 0 0 0 1.5px #f3c6d6; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] input.jr-word.in20-lupa {
  padding-left: 46px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2a5c' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: 16px 50% !important; background-size: 20px 20px !important;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-list { scrollbar-color: rgba(227, 195, 156, .5) transparent; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-def { color: #e3e5f5 !important; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-arr {
  background-color: rgba(255, 255, 255, .08);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59cbb' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .18);
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] .gl-row.open .gl-arr { background-color: rgba(229, 109, 153, .24); }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Речник"] input.jr-word.in20-lupa {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3e5f5' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E") !important;
}
/* лентите за превъртане в стаята и в таблицата с размерите — злато, не лилаво (rooms.css:1037) */
html body #roomOverlay #roRoom:has(> .pl-in) { scrollbar-color: #e3c39c transparent; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .sz-table { scrollbar-width: thin; scrollbar-color: #e3c39c transparent; }
html[data-theme="dark"] body #roomOverlay #roRoom:has(> .pl-in) { scrollbar-color: rgba(227, 195, 156, .45) transparent; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .sz-table { scrollbar-color: rgba(227, 195, 156, .45) transparent; }

/* 2 · НОЩ без сливово и патладжан */
html[data-theme="dark"] body #roomOverlay #roRoom > .pl-in ~ .sec-head .sec-n { background: rgba(229, 109, 153, .24) !important; color: #ffd0e1 !important; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Настройки"] .set-tgl.set-tgl.on {
  background-color: #33428a !important; border-color: rgba(245, 156, 187, .6) !important; color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(245, 156, 187, .2), 0 2px 0 #18214a !important;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .pl-in .pl-in-arch {
  background-color: #1f2a5e;
  background-image: linear-gradient(180deg, #19224f 0, #222d66 30%, #283470 100%);
}
/*   чипът „2 от 9“ в „Последно използвани“ (#5a2c55, тук ред 329), избраните чипове в „Пътуването“ и
     „Генератор на имена“ (#5a2c55, pl-ui.css:425) и номерата в „Гардеробчето“ (#e56ba4 върху синьо = 3.94:1) */
html[data-theme="dark"] body #roomOverlay #roRoom > .pl-in .pl-in-chip { background: rgba(229, 109, 153, .24); color: #ffd0e1; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|"] .jr-chip.jr-chip:is(.on, [aria-pressed="true"]) {
  background-color: #33428a !important; border-color: rgba(245, 156, 187, .6) !important; color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(245, 156, 187, .2), 0 2px 0 #18214a !important;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Гардероб"] .wd-sz { color: #ffb8d2 !important; }

/* 3 · „Майчинството накратко“: знамето е медал отпред (js 20.10); редовете — крем / нощно стъкло */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Майчинството"] > h4.jr-title > .jr-medal.in20-zn { order: -1; }
html:not([data-theme="dark"]) body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Майчинството"] .sos-list li {
  background: #fff8f2 !important; border: 1px solid #f1e4d9 !important; color: var(--pl-ink, #3b3f5c);
  box-shadow: 0 1.5px 0 rgba(203, 176, 150, .45) !important;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Майчинството"] .sos-list li {
  background: rgba(255, 255, 255, .06) !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: #e8e9f5 !important;
}
/* „Какво пази приложението“: ленти роза→злато; иконката до името, не над него */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво пази"] .st-fill { background: linear-gradient(90deg, #f59cbb, #e56d99 62%, #d9b98f) !important; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво пази"] .st-bar { background: #f3e7dc; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво пази"] .st-name { display: flex; align-items: flex-start; gap: 6px; color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво пази"] .st-name > .pl-em { flex: none; margin: 0 !important; vertical-align: 0 !important; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво пази"] .st-size { font-size: 12px; opacity: 1; color: var(--pl-ink-soft, #6a6682); }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво пази"] .st-bar { background: rgba(255, 255, 255, .12); }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво пази"] .st-name { color: #e8e9f5; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво пази"] .st-size { color: #c9cbe3; }
/* картичката с името — крем със златен кант, името тъмна роза (нощем — нощно стъкло) */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Генератор"] .tl-namecard {
  background: #fffaf4 !important; border: 1px solid #ecd6b8; border-radius: 20px;
  box-shadow: inset 0 1px 0 #fff, 0 4px 12px rgba(110, 76, 52, .08);
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Генератор"] .tl-nn { color: #b8336c; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Генератор"] .tl-nd { font-size: 13px; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Генератор"] .tl-fav { min-height: 44px; font-size: 14px; color: #a92f63; box-shadow: inset 0 0 0 1.5px #f3c6d6, 0 3px 8px rgba(201, 68, 122, .14); }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Генератор"] .tl-namecard {
  background: rgba(38, 51, 107, .95) !important; border-color: rgba(227, 195, 156, .4); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Генератор"] .tl-nn { color: #ffb8d2; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Генератор"] .tl-nd { color: #c9cbe3; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Генератор"] .tl-fav { background: #2b3872 !important; color: #ffd0e1 !important; box-shadow: inset 0 0 0 1.5px rgba(245, 156, 187, .45) !important; }
/* „QR за бабата“: бележката — крем със златен кант, не жълта кутия с ивица; бутоните — еднакви, на цял ред */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|QR"] .sp-warn {
  background: #fff8ec !important; border: 1px solid #ecd6b8 !important; border-left-width: 1px !important; border-radius: 16px !important;
  color: var(--pl-ink, #3b3f5c); font-size: 13.5px; line-height: 1.5; padding: 12px 14px;
}
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|QR"] .sp-warn {
  background: rgba(38, 51, 107, .95) !important; border-color: rgba(227, 195, 156, .4) !important; color: #e3e5f5 !important;
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|QR"] > .jr-chip { display: flex !important; width: 100%; justify-content: center; margin: 8px 0 0 !important; box-sizing: border-box; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|QR"] > .jr-chip + .jr-privacy { margin-top: 12px !important; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|QR"] .qr-out { font-size: 12.5px; opacity: 1; color: var(--pl-ink-soft, #6a6682); }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|QR"] .qr-out { color: #c9cbe3; }

/* 4 · ПО КОНЕЦ */
/* етикетите в „Конвертори“: иконка 26 px в реда на думата, текст 13 px */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Конвертори"] .jr-weekcap {
  display: flex; align-items: center; gap: 8px; margin: 16px 0 8px;
  font-size: 13px; color: var(--pl-navy, #1d2a5c);
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Конвертори"] .jr-weekcap > .pl-em { flex: none; width: 26px !important; height: 26px !important; margin: 0 !important; vertical-align: 0 !important; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Конвертори"] .jr-weekcap { color: #e3e5f5 !important; }
/* бележките — въздух под решетката/бутона */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Гардероб"] .wd-grid + .jr-privacy,
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Нощна лампа"] .jr-btn + .jr-privacy,
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Настройки"] .set-grid + .jr-privacy { margin-top: 12px !important; }
/* микрофонът — вдясно, над десния ъгъл на листа (както в „Дневник на мама“, pl-dnevnik.css 43) */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Домашен бележник"] > .nt-mic { margin: -2px 8px 8px auto !important; }
/* „Бебешки бюджет“: полето побира „при кърмене — 0“ */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Бебешки бюджет"] .bg-row > input.jr-word { max-width: 152px !important; width: 152px; flex: none; }
/* „Разходите по месеци“: категориите — крем кръгчета с по-едра рисунка; „+“ — розов гел; надписите ≥ 12 px */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-cats { flex-wrap: wrap; gap: 6px; width: 100%; }
/*   кръгчето Е рисунката (плюшът си носи кръг и тон) — иначе кръг в кръг; избраното — розов пръстен отвън */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-cat { width: 46px; height: 46px; display: grid; place-items: center; padding: 0; border: 0 !important; background: transparent !important; box-shadow: none; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-cat.on { box-shadow: 0 0 0 2.5px #e56d99, 0 3px 8px rgba(201, 68, 122, .22); }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-cat > .pl-em { width: 44px !important; height: 44px !important; margin: 0 !important; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-add { gap: 10px; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-add > input.jr-word { flex: 1 1 140px; width: auto; max-width: none !important; min-width: 0; }
/*   „Какво предстои“: редът за добавяне — името на цял ред (не „напр. „Прегле…“), отдолу датата и „+“ */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво предстои"] .jr-addrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво предстои"] .jr-addrow > input.jr-word:not(.ph-date) { flex: 1 1 100%; min-width: 0; margin: 0; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво предстои"] .jr-addrow > input.ph-date { flex: 1 1 0; width: auto !important; min-width: 0; margin: 0; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво предстои"] .jr-addrow > .jr-chip.jr-chip,
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-add > .jr-chip.jr-chip {
  width: 52px; height: 52px; min-width: 52px; padding: 0 !important; border-radius: 50% !important; border: 0 !important;
  background: linear-gradient(180deg, #e56d99, #c9447a) !important; color: #fff !important;
  font: 800 26px/1 Nunito, Nunito-fallback, system-ui, sans-serif !important;
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), 0 3px 0 #a92f63, 0 6px 14px rgba(201, 68, 122, .28) !important;
}
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] :is(.sp-v, .sp-l) { font-size: 12px; opacity: 1; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-cats-sum { font-size: 13px; opacity: 1; color: var(--pl-ink, #3b3f5c); }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] .sp-cat.on { box-shadow: 0 0 0 2.5px #f59cbb, 0 3px 8px rgba(0, 0, 0, .3); }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Разходите"] :is(.sp-v, .sp-l, .sp-cats-sum) { color: #c9cbe3; }

/* 5 · ЛАМПАТА: надписът на Nunito (правилото в pl-ui.css не я хваща) */
#blLamp, #blLamp .bl-lamp-hint { font-family: Nunito, Nunito-fallback, system-ui, sans-serif !important; }
#blLamp .bl-lamp-hint { font-size: 13px; letter-spacing: .2px; }

/* 6 · СТАРИТЕ ПРОМЕНЛИВИ В СТАЯТА (ловецът in20_skan.js по цялата стая, след превъртане — картите са
       .is-pending с opacity 0, докато не влязат в екрана): 106 елемента носят старото мастило
       --ink #5a5470 (лилавееща сивина, style.css:22), а нощем --ink-soft #a49dbb, --card #241f38,
       --soft #262138, --line #3a3352 (dark.css:32, :246) — лавандула и патладжан. Вътре в стаята
       променливите стават премиум токените; всички стари правила с var(--ink…) ги вземат сами. */
html:not([data-theme="dark"]) body #roomOverlay #roRoom:has(> .pl-in) { --ink: #3b3f5c; --ink-soft: #6a6682; --lav: #d9b98f; }
html[data-theme="dark"] body #roomOverlay #roRoom:has(> .pl-in) {
  --ink: #e8e9f5; --ink-soft: #c9cbe3; --lav: #e3c39c; --card: rgba(31, 43, 92, .95); --soft: rgba(255, 255, 255, .06); --line: rgba(255, 255, 255, .12);
}
/*   дребното под 11.5 px и полупрозрачното: датите в „Какво предстои“ (11 px), броячите „· 0 / 3“ в
     „Документите“ (11 px, opacity .65), таблиците в „Конвертори“ (12.5 px), стаите под „Печатаемата
     кутия“ (4.01:1 при opacity .86) */
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Какво предстои"] .ev-t small { font-size: 12px; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Документите"] .mk-cnt { font-size: 12px; opacity: 1; color: var(--pl-ink-soft, #6a6682); font-variant-numeric: tabular-nums; }
html[data-theme="dark"] body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Документите"] .mk-cnt { color: #c9cbe3; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Конвертори"] .cv-tbl { font-size: 13.5px; line-height: 1.6; }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Печатаемата"] .pb-r { opacity: 1 !important; }
html:not([data-theme="dark"]) body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Конвертори"] .cv-tbl { background: #fff8f2; border: 1px solid #f1e4d9; color: var(--pl-ink, #3b3f5c); }
/*   заглавките на групите в „Документите“ (.mk-h, opacity .75 → броячът 3.89:1) и редът под „Каквото ти
     трябва сега“ (.pg20-size, opacity .85, твърдо #5a5470); редовете в „Пътуването“ (13.3 px, #5a5470) */
html body #roomOverlay #roRoom:has(> .pl-in) :is(.mk-h, .pg20-size) { opacity: 1 !important; }
html:not([data-theme="dark"]) body #roomOverlay #roRoom:has(> .pl-in) .mk-h { color: var(--pl-navy, #1d2a5c); }
html:not([data-theme="dark"]) body #roomOverlay #roRoom:has(> .pl-in) .pg20-size { color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Пътуването"] .tv-out li { font-size: 14px; }
html:not([data-theme="dark"]) body #roomOverlay #roRoom > .jr-card[data-blkey^="Инструменти|Пътуването"] .tv-out li { color: var(--pl-ink, #3b3f5c); }
/* край 20.10 */