/* ── 5.52: тема «Рутдайн» ───────────────────────────────────────────
   Просьба владельца 17.10: третий вариант в кнопке «Вид» — в стиле
   приложений Рутдайна (как «Приёмная», «Правен», кабинет my.rootdyne.ru):
   мятный фон со свечением, сеткой и деревом-знаком, «стеклянные» карточки,
   кнопки-таблетки с переливом мята → бирюза, Unbounded в заголовках,
   Onest в тексте. Макет утверждён: claude.ai/artifact/7NZJEXBJkG2ooQiHc5GNmf.

   Как у apple.css: включается классом body.рутдайн, помнится в
   localStorage «стиль» ('р'), тёмный вариант — body.рутдайн.тёмная (та же
   кнопка 🌙). Логику не трогает — только вид. Каждое правило начинается с
   body.рутдайн, иначе тема протечёт в привычный вид (есть проверка);
   исключение — @font-face: шрифт браузер грузит, только когда он нужен.

   Шрифты — свои файлы в /fonts (SIL Open Font License 1.1, взяты у
   Рутдайна): Content-Security-Policy портала пускает только 'self'.
   Цвета — из оформления Рутдайна; в светлом варианте мятный текст, янтарь
   и серый чуть темнее рутдайновских, чтобы мелкий текст читался.
   Переменные портала (--зелёный, --фон, --карточка…) переопределены —
   поэтому сотни встроенных в разметку цветов переходят в тему сами. */

@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/onest-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/onest-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/unbounded-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/unbounded-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/unbounded-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/unbounded-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── Палитры ── */
body.рутдайн{
  --зелёный:#0E8A5F; --зелёный-тёмный:#0B7A55; --зелёный-светлый:#E1F4EA;
  --фон:#F3F7F4; --карточка:#FFFFFF; --текст:#10221B; --текст-серый:#5A7166;
  --линия:#DCE8E1; --акцент:#9A6414; --красный:#B4483D;
  --тень:0 1px 2px rgba(16,34,27,.04),0 8px 24px -16px rgba(16,34,27,.18);
  --стекло:rgba(255,255,255,.78); --стекло-бок:rgba(255,255,255,.66); --линия-2:rgba(20,70,50,.22);
  --панель-2:rgba(10,40,28,.045); --мята:#4FE3A3; --мята-мягко:rgba(15,159,110,.1);
  --перелив:linear-gradient(135deg,#4FE3A3,#48D3E0); --знак-перелив:linear-gradient(160deg,#22C98A,#0E8F99);
  --чернила:#052016; --янтарь-мягко:rgba(183,121,31,.12);
  --свечение-1:rgba(34,201,138,.16); --свечение-2:rgba(72,211,224,.1); --сетка:rgba(20,70,50,.06); --дерево:.08;
  --тень-окна:0 24px 60px -24px rgba(16,34,27,.35);
  --пузырь:#FFFFFF;
}
body.рутдайн.тёмная{
  --зелёный:#1F9C70; --зелёный-тёмный:#4FE3A3; --зелёный-светлый:#10291F;
  --фон:#060B09; --карточка:#0F1C17; --текст:#E8F2EC; --текст-серый:#93AA9E;
  --линия:#1B2E26; --акцент:#F0B35A; --красный:#F08A7E;
  --тень:0 1px 2px rgba(0,0,0,.4),0 12px 32px -14px rgba(0,0,0,.7);
  --стекло:rgba(16,30,25,.72); --стекло-бок:rgba(8,16,13,.72); --линия-2:rgba(150,210,180,.26);
  --панель-2:rgba(255,255,255,.05); --мята-мягко:rgba(79,227,163,.12);
  --знак-перелив:linear-gradient(160deg,#4FE3A3,#48D3E0); --янтарь-мягко:rgba(240,179,90,.14);
  --свечение-1:rgba(34,201,138,.13); --свечение-2:rgba(72,211,224,.07); --сетка:rgba(150,210,180,.06); --дерево:.09;
  --тень-окна:0 24px 60px -20px rgba(0,0,0,.8);
  --пузырь:#12221C;
}

/* ── Шрифты и фон: свечение, сетка, дерево ── */
body.рутдайн,body.рутдайн *{font-family:"Onest",-apple-system,"Segoe UI",system-ui,sans-serif}
body.рутдайн{-webkit-font-smoothing:antialiased;
  background:radial-gradient(900px 600px at 75% 10%,var(--свечение-1),transparent 60%),radial-gradient(700px 500px at 10% 90%,var(--свечение-2),transparent 60%),var(--фон)}
body.рутдайн::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--сетка) 1px,transparent 1px),linear-gradient(90deg,var(--сетка) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask:radial-gradient(ellipse 70% 60% at 60% 20%,#000 15%,transparent 75%);mask:radial-gradient(ellipse 70% 60% at 60% 20%,#000 15%,transparent 75%)}
body.рутдайн::after{content:"";position:fixed;right:-6%;top:-4%;z-index:-1;pointer-events:none;width:min(60vw,680px);aspect-ratio:256/246;opacity:var(--дерево);
  background:linear-gradient(180deg,#22C98A,#48D3E0 70%,transparent);
  -webkit-mask:url(/rootdyne-tree.png) center/contain no-repeat;mask:url(/rootdyne-tree.png) center/contain no-repeat}
/* Своё дерево портала за экраном не нужно — его место занял знак Рутдайна */
body.рутдайн .экран.показан > .прокрутка::before{display:none}
body.рутдайн .пусто::before{background:var(--знак-перелив);opacity:.35;
  -webkit-mask:url(/rootdyne-tree.png) center/contain no-repeat;mask:url(/rootdyne-tree.png) center/contain no-repeat}
body.рутдайн h1,body.рутдайн h2,body.рутдайн .заголовок-экрана h2{font-family:"Unbounded","Onest",system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}

/* ── Шапка: стекло, знак-дерево с переливом, кнопки-таблетки ── */
body.рутдайн header{background:var(--стекло-бок);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--текст);border-bottom:1px solid var(--линия);padding:10px 20px}
body.рутдайн header h1{font-size:15px;line-height:1.25}
body.рутдайн header .подзаголовок{color:var(--текст-серый);opacity:1}
body.рутдайн #правкаПодписи{color:var(--текст-серый)!important}
body.рутдайн .лого{font-size:0;width:38px;height:38px}
body.рутдайн .лого img{display:none!important}
body.рутдайн .лого::before{content:"";display:block;width:36px;height:35px;background:var(--знак-перелив);
  -webkit-mask:url(/rootdyne-tree.png) center/contain no-repeat;mask:url(/rootdyne-tree.png) center/contain no-repeat}
body.рутдайн header button{background:var(--стекло)!important;color:var(--текст)!important;border:1px solid var(--линия-2)!important;border-radius:999px!important}
body.рутдайн header button:hover{border-color:var(--текст-серый)!important}
/* Аватар с именем — стеклянная «таблетка», как в кабинете Рутдайна (5.54) */
body.рутдайн #мойАватар{background:var(--стекло)!important;color:var(--текст)!important;border:1px solid var(--линия-2)!important}
body.рутдайн #мойАватар:hover{border-color:var(--текст-серый)!important}
body.рутдайн .я select{background:var(--карточка);color:var(--текст);border:1px solid var(--линия-2);border-radius:999px}
/* Значки вместо эмодзи: рисунок маской, цвет — как у текста кнопки */
body.рутдайн #кнопкаНазад,body.рутдайн #кнопкаВыход,body.рутдайн #кнопкаСеть{font-size:0!important;display:inline-flex;align-items:center;justify-content:center;gap:6px}
body.рутдайн #кнопкаНазад::before,body.рутдайн #кнопкаВыход::before,body.рутдайн #кнопкаСеть::before{content:"";display:block;width:18px;height:18px;flex-shrink:0;background-color:currentColor;
  -webkit-mask:var(--маска) center/contain no-repeat;mask:var(--маска) center/contain no-repeat}
body.рутдайн #кнопкаСеть span{font-size:13px}
/* Кнопка Помощника — общая для всех видов, в style.css (5.52.2) */
body.рутдайн #кнопкаНазад{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E")}
body.рутдайн #кнопкаВыход{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M10 8l-4 4 4 4M6 12h10'/%3E%3C/svg%3E")}
body.рутдайн #кнопкаСеть{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/%3E%3C/svg%3E")}

/* ── Боковое меню: стекло, мятная подсветка, значки ── */
body.рутдайн nav{background:var(--стекло-бок);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--линия);padding:16px 12px;gap:2px;width:236px}
body.рутдайн .пункт{padding:8px 10px;border-radius:12px;font-size:14.5px;color:var(--текст-серый);font-weight:500;gap:11px}
body.рутдайн .пункт:hover{color:var(--текст);background:var(--панель-2)}
body.рутдайн .пункт.активен{background:var(--мята-мягко);color:var(--зелёный-тёмный);font-weight:600}
body.рутдайн .пункт .счётчик{background:var(--акцент);color:#1C1305;font-size:11px;font-weight:700;border-radius:999px;padding:0 7px;line-height:18px}
body.рутдайн.тёмная .пункт .счётчик{color:#1C1305}
body.рутдайн nav .низ{font-size:11.5px;color:var(--текст-серый);padding:8px 10px}
body.рутдайн .пункт .значок{font-size:0;width:18px;height:18px;flex-shrink:0;background-color:currentColor;
  -webkit-mask:var(--маска) center/contain no-repeat;mask:var(--маска) center/contain no-repeat}
body.рутдайн .пункт[data-ид="сводка"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M3 20h18M7 16v-6M12 16V6M17 16V7'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="кабинет"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="дом"],body.рутдайн .пункт[data-ид="дома"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="главная"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6l1.4 1.4M17 17l1.4 1.4M5.6 18.4 7 17M17 7l1.4-1.4'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="объявления"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11v2a1 1 0 0 0 1 1h3l6 4V6L7 10H4a1 1 0 0 0-1 1zM17 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="чат"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="техзаявки"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4a5 5 0 0 0-4 7l-7 7 2 2 7-7a5 5 0 0 0 7-4l-3 1-2-2 1-3z'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="галерея"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M4 16l5-5 4 4 3-3 4 4M15 9h.01'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="закупки"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v8M5 3v4a2 2 0 0 0 4 0V3M7 11v10M17 3c-2 2-2 6 0 8v10'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="знания"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19a2 2 0 0 1 2-2h13V3H6a2 2 0 0 0-2 2zM4 19a2 2 0 0 0 2 2h13v-4'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="бухгалтерия"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zM3 7l12-4v4M16 13h2'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="реклама"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8M15 7h6v6'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="сотрудники"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20c0-3 3-5 6-5s6 2 6 5M16 5a3 3 0 0 1 0 6M21 20c0-2-1-4-3-4.5'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="роли"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M16 4v4M10 10v4M18 16v4'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="журнал"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M8 6h12M8 12h12M8 18h12M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E")}
body.рутдайн .пункт[data-ид="файлы"]{--маска:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M4 6h6l2 2h8v11H4z'/%3E%3C/svg%3E")}

/* ── Экран входа: та же земля, стеклянная карточка, знак, кнопка с переливом ── */
body.рутдайн .вход-фон{background:radial-gradient(900px 600px at 75% 10%,var(--свечение-1),transparent 60%),radial-gradient(700px 500px at 10% 90%,var(--свечение-2),transparent 60%),var(--фон)}
body.рутдайн .вход-карточка{background:var(--стекло);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;box-shadow:var(--тень)}
body.рутдайн .вход-карточка h1{font-size:20px}
body.рутдайн .вход-лого{background:none!important;border:none!important}
body.рутдайн .вход-лого img{display:none!important}
body.рутдайн .вход-лого::before{content:"";display:block;width:64px;height:62px;margin:auto;background:var(--знак-перелив);filter:drop-shadow(0 0 18px rgba(79,227,163,.35));
  -webkit-mask:url(/rootdyne-tree.png) center/contain no-repeat;mask:url(/rootdyne-tree.png) center/contain no-repeat}
body.рутдайн .вход-карточка a{color:var(--зелёный-тёмный)}
body.рутдайн .вход-поле{background:var(--карточка);border:1px solid var(--линия-2)}
body.рутдайн .вход-кнопка{background:var(--перелив);color:var(--чернила);border-radius:999px;box-shadow:0 0 0 1px rgba(15,159,110,.25),0 8px 24px -10px rgba(15,159,110,.55)}

/* ── Заголовки разделов ── */
body.рутдайн main{background:transparent}
body.рутдайн .заголовок-экрана{padding:22px 28px 8px;background:transparent}
body.рутдайн .заголовок-экрана h2{font-size:24px}
body.рутдайн .заголовок-экрана p{color:var(--текст-серый);font-size:13.5px;margin-top:4px}
body.рутдайн .заголовок-ленты{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--текст-серый);font-weight:700;margin:22px 0 8px}

/* ── Карточки: стекло, тонкая линия, мягкая тень ── */
body.рутдайн .сводка-дня,body.рутдайн .объявление,body.рутдайн .запись,body.рутдайн .карточка-кабинета,
body.рутдайн .дом-плитка,body.рутдайн .дом-карта,body.рутдайн .дом-комната,body.рутдайн .дом-жилец,
body.рутдайн .фото-карточка,body.рутдайн .сводка-заселения,body.рутдайн .график-обёртка,
body.рутдайн .новое-объявление,body.рутдайн .новый-сотрудник{background:var(--стекло);border:1px solid var(--линия);border-radius:18px;box-shadow:var(--тень);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.рутдайн table{background:var(--стекло);border-radius:18px;box-shadow:var(--тень);border:1px solid var(--линия)}
body.рутдайн .дом-закрыто{border-radius:18px;background:var(--панель-2)}
body.рутдайн .объявление.важное{border-left:1px solid var(--линия);box-shadow:var(--тень),inset 0 0 0 1.5px var(--акцент);
  background:linear-gradient(0deg,var(--янтарь-мягко),var(--стекло) 70%)}
body.рутдайн .сводка-дня h4,body.рутдайн .дом-карта h4{font-size:15px;font-weight:700;color:var(--текст)}
body.рутдайн .дом-плитка .число{letter-spacing:-.02em;font-variant-numeric:tabular-nums}
body.рутдайн .дом-комната-шапка,body.рутдайн .комната-шапка{background:var(--панель-2)}
body.рутдайн .дом-место .н{border-radius:50%;background:var(--панель-2)}
body.рутдайн .дом-жилец .фото{border-radius:50%}
body.рутдайн .дом-полоса{background:var(--панель-2);border-radius:99px}
body.рутдайн th{background:var(--панель-2);color:var(--текст-серый);font-size:12px;letter-spacing:.06em}
body.рутдайн td{border-bottom:1px solid var(--линия)}
body.рутдайн .подсказка{background:var(--мята-мягко);border-radius:14px;color:var(--текст-серый)}

/* ── Вкладки и выбор: переключатель-таблетка ── */
body.рутдайн .дом-вкладки{display:inline-flex;flex-wrap:wrap;overflow:visible;background:var(--панель-2);border:1px solid var(--линия);border-radius:14px;padding:3px;gap:2px;border-bottom:1px solid var(--линия);margin-bottom:16px;max-width:100%}
/* Приклеенная шапка «Дома» (выбор дома и вкладки): под ней свечение и дерево —
   сплошная заливка выглядела полосой. Стекло с сильным размытием: проезжающий
   под ней текст не читается и не мельтешит. */
body.рутдайн .дом-шапка{background:color-mix(in srgb,var(--фон) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
body.рутдайн .дом-вкладка{padding:7px 14px;border-radius:11px;font-size:13.5px;font-weight:600;color:var(--текст-серый);border-bottom:none}
body.рутдайн .дом-вкладка.активна{background:var(--карточка);color:var(--текст);box-shadow:0 1px 2px rgba(0,0,0,.12)}
body.рутдайн .папка{border:1px solid var(--линия-2);background:var(--стекло);border-radius:999px;padding:7px 14px;color:var(--текст);font-weight:500}
body.рутдайн .папка.активна{background:var(--перелив);color:var(--чернила);border-color:transparent;font-weight:600}
body.рутдайн .папка.активна .уровень-метка{background:rgba(255,255,255,.4);color:var(--чернила)}

/* ── Кнопки: главная — перелив мята → бирюза, остальные — стекло ── */
body.рутдайн .кнопка{background:var(--перелив);color:var(--чернила);border-radius:999px;font-weight:600;padding:10px 18px;
  box-shadow:0 0 0 1px rgba(15,159,110,.25),0 8px 24px -10px rgba(15,159,110,.55);transition:transform .2s,box-shadow .2s}
body.рутдайн .кнопка:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(15,159,110,.4),0 12px 30px -10px rgba(15,159,110,.7)}
body.рутдайн #общийВыход{color:#fff}
body.рутдайн .кнопка.вторая,body.рутдайн .скачать,body.рутдайн .ознакомлен button,body.рутдайн .сменить-фото,body.рутдайн .кнопка-назад-чат{
  background:var(--стекло);color:var(--текст);border:1px solid var(--линия-2);border-radius:999px;box-shadow:none;font-weight:600}
body.рутдайн .скачать.опасно{color:var(--красный);border-color:color-mix(in srgb,var(--красный) 45%,transparent)}
body.рутдайн .кнопка-наверх{border-radius:999px;background:var(--стекло);border:1px solid var(--линия-2);color:var(--текст);box-shadow:var(--тень)}

/* ── Поля ввода ── */
body.рутдайн input[type=text],body.рутдайн input[type=date],body.рутдайн input[type=datetime-local],body.рутдайн input[type=month],
body.рутдайн input[type=number],body.рутдайн input[type=tel],body.рутдайн input:not([type]),body.рутдайн textarea,body.рутдайн select,
body.рутдайн .поле-кабинета input,body.рутдайн .новое-объявление input,body.рутдайн .новое-объявление textarea,body.рутдайн .поиск,body.рутдайн .новая-запись input{
  border:1px solid var(--линия-2);border-radius:12px;background:var(--карточка);color:var(--текст)}
body.рутдайн input:focus-visible,body.рутдайн textarea:focus-visible,body.рутдайн select:focus-visible,body.рутдайн button:focus-visible{outline:2px solid var(--мята);outline-offset:2px}
body.рутдайн .уровень-метка,body.рутдайн .метка,body.рутдайн .дом-тег,body.рутдайн .статус-чип{border-radius:999px}

/* ── Окна и уведомления ── */
body.рутдайн #фонАнкеты,body.рутдайн .окно-фон{background:rgba(6,20,14,.45)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body.рутдайн #окноАнкеты,body.рутдайн .окно{background:var(--карточка)!important;border:1px solid var(--линия)!important;border-radius:20px!important;box-shadow:var(--тень-окна)!important}
body.рутдайн .закрыть-окно{border:1px solid var(--линия);background:var(--панель-2);border-radius:50%}
body.рутдайн .уведомление{border-radius:14px;background:var(--текст);color:var(--фон);box-shadow:var(--тень-окна)}
body.рутдайн .плашка-обновления{border-radius:999px;background:var(--карточка);border-color:var(--линия-2);box-shadow:var(--тень-окна)}

/* ── Чат: стекло, свои пузыри — перелив, чужие — карточки ── */
body.рутдайн .сообщения{background:transparent}
body.рутдайн .каналы{background:var(--стекло-бок);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--линия)}
body.рутдайн .каналы h4{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--текст-серый)}
body.рутдайн .канал{border-radius:12px}
body.рутдайн .канал:hover{background:var(--панель-2)}
body.рутдайн .канал.активен{background:var(--мята-мягко)}
body.рутдайн .канал.активен .кол-имя{color:var(--текст)}
body.рутдайн .канал.активен .превью,body.рутдайн .канал.активен .вр{color:var(--текст-серый)}
body.рутдайн .непрочитано,body.рутдайн .канал.активен .непрочитано{background:var(--акцент);color:#1C1305}
body.рутдайн .чат-шапка,body.рутдайн .ввод,body.рутдайн .ответ-панель,body.рутдайн .файлы-к-отправке{background:var(--стекло-бок);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--линия)}
body.рутдайн .пузырь{background:var(--пузырь);border:1px solid var(--линия);border-radius:6px 16px 16px 16px;box-shadow:var(--тень)}
body.рутдайн .пузырь .имя{color:var(--зелёный-тёмный)}
body.рутдайн .сообщение.моё .пузырь{background:var(--перелив);border:none;border-radius:16px 6px 16px 16px;color:var(--чернила);box-shadow:0 8px 24px -14px rgba(15,159,110,.6)}
body.рутдайн.тёмная .сообщение.моё .пузырь{background:var(--перелив)}
body.рутдайн .сообщение.моё .пузырь .время{color:rgba(5,32,22,.7)}
body.рутдайн .сообщение.моё .прочтение{color:var(--чернила)}
body.рутдайн .сообщение.моё .цитата{border-color:rgba(5,32,22,.45);background:rgba(255,255,255,.28)}
body.рутдайн .сообщение.моё .вложение-чат{background:rgba(255,255,255,.4);border-color:rgba(5,32,22,.18);color:var(--чернила)}
body.рутдайн .пузырь.шеф{background:linear-gradient(0deg,var(--янтарь-мягко),var(--пузырь) 70%);border-color:color-mix(in srgb,var(--акцент) 40%,var(--линия))}
body.рутдайн .пузырь.шеф .имя,body.рутдайн .пузырь.шеф .имя-шефа,body.рутдайн .пузырь.шеф .прочтение{color:var(--акцент)}
body.рутдайн .пузырь.шеф .текст{color:var(--текст)}
body.рутдайн .вложение-чат{background:var(--панель-2);border-radius:12px}
body.рутдайн .фото-чат img{border-radius:12px}
body.рутдайн .ввод input[type=text]{border-radius:999px;background:var(--карточка);border:1px solid var(--линия-2)}
body.рутдайн .скрепка{border-radius:50%;width:44px;height:44px;background:var(--мята-мягко);color:var(--зелёный-тёмный)}
body.рутдайн .ввод .кнопка{border-radius:50%}
/* Перелив — только у «Отправить»: опрос рядом — спокойная стеклянная кнопка */
body.рутдайн #кнопкаОпрос{background:var(--стекло);border:1px solid var(--линия-2);box-shadow:none;color:var(--текст)}
body.рутдайн .чат-стрелки button{background:var(--стекло);border:1px solid var(--линия-2);color:var(--текст)}

/* ── Телефон: полоса сверху, вкладки снизу (как в приложениях Рутдайна) ── */
@media(max-width:760px),(orientation:landscape) and (max-height:560px){
  /* Кнопок в шапке семь — в одну строку с названием не влезают: название
     первой строкой (знак, имя портала), кнопки второй, справа — как в привычном виде (5.43) */
  body.рутдайн header{padding:8px 10px;gap:6px 8px;flex-wrap:wrap}
  body.рутдайн header .лого{width:30px;height:30px}
  body.рутдайн header .лого::before{width:28px;height:27px}
  body.рутдайн header .лого{flex:none}
  body.рутдайн header > div:not(.я):not(.лого){min-width:0;flex:1 1 calc(100% - 90px)}
  body.рутдайн header h1{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.рутдайн header .я{width:100%;flex-wrap:nowrap;justify-content:flex-end}
  body.рутдайн header button{height:32px!important;width:auto!important;min-width:32px;padding:0 8px!important;font-size:12px!important;white-space:nowrap}
  body.рутдайн #кнопкаНазад,body.рутдайн #кнопкаВыход,body.рутдайн #кнопкаСеть{font-size:0!important}
  body.рутдайн .я{gap:5px}
  body.рутдайн #мойАватар{padding:0!important;border:none!important;background:none!important}
  body.рутдайн nav{order:2;width:100%;border-right:none;border-top:1px solid var(--линия);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));gap:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;flex-direction:row}
  body.рутдайн:not(.на-чате) nav{position:fixed;left:0;right:0;bottom:0;z-index:25}
  body.рутдайн:not(.на-чате) main{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  body.рутдайн .кнопка-наверх{bottom:calc(84px + env(safe-area-inset-bottom))}
  body.рутдайн .чат-стрелки{bottom:150px}
  body.рутдайн nav::-webkit-scrollbar{display:none}
  body.рутдайн .пункт{flex-direction:column;gap:3px;font-size:10.5px;font-weight:600;padding:4px 6px;min-width:64px;flex:0 0 auto;position:relative;color:var(--текст-серый);border-radius:10px}
  body.рутдайн .пункт .значок{width:23px;height:23px}
  body.рутдайн .пункт.активен{background:none;color:var(--зелёный-тёмный)}
  body.рутдайн .пункт .счётчик{position:absolute;top:0;right:8px;margin:0;font-size:10px;line-height:15px;padding:0 5px}
  body.рутдайн nav .низ{display:none}
  body.рутдайн .заголовок-экрана{padding:14px 16px 4px}
  body.рутдайн .заголовок-экрана h2{font-size:21px}
  /* на телефоне вкладки в одну строку и едут пальцем, полосы прокрутки не видно */
  body.рутдайн .дом-вкладки{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  body.рутдайн .дом-вкладки::-webkit-scrollbar{display:none}
  body.рутдайн .дом-вкладка{flex:1;text-align:center;padding:7px 9px;font-size:12.5px}
  body.рутдайн .каналы{border-right:none}
}