/* STAR BODY — палитра Mini App (color-summary.html). Коды не подменять. */
:root {
    --bg-body: #0d1612;
    --surface-card: #15241d;
    --surface-field: #1c3027;
    --brand-green: #2ecc71;
    --brand-accent: #27ae60;
    --brand-dark: #1b382b;
    --text-main: #f0fdf4;
    --text-sub: #a7d3bc;
    --border-soft: #244133;
    --tag-female: #e84393;
    --tag-warning: #f39c12;
    --sa-bottom: 0px;
    --sa-left: 0px;
    --sa-right: 0px;
}

html,
body {
    touch-action: manipulation;
    overscroll-behavior: none;
}

/* iOS/WebKit рисует серый прямоугольник-подсветку на тап по любому
   кликабельному элементу — глушим глобально (на светлых темах видна
   особенно явно). Свой отклик — только у белого списка ниже. */
* { -webkit-tap-highlight-color: transparent; }

html {
    height: 100%;
    overflow: hidden;
}

body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

.main-header,
.nav-bar {
    touch-action: none;
    overscroll-behavior: none;
    -webkit-user-select: none;
    user-select: none;
}

input,
textarea,
select {
    font-size: 16px;
}

/* Отклик нажатия — ТОЛЬКО у кнопок и тап-плиток действия/выбора.
   Белый список: новый элемент его НЕ получает автоматом.
   Не получают отклик: поля ввода и выпадайки (freq-chosen, freq-line,
   cyc-select-face, cyc-datewrap), заголовки свёрток (photo-fold-head,
   stat-btn, day-toggle, rules-toggle, cyc-remfold-chev), строки-чекбоксы
   (train-row, monday-confirm label). Класс .no-press — точечный запрет. */
.home-msg-btn, .btn-submit, .chat-send, .home-read-btn, .tab-btn,
.week-btn, .cyc-chip, .day-box, .cyc-cell, .option-card,
.photo-slot, .slot, .home-glass {
    transition: transform 0.08s ease, filter 0.08s ease;
    -webkit-tap-highlight-color: transparent;
}
.home-msg-btn:active, .btn-submit:active, .chat-send:active,
.home-read-btn:active, .tab-btn:active, .week-btn:active,
.cyc-chip:active, .day-box:active, .cyc-cell:active, .option-card:active,
.photo-slot:active, .slot:active, .home-glass:active {
    transform: scale(0.94);
    filter: brightness(0.72);
}
/* no-press снимает и CSS-:active — иначе заголовки-свёртки (<button>)
   проваливаются как кнопка при тапе по тексту (в треугольнике :active
   уходит на span, поэтому баг виден только на тексте) */
.no-press:active { transform: none !important; filter: none !important; }
/* пункты нижнего меню — без уменьшения (съезжают в grid), подсветка плашки */
.nav-item:active span { background: rgba(167, 211, 188, 0.28); }
.nav-item.active:active span { background: var(--text-sub); filter: brightness(0.8); }

/* JS-отклик .press-on (js/press.js): iOS WebView не даёт :active на части
   элементов — класс срабатывает гарантированно. no-press отключает точечно. */
.press-on { transform: scale(0.94) !important; filter: brightness(0.72) !important; }
.nav-item.press-on { transform: none !important; filter: none !important; }
.nav-item.press-on span { background: rgba(167, 211, 188, 0.28); }
.nav-item.active.press-on span { background: var(--text-sub); filter: brightness(0.8); }