/* Общая вёрстка для телефона (все страницы). Подключается после
   встроенных стилей страницы; на компьютере меняет только то, что
   прячет иконки вкладок. */
nav a .ic{display:none}
/* плашка «нет связи» (все экраны): данные на странице остаются, обновятся сами */
#netwarn{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top));z-index:50;background:#991b1b;color:#fff;border-radius:18px;padding:7px 14px;font:13px/1.3 -apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.2);max-width:calc(100vw - 24px);text-align:center}
@media (max-width:760px){
 :root{--tabbar:58px}
 html{-webkit-text-size-adjust:100%}
 body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
 header{padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}
 header h1{font-size:17px}
 form.logout{margin-left:auto}
 form.logout button{padding:6px 10px;font-size:13px}
 /* вкладки — внизу экрана, под большой палец */
 nav{position:fixed;left:0;right:0;bottom:0;z-index:20;margin:0;display:flex;gap:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
 nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--tabbar);padding:0;border-radius:0;font-size:11px;font-weight:500;color:var(--muted)}
 nav a.cur{background:none;color:var(--accent);font-weight:600}
 nav a .ic{display:block;width:24px;height:24px}
 /* iOS увеличивает страницу при фокусе на поле с шрифтом меньше 16px */
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
 /* Safari рисует системный select без учёта отступов (23px в высоту) — свой вид со стрелкой */
 select{-webkit-appearance:none;appearance:none;min-height:42px;padding-right:30px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 11px center;color:var(--text)}
 .btn{min-height:40px}
 .btn.small{min-height:34px}
 /* окна — снизу, как шторка */
 /* поверх открытой переписки (она на весь экран, z-index 30) и вкладок */
 .modal{align-items:flex-end;padding:0;z-index:40}
 .modal .box{width:100%;max-height:90vh;max-height:90dvh;overflow:auto;border-radius:18px 18px 0 0;padding:20px 16px 0;-webkit-overflow-scrolling:touch}
 /* кнопки окна всегда видны внизу шторки, даже если текст длинный (iPhone SE) */
 .modal .actions{flex-wrap:wrap;position:sticky;bottom:0;background:#fff;margin:14px -16px 0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
 .modal .actions .btn{flex:1 1 auto;min-height:46px;font-size:15px}
 /* сообщение только информирует — нажатия проходят сквозь него к кнопкам под ним */
 .toast{pointer-events:none;z-index:41;bottom:calc(var(--tabbar) + 14px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);font-size:14px}
}