/* Сайт поверх board.css макета: только то, чего у холста нет (реальный экран, вход, шкалы). Стили макета не меняются. */
html,body{margin:0;height:100%;background:#F3F4F7}
body{overscroll-behavior:none}
#app{height:100%}
/* на холсте телефон — кадр 844px; на устройстве — весь экран */
.board.is-phone{height:100vh;height:100dvh}
.is-phone .tabbar{padding-bottom:max(6px,env(safe-area-inset-bottom))}
/* шкалы с шагом 5 % (в макете только нужные кадрам) */
.board .p0{width:0%}.board .p5{width:5%}.board .p10{width:10%}.board .p15{width:15%}.board .p20{width:20%}.board .p25{width:25%}.board .p30{width:30%}.board .p35{width:35%}.board .p40{width:40%}.board .p45{width:45%}.board .p50{width:50%}.board .p55{width:55%}.board .p60{width:60%}.board .p65{width:65%}.board .p70{width:70%}.board .p75{width:75%}.board .p80{width:80%}.board .p85{width:85%}.board .p90{width:90%}.board .p95{width:95%}.board .p100{width:100%}
.board .w0{width:0%}.board .w5{width:5%}.board .w10{width:10%}.board .w15{width:15%}.board .w20{width:20%}.board .w25{width:25%}.board .w30{width:30%}.board .w35{width:35%}.board .w40{width:40%}.board .w45{width:45%}.board .w50{width:50%}.board .w55{width:55%}.board .w60{width:60%}.board .w65{width:65%}.board .w70{width:70%}.board .w75{width:75%}.board .w80{width:80%}.board .w85{width:85%}.board .w90{width:90%}.board .w95{width:95%}.board .w100{width:100%}
/* три модели в переключателе чата */
.prov{grid-template-columns:repeat(3,minmax(0,1fr))}
.prov-i.off{opacity:.5;cursor:not-allowed}
/* тревога кэша в «Облаке» */
.cost-i.alarm .cost-m{color:var(--urgent)}
/* вход */
.login-board{display:flex;align-items:center;justify-content:center;padding:16px}
.login{width:min(360px,100%);display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.login .brand{margin-bottom:8px}
.login-l{font-size:13px;color:var(--ink-2)}
.login .ed-err:empty{display:none}
.login .btn{justify-content:center}
@media (prefers-color-scheme: dark){html,body{background:#0D0F14}}
/* узкая колонка: ссылки не наезжают на кнопки — кнопки переносятся строкой ниже */
.c-foot .links{flex:1 1 170px}