/* ── 5.34: тема «как на Маке и айфоне» ─────────────────────────────
   Включается классом body.яблоко (кнопка «Вид» в шапке, помнится в
   localStorage «стиль»). Логику не трогает: это только вид. Тёмный
   вариант — body.яблоко.тёмная. Правила пишутся поверх style.css и
   выигрывают за счёт более длинного селектора; там, где у элемента
   цвет прописан прямо в разметке (кнопки шапки), стоит !important.
   Значки меню — рисунки через маску: цвет берут у текста пункта.
   Файл латиницей: его имя видит браузер в адресе.                 */

body.яблоко{
  --зелёный:#2e7d64; --зелёный-тёмный:#215e4b; --зелёный-светлый:#e7f2ed;
  --фон:#f2f2f7; --карточка:#ffffff; --текст:#1c1c1e; --текст-серый:#6e6e73;
  --линия:#e5e5ea; --акцент:#b9975b; --красный:#c0392b;
  --панель:#f5f5f7; --панель-стекло:rgba(246,246,248,.92);
  --тень:0 0 0 .5px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
}
body.яблоко.тёмная{
  --зелёный:#3a9c7d; --зелёный-тёмный:#9fd2bd; --зелёный-светлый:#173027;
  --фон:#111113; --карточка:#1c1c1e; --текст:#f2f2f7; --текст-серый:#98989d;
  --линия:#2c2c2e; --акцент:#c8a86b; --красный:#e5695f;
  --панель:#161618; --панель-стекло:rgba(22,22,24,.92);
  --тень:0 0 0 .5px rgba(255,255,255,.06);
}
body.яблоко,body.яблоко *{font-family:-apple-system,"SF Pro Text","SF Pro Display",system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif}
body.яблоко{-webkit-font-smoothing:antialiased;letter-spacing:-.005em}

/* Шапка: светлая, полупрозрачная, тёмный текст, тонкая линия снизу */
body.яблоко header{background:var(--панель-стекло);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:var(--текст);border-bottom:.5px solid var(--линия);padding:8px 18px}
body.яблоко header h1{font-size:15px;font-weight:700;letter-spacing:-.01em}
body.яблоко header .подзаголовок{color:var(--текст-серый);opacity:1}
body.яблоко .лого{color:var(--зелёный)}
body.яблоко header button{background:var(--карточка)!important;color:var(--зелёный)!important;box-shadow:0 0 0 .5px rgba(0,0,0,.14);border-radius:8px!important}
body.яблоко.тёмная header button{box-shadow:0 0 0 .5px rgba(255,255,255,.14)}
body.яблоко header #метаЯ{color:var(--текст-серый);opacity:1}
body.яблоко .я select{background:var(--карточка);color:var(--текст);box-shadow:0 0 0 .5px rgba(0,0,0,.14)}

/* Боковая панель */
body.яблоко nav{background:var(--панель);border-right:.5px solid var(--линия);padding:12px 8px;gap:1px;width:220px}
body.яблоко .пункт{padding:7px 10px;border-radius:7px;font-size:13.5px;color:var(--текст);gap:10px}
body.яблоко .пункт:hover{background:rgba(0,0,0,.05)}
body.яблоко.тёмная .пункт:hover{background:rgba(255,255,255,.06)}
body.яблоко .пункт.активен{background:rgba(46,125,100,.14);color:var(--зелёный-тёмный);font-weight:600}
body.яблоко .пункт .счётчик{background:var(--зелёный);font-size:10.5px;padding:1px 6px}
body.яблоко nav .низ{font-size:11px;padding:8px 10px}
/* Значки: маска рисунком, цвет — как у текста пункта */
body.яблоко .пункт .значок{font-size:0;width:18px;height:18px;flex-shrink:0;background-color:var(--зелёный);
  -webkit-mask:var(--маска) center/contain no-repeat;mask:var(--маска) center/contain no-repeat}
body.яблоко .пункт.активен .значок{background-color:var(--зелёный-тёмный)}
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 11 12 4l9 7'/%3E%3Cpath d='M5 10v10h14V10'/%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'%3E%3Cpath d='M4 6h16M4 12h10M4 18h13'/%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='M14 4l6 6-9 9H5v-6z'/%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='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='11' r='2'/%3E%3Cpath d='M21 17l-6-5-8 7'/%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 12c0-4 3-7 8-7s8 3 8 7H4z'/%3E%3Cpath d='M3 12h18M6 12v5h12v-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' stroke-linejoin='round'%3E%3Cpath d='M4 5h7a2 2 0 0 1 2 2v13H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M20 5h-7a2 2 0 0 0-2 2v13h7a2 2 0 0 0 2-2z'/%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 19h16M6 15V9M10 15V5M14 15v-4M18 15V7'/%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 18l5-6 4 3 7-8'/%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='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 19c0-3 3-5 6-5s6 2 6 5M14 19c0-2 2-4 4-4s3 1 3 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'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3Ccircle cx='9' cy='7' r='2' fill='%23000'/%3E%3Ccircle cx='15' cy='12' r='2' fill='%23000'/%3E%3Ccircle cx='8' cy='17' r='2' fill='%23000'/%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%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%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.яблоко .заголовок-экрана{padding:20px 26px 8px}
body.яблоко .заголовок-экрана h2{font-size:28px;font-weight:800;letter-spacing:-.025em}
body.яблоко .заголовок-экрана p{font-size:13px;margin-top:2px}
body.яблоко .заголовок-ленты{font-size:13px;text-transform:uppercase;letter-spacing:.02em;color:var(--текст-серый);font-weight:600;margin:22px 0 8px}

/* Карточки: без обводок и цветных полос, ровный радиус, лёгкая тень */
body.яблоко .сводка-дня,body.яблоко .объявление,body.яблоко .запись,body.яблоко .карточка-кабинета,
body.яблоко .дом-плитка,body.яблоко .дом-карта,body.яблоко .дом-комната,body.яблоко .дом-жилец,
body.яблоко .фото-карточка,body.яблоко table,body.яблоко .сводка-заселения,body.яблоко .график-обёртка,
body.яблоко .новое-объявление,body.яблоко .новый-сотрудник,body.яблоко .дом-закрыто{border:none;border-radius:12px;box-shadow:var(--тень)}
body.яблоко .объявление.важное{border-left:none;box-shadow:var(--тень),inset 0 0 0 1.5px var(--акцент)}
body.яблоко .сводка-дня h4,body.яблоко .дом-карта h4{color:var(--текст-серый);font-size:12px;text-transform:uppercase;letter-spacing:.03em}
body.яблоко .дом-плитка .число{letter-spacing:-.02em}
body.яблоко .дом-комната-шапка{background:var(--панель)}
body.яблоко .дом-место .н{border-radius:50%}
body.яблоко .дом-жилец .фото{border-radius:50%}
body.яблоко th{background:var(--панель);text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600}
body.яблоко td{border-bottom:.5px solid var(--линия)}
body.яблоко .экран.показан > .прокрутка::before{opacity:.03}

/* Вкладки дома и бухгалтерии — сегментный переключатель */
body.яблоко .дом-вкладки{display:inline-flex;background:rgba(120,120,128,.14);border-radius:9px;padding:2px;gap:2px;border-bottom:none;margin-bottom:16px;max-width:100%}
body.яблоко .дом-вкладка{padding:5px 12px;border-radius:7px;font-size:13px;color:var(--текст);border-bottom:none}
body.яблоко .дом-вкладка.активна{background:var(--карточка);color:var(--текст);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}
body.яблоко.тёмная .дом-вкладка.активна{background:#3a3a3c;color:var(--текст)}
/* Выбор дома и папки — капсулы */
body.яблоко .папка{border:none;background:rgba(120,120,128,.12);border-radius:999px;padding:6px 13px;color:var(--текст)}
body.яблоко .папка.активна{background:var(--зелёный);color:#fff}

/* Кнопки и поля */
body.яблоко .кнопка{border-radius:9px;font-weight:600;padding:9px 16px}
body.яблоко .кнопка.вторая,body.яблоко .скачать,body.яблоко .ознакомлен button,body.яблоко .сменить-фото,body.яблоко .кнопка-назад-чат{border:none;background:rgba(120,120,128,.12);color:var(--зелёный-тёмный);border-radius:9px}
body.яблоко .скачать.опасно{color: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:.5px solid rgba(0,0,0,.18);border-radius:9px;background:var(--карточка)}
body.яблоко.тёмная input,body.яблоко.тёмная textarea,body.яблоко.тёмная select{border-color:rgba(255,255,255,.16)}
body.яблоко .уровень-метка,body.яблоко .метка,body.яблоко .дом-тег,body.яблоко .статус-чип{border-radius:999px}
body.яблоко .подсказка{border-radius:12px}
body.яблоко .окно{border-radius:16px;background:var(--карточка)}
body.яблоко .закрыть-окно{border:none;background:rgba(120,120,128,.14);border-radius:50%}
body.яблоко .уведомление{border-radius:12px;background:var(--текст);color:var(--карточка)}

/* Чат: без фонового узора, пузыри как в Сообщениях */
body.яблоко .сообщения{background-image:none}
body.яблоко .каналы{background:var(--панель);border-right:.5px solid var(--линия)}
body.яблоко .канал{border-radius:9px}
body.яблоко .пузырь{border:none;border-radius:18px;border-bottom-left-radius:6px;box-shadow:none;background:#e9e9eb}
body.яблоко.тёмная .пузырь{background:#26252a}
body.яблоко .сообщение.моё .пузырь{background:var(--зелёный);border:none;border-radius:18px;border-bottom-right-radius:6px}
body.яблоко .пузырь.шеф{background:#f5efe2;border:none}
body.яблоко.тёмная .пузырь.шеф{background:#3a3323}   /* 5.35: в тёмном варианте светлый пузырь со светлым текстом не читался */
body.яблоко .чат-шапка,body.яблоко .ввод{background:var(--панель-стекло);border-color:var(--линия)}
body.яблоко .ввод input[type=text]{border-radius:18px;background:var(--карточка)}
body.яблоко .скрепка{border-radius:50%;width:40px;height:40px}
body.яблоко .ввод .кнопка{width:40px;height:40px}

/* Телефон: меню становится нижней панелью вкладок, значок над подписью */
@media(max-width:760px),(orientation:landscape) and (max-height:560px){
  /* Шапка на телефоне: одна строка, название с многоточием, кнопки поменьше */
  body.яблоко header{padding:6px 10px;gap:6px;flex-wrap:nowrap}
  body.яблоко header .лого{display:none}
  body.яблоко header > div:not(.я){min-width:0;flex:1}
  body.яблоко header h1{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.яблоко header button{height:30px!important;width:auto!important;min-width:30px;padding:0 7px!important;font-size:12px!important;white-space:nowrap}
  body.яблоко .я{gap:5px}
  /* Меню — нижняя панель вкладок. На телефоне страница едет целиком (5.6), поэтому
     панель приклеена к низу экрана, а содержимому дан отступ под неё. В переписке
     (.на-чате) раскладка фиксированная — там панель просто стоит внизу в потоке. */
  body.яблоко nav{order:2;width:100%;border-right:none;border-bottom:none;border-top:.5px solid var(--линия);background:var(--панель-стекло);
    -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));gap:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  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:10px;padding:4px 6px;min-width:64px;flex:0 0 auto;position:relative;color:var(--текст-серый);border-radius:8px;font-weight:500}
  body.яблоко .пункт .значок{width:24px;height:24px;background-color:var(--текст-серый)}
  body.яблоко .пункт.активен{background:none;color:var(--зелёный)}
  body.яблоко .пункт.активен .значок{background-color:var(--зелёный)}
  body.яблоко .пункт .счётчик{position:absolute;top:0;right:8px;margin:0}
  body.яблоко .заголовок-экрана{padding:14px 16px 4px}
  body.яблоко .заголовок-экрана h2{font-size:26px}
  body.яблоко .дом-вкладки{display:flex}
  body.яблоко .дом-вкладка{flex:1;text-align:center;padding:6px 8px;font-size:12px}
}