/* Маркетинговые и рабочие шапки используют один размер логотипа и общие действия. */
.portal-header { --portal-action-gap:6px; position:sticky; top:0; z-index:50; color:var(--portal-color-ink); background:var(--portal-color-paper); border-bottom:1px solid var(--portal-color-line); font:500 14px/1.4 Onest,sans-serif; }
.portal-header *, .portal-header *::before, .portal-header *::after { box-sizing:border-box; }
.portal-header .portal-header__inner { display:flex; align-items:center; gap:24px; width:min(91vw,1280px); min-height:76px; margin:0 auto; padding:10px 0; }
.portal-header.is-scrolled .portal-header__inner { min-height:52px; padding:4px 0; }
.portal-header a { text-decoration:none; color:inherit; }
.portal-header .portal-header__brand { display:inline-flex; align-items:center; flex-shrink:0; gap:14px; font:800 15px/1.2 Unbounded,sans-serif; letter-spacing:-.8px; }
.portal-header__brand img { display:block; width:38px; height:38px; }
.portal-header .brand-pack { color:var(--portal-color-blue); }
.portal-header .portal-header__navigation { display:flex; align-items:center; gap:clamp(16px,2vw,30px); margin-left:auto; }
.portal-header__navigation>a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:550; }
.portal-header__navigation>a:hover, .portal-header a[aria-current="page"] { color:var(--portal-color-blue); }
.portal-header .portal-header__actions { display:flex; align-items:center; justify-content:flex-end; flex-shrink:0; gap:var(--portal-action-gap); margin-left:auto; }
.portal-header__navigation + .portal-header__actions { margin-left:0; }
.portal-header .portal-header__utilities { display:flex; align-items:center; gap:var(--portal-action-gap); margin:0; }
.portal-header :is(.portal-header__icon,.project-header__quick-link,.process-indicator) { display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:44px; height:44px; padding:8px; gap:2px; border:0; border-radius:0; box-shadow:none; background:transparent; color:inherit; }
.portal-header :is(.portal-header__icon,.project-header__quick-link,.process-indicator) svg { width:24px; height:24px; flex-shrink:0; }
.portal-header .portal-header__actions :is(.portal-header__icon,.project-header__quick-link,.process-indicator,.project-credit-balance) .portal-header__count { position:static; display:inline-flex; align-items:center; justify-content:center; min-width:17px; height:20px; margin:0; padding:0 2px; border:1px solid currentColor; border-radius:3px; background:transparent; color:inherit; font:600 11px/1 Onest,sans-serif; font-variant-numeric:tabular-nums; }
.portal-header [hidden] { display:none!important; }
.portal-header .project-credit-balance { display:inline-flex; align-items:center; gap:2px; min-height:44px; padding:8px; border:0; background:transparent; color:inherit!important; white-space:nowrap; line-height:1; }
.portal-header .project-credit-balance:hover { transform:none; background:transparent; }
.portal-header .credit-unit-icon { display:block; width:24px; height:24px; }
.portal-header .project-credit-balance small { display:block; color:var(--portal-color-muted); font:600 11px/1 Onest,sans-serif; }
.portal-header .project-credit-unit { position:relative; margin-top:0; }
.portal-header .project-credit-discount { position:absolute; bottom:calc(100% + 3px); left:50%; transform:translateX(-50%); color:var(--portal-color-purple); font-size:11px; }
.portal-header .generation-sharing-progress { display:grid; gap:5px; min-width:110px; max-width:160px; color:var(--portal-color-muted); font-size:11px; }
.portal-header .generation-sharing-progress>i { height:3px; background:var(--portal-color-line); }
.portal-header .generation-sharing-progress>i>b { display:block; height:100%; background:var(--portal-color-blue); }
.portal-header .generation-sharing-progress.is-active { display:none; }
.portal-header .portal-header__toggle { display:none; }
.portal-header :is(a,button):focus-visible { outline:3px solid var(--portal-color-blue); outline-offset:3px; }
.portal-header a:hover { color:var(--portal-color-blue); }
.portal-header .site-account-link--login, .portal-header .site-account-link--login:hover { color:var(--portal-color-on-accent); }
@media(max-width:1100px) { .portal-header .portal-header__inner { gap:12px; } .portal-header--workspace .portal-header__brand>span { display:none; } }
@media(max-width:832px) {
    .portal-header .portal-header__inner { flex-wrap:wrap; gap:8px 12px; min-height:64px; }
    .portal-header .portal-header__toggle { display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; gap:5px; order:2; width:44px; height:44px; padding:10px; border:1px solid var(--portal-color-line); border-radius:50%; background:transparent; color:inherit; cursor:pointer; }
    .portal-header__toggle>span { width:20px; height:2px; background:currentColor; }
    .portal-header .portal-header__navigation { display:none; order:4; width:100%; margin:0; padding:8px 0; border-top:1px solid var(--portal-color-line); }
    .portal-header .portal-header__navigation.is-open { display:flex; flex-wrap:wrap; gap:4px 20px; }
    .portal-header .portal-header__actions { order:1; margin-left:auto; }
    .portal-header--workspace .portal-header__actions { flex-wrap:wrap; }
    .portal-header--workspace .generation-sharing-progress { display:none; }
    .portal-header--workspace .portal-header__brand { margin-right:auto; }
    .portal-header--workspace .portal-header__actions { order:3; width:100%; justify-content:flex-end; }
    .portal-header--workspace .portal-header__navigation { order:2; }
    .portal-header--workspace .portal-header__toggle { order:1; }
}
@media(max-width:420px) { .portal-header--marketing .portal-header__brand { gap:8px; font-size:12px; } .portal-header--marketing .portal-header__brand img { width:30px; height:30px; } .portal-header .portal-header__inner { column-gap:8px; } }

@media(max-width:832px) {
    .portal-header--workspace .portal-header__brand>span { display:inline; }
    .portal-header--workspace .project-credit-balance small { font-size:10px; }
}

.channel-landing>.portal-header { position:fixed; inset:0 0 auto; }
.portal-header--marketing .portal-header__inner { min-height:64px; }
.portal-header--marketing.is-scrolled .portal-header__inner { min-height:52px; }

@media(max-width:832px) { .channel-landing:has(>.portal-header--workspace) { padding-top:52px; } }