/* ЛК в браузере (web.html). Телефон = мини-апп как есть; от 960px — меню слева, контент справа. */

/* Вход и аккаунт */
.web-field{display:block;font-size:13px;font-weight:600;margin-top:14px}
.web-auth .primary,.web-auth .secondary{margin-top:12px}
.web-auth form .secondary{margin-top:16px}
.web-divider{display:flex;align-items:center;gap:12px;margin:22px 0 2px;color:var(--muted);font-size:12px}
.web-divider:before,.web-divider:after{content:"";flex:1;height:1px;background:var(--line)}
.web-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px;margin-top:6px}
.web-g{font-weight:800;color:#4285f4}
.web-error{color:var(--danger);background:#fbeef0}
dialog form .primary{margin-top:18px}
html[data-theme=dark] .field input{background:#ffffff0d;border-color:#ffffff24;color:inherit}
html[data-theme=dark] .web-error{background:#3a1d24;color:#ffb3bf}

html.web-guest .navigation{display:none}
html.web-guest #screen{padding-bottom:48px}
.web-info{cursor:default}

/* ПК */
@media (min-width:960px){
  html[data-web="1"] .app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;max-width:1140px!important;min-height:calc(100dvh - 48px)!important;margin:24px auto!important;border-radius:34px;overflow:clip}
  html[data-web="1"] .header{grid-column:1;grid-row:1;height:104px;padding:0 26px}
  html[data-web="1"] .navigation{position:sticky!important;top:24px;grid-column:1;grid-row:2;left:auto!important;bottom:auto!important;transform:none!important;width:auto!important;flex-direction:column;gap:6px;margin:0 18px;padding:8px!important}
  html[data-web="1"] .navigation a{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;min-height:50px;padding:0 16px;font-size:14px}
  html[data-web="1"] #screen{grid-column:2;grid-row:1/span 2;width:100%;max-width:800px;box-sizing:border-box;padding:44px 56px 72px}
  html[data-web="1"] #toast{left:calc(50% + 132px)!important;bottom:36px}
}
.web-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;user-select:all;letter-spacing:.5px}
.web-buy form .primary{margin-top:18px}
.web-trial{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);text-align:center}
.web-trial span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}