/* ==========================================================================
   /workspace/ — публичная страница Workspace (вход в личный кабинет), 23.10.2026.
   Общая основа сайта: шапка и подвал templates/site, цвета --site-* (css/site-tokens.css), тема Light/Dark,
   приёмы главной (home-v2.css): секции .hv2-section, заголовки .hv2-h2, карточки — серые с кромкой 3px,
   один синий акцент. Своей палитры нет.
   ========================================================================== */
.wl-page{background:var(--site-bg);color:var(--site-text)}
.wl-page h1,.wl-page h2,.wl-page h3{color:var(--site-ink);background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor}
.wl-page a:focus-visible,.wl-page button:focus-visible,.wl-page summary:focus-visible{outline:2px solid var(--site-link);outline-offset:3px}

/* Первый экран: текст и вход слева, снимок кабинета справа */
.wl-hero{padding-top:56px;padding-bottom:64px}
.wl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.wl-eyebrow{margin:0 0 16px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--site-link)}
.wl-hero h1{margin:0 0 16px;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.035em;font-weight:700}
.wl-lead{margin:0 0 24px;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.55;color:var(--site-text)}
.wl-checks{display:grid;gap:10px;margin:0 0 32px;padding:0;list-style:none}
.wl-checks li{display:flex;gap:12px;align-items:flex-start;line-height:1.5;color:var(--site-ink)}
.wl-checks i{flex:none;margin-top:2px;color:var(--site-link);font-size:1.1rem}
.wl-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.wl-actions .hv2-btn i{margin-right:8px}
.wl-btn-outline{background:var(--site-surface);color:var(--site-ink);border:1px solid var(--site-line-strong)}
.wl-btn-outline:hover{border-color:var(--site-link);color:var(--site-link);background:var(--site-surface)}
.wl-shot{margin:0;padding:10px;border:1px solid var(--site-line);border-radius:14px;background:var(--site-bg-soft);box-shadow:0 20px 50px var(--site-shadow)}
.wl-shot img{display:block;width:100%;height:auto;border-radius:8px}

/* Возможности платформы — полоса показателей (как сводка на странице Postpaid) */
.wl-stats{border-block:1px solid var(--site-line);background:var(--site-bg-soft)}
.wl-stats-title{margin:0;padding-top:28px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--site-muted)}
.wl-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.wl-stats-grid>div{padding:20px 24px 28px;border-inline-end:1px solid var(--site-line)}
.wl-stats-grid>div:first-child{padding-inline-start:0}
.wl-stats-grid>div:last-child{border:0}
.wl-stats-grid dt{font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:700;line-height:1.1;color:var(--site-ink);letter-spacing:-.02em}
.wl-stats-grid dd{margin:6px 0 0;font-size:.95rem;line-height:1.45;color:var(--site-text)}
.wl-stats-grid dd small{display:block;color:var(--site-muted);font-size:.8rem}

/* Разделы возможностей */
.wl-suite-head{max-width:760px;margin:0 0 8px}
.wl-sub{margin:12px 0 0;font-size:1.05rem;line-height:1.6;color:var(--site-text)}
.wl-group{margin-top:56px}
.wl-group:first-of-type{margin-top:40px}
.wl-group-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--site-line)}
.wl-group-head h3{margin:0;font-size:1.35rem;font-weight:700}
.wl-group-head p{margin:0;color:var(--site-muted)}
.wl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wl-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Карточка — приём главной (.hv2-dir): серая подложка, синяя кромка 3px сверху */
.wl-card{position:relative;display:flex;flex-direction:column;padding:24px;border-top:3px solid var(--site-accent);border-radius:0 0 12px 12px;background:var(--site-bg-soft)}
.wl-card h4{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:1.1rem;font-weight:650;line-height:1.3;color:var(--site-ink)}
.wl-card h4 i{color:var(--site-link);font-size:1.25rem}
.wl-card p{margin:0 0 14px;font-size:.95rem;line-height:1.6;color:var(--site-text)}
.wl-card ul{margin:0;padding:0;list-style:none}
.wl-card li{position:relative;padding:6px 0 6px 22px;border-top:1px solid var(--site-line);font-size:.9rem;line-height:1.45;color:var(--site-ink)}
.wl-card li::before{content:"";position:absolute;left:2px;top:12px;width:10px;height:6px;border-left:2px solid var(--site-link);border-bottom:2px solid var(--site-link);transform:rotate(-45deg)}
.wl-card--soon{border-top-color:var(--site-line-strong)}
.wl-tag{position:absolute;top:16px;right:16px;padding:2px 10px;border:1px solid var(--site-line-strong);border-radius:999px;background:var(--site-surface);color:var(--site-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
[dir="rtl"] .wl-tag{right:auto;left:16px}

/* Почему Netts Workspace — три карточки на мягком фоне */
.wl-why .wl-card{background:var(--site-surface);border:1px solid var(--site-line);border-top:3px solid var(--site-accent)}

/* Вход через Telegram — нативное окно <dialog> */
.wl-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:24px;border:1px solid var(--site-line);border-radius:14px;background:var(--site-surface);color:var(--site-text);box-shadow:0 24px 60px var(--site-shadow)}
.wl-dialog::backdrop{background:rgba(11,16,32,.55)}
.wl-dialog h2{margin:0 0 8px;font-size:1.25rem;font-weight:700}
.wl-dialog p{margin:0 0 16px;line-height:1.55}
.wl-dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--site-muted);font-size:1.4rem;line-height:1;cursor:pointer}
.wl-dialog-close:hover{background:var(--site-bg-soft);color:var(--site-ink)}
.wl-field{margin-bottom:14px}
.wl-field label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--site-ink)}
.wl-field input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--site-line-strong);border-radius:8px;background:var(--site-bg);color:var(--site-ink);font-size:16px}
.wl-field input:focus{outline:none;border-color:var(--site-link);box-shadow:0 0 0 3px var(--site-accent-soft)}
.wl-dialog .hv2-btn{width:100%}
.wl-dialog-link{display:block;margin-top:14px;text-align:center;color:var(--site-link);font-weight:500}
.wl-msg{margin-top:14px;padding:10px 12px;border-radius:8px;border:1px solid var(--site-danger);color:var(--site-ink);font-size:.9rem}
.wl-msg.is-ok{border-color:var(--site-success)}
.wl-msg[hidden]{display:none}

@media (max-width:991px){
  .wl-hero-grid{grid-template-columns:1fr;gap:32px}
  .wl-cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .wl-hero{padding-top:32px;padding-bottom:40px}
  .wl-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wl-stats-grid>div{padding:16px 12px 20px!important}
  .wl-stats-grid>div:nth-child(2){border:0}
  .wl-cards,.wl-cards--3{grid-template-columns:1fr}
  .wl-actions .hv2-btn{flex:1 1 100%}
  .wl-group{margin-top:40px}
}
@media (max-width:359px){.wl-stats-grid{grid-template-columns:1fr}.wl-stats-grid>div{border:0}}
@media (prefers-reduced-motion:reduce){.wl-page *{transition:none!important}}