/*!* ЖЕЛЕЗНО — MainLayout shell. Глобальный (матчит DOM MudBlazor напрямую, как auth.css/applications.css).*/ /* Мобайл (<768): верхний бар (контекстный, SectionOutlet) + контент + нижняя навигация.*/ /* Десктоп (≥768): боковой сайдбар + контент. Подключён в App.razor ПОСЛЕ MudBlazor, ДО scoped-бандла. *!*/ /*.z-shell { min-height: 100vh; min-height: 100dvh; background: var(--z-bg); }*/ /*!* ── Десктоп-сайдбар (по умолчанию скрыт) ── *!*/ /*.z-sidebar { display: none; }*/ /*!* ── Мобильный верхний бар ── *!*/ /*.z-appbar {*/ /* position: sticky; top: 0; z-index: 20;*/ /* display: flex; align-items: center; gap: 8px;*/ /* height: var(--appbar-h); padding: 0 10px 0 14px;*/ /* background: #fff; border-bottom: 0.5px solid var(--z-border);*/ /*}*/ /*!* заголовок-только (без «назад») не должен липнуть к краю *!*/ /*.z-appbar-start > .z-bar-title:first-child { padding-left: 2px; }*/ /*.z-appbar-start { display: flex; align-items: center; gap: 4px; min-width: 0; flex: 1; }*/ /*.z-appbar-end { display: flex; align-items: center; gap: 2px; margin-left: auto; flex-shrink: 0; }*/ /*.z-bar-title { font-size: 16px; font-weight: 700; color: var(--z-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/ /*.z-bar-back.mud-button-root { min-width: 0; padding: 6px; color: var(--z-t2); }*/ /*!* Корзина удаления черновика — справа в плоской шапке визарда (макет b2-draft-continue). *!*/ /*.z-bar-del.mud-button-root { min-width: 0; padding: 6px; color: var(--z-error); }*/ /*.z-bar-del .mud-icon-root { font-size: 22px; }*/ /*!* ── Фирменная шапка экрана (ZHeader Variant=Blue, B1). Размеры в rem = макет(300px)×1.3. ── *!*/ /*.bg-blue-gradient {*/ /* background:*/ /* radial-gradient(120% 90% at 110% -10%, var(--blue-500) 0%, transparent 55%),*/ /* radial-gradient(120% 80% at -10% 0%, var(--blue-700) 0%, transparent 60%),*/ /* linear-gradient(165deg, var(--blue-600) 0%, var(--blue-800) 100%);*/ /*}*/ /*!* строка: заголовок + колокол (макет padding 14/16/16 → 18/21/21; gap 10 → 13).*/ /* min-height = высота контента шапки Профиля (.hdr-prof: аватар 4.3875rem + паддинги 1.1375+1.4625),*/ /* чтобы band Заявок была той же высоты, что у Профиля. *!*/ /*.z-hdr-row { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between;*/ /* gap: 0.8125rem; padding: 1.125rem 1.3125rem 1.3125rem; min-height: 6.9875rem; }*/ /*.z-hdr-title { font-size: 1.75rem; font-weight: 700; line-height: 1.1; } !* 28px@390 (макет 22) *!*/ /*!* колокол-в-круге (макет 38 → 49; глиф 20 → 26; точка 7 → 9).*/ /* Пока неактивен (экрана уведомлений нет) → приглушённый серый, без точки. *!*/ /*.z-hdr-bell { position: relative; flex-shrink: 0; width: 3.0625rem; height: 3.0625rem; border-radius: 50%;*/ /* background: rgba(255,255,255,.10); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.5); font-size: 1.625rem; }*/ /*.z-hdr-bell-dot { position: absolute; top: 0.75rem; right: 0.8125rem; width: 0.5625rem; height: 0.5625rem;*/ /* border-radius: 50%; background: var(--z-error); border: 1.5px solid rgba(255, 255, 255, .5); }*/ /*!* ── Статус-бейдж заявки (общий компонент StatusBadge на MudChip) ──*/ /* Один источник для B1-карточки (.acard) и мини-обзора Главной (.home).*/ /* Корень — MudChip; гасим его геометрию (height/min-height/padding/margin),*/ /* форму/цвет задают .z-badge-* ниже. Двойной класс (.mud-chip.z-badge) бьёт*/ /* вариант-классы Mud (см. gotcha-mud-css-specificity); shell.css грузится после MudBlazor. *!*/ /*.mud-chip.z-badge {*/ /* display: inline-flex; align-items: center; gap: 0.3125rem; !* 5px *!*/ /* padding: 0.3125rem 0.8125rem; border-radius: var(--r-full); !* 5/13px *!*/ /* font-size: 0.9375rem; font-weight: 500; line-height: 1; !* 15px *!*/ /* white-space: nowrap; height: auto; min-height: 0; margin: 0;*/ /*}*/ /*!* Дот лежит внутри обёртки контента MudChip (не прямой флекс-ребёнок .z-badge), поэтому*/ /* gap не отделяет его от текста — зазор задаём margin-right; inline-block — чтобы у inline-span*/ /* применились width/height. *!*/ /*.z-badge .z-badge-dot { display: inline-block; vertical-align: middle; width: 0.5rem; height: 0.5rem; border-radius: 50%; margin-right: 0.3125rem; flex-shrink: 0; } !* 8px; mr5 *!*/ /*.z-badge.z-badge-new { background: var(--z-info-bg); color: var(--z-info-text); }*/ /*.z-badge.z-badge-wip { background: var(--z-warning-bg); color: var(--z-warning-text); }*/ /*.z-badge.z-badge-done { background: var(--z-success-bg); color: var(--z-success-text); }*/ /*.z-badge.z-badge-rejected { background: var(--z-error-bg); color: var(--z-error-text); }*/ /*.z-badge.z-badge-muted { background: var(--ink-100); color: var(--z-t2); }*/ /*.z-badge-new .z-badge-dot { background: var(--z-info); }*/ /*.z-badge-wip .z-badge-dot { background: var(--z-warning); }*/ /*.z-badge-done .z-badge-dot { background: var(--z-success); }*/ /*.z-badge-rejected .z-badge-dot { background: var(--z-error); }*/ /*.z-badge-muted .z-badge-dot { background: var(--z-t3); }*/ /*!* ── Контент (низ — место под нижнюю навигацию) ── *!*/ /*!* Визард создания: нижняя нав скрыта → паддинг под неё не нужен (прилипающий футер сам у низа). *!*/ /*.z-content-wizard { padding-bottom: 0; }*/ /*!* Экран-форма запроса документа: обычный скролл + боковой паддинг .z-content,*/ /* нижняя нав скрыта → уменьшаем нижний отступ (не спец-раскладка визарда). *!*/ /*.z-content-focus { padding-bottom: 1.5rem; }*/ /*!* ── Нижняя навигация (мобайл) ── *!*/ /*.z-bottomnav.mud-navmenu {*/ /* position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;*/ /* display: flex; padding: 6px 4px calc(6px + env(safe-area-inset-bottom));*/ /* background: #fff; border-top: 0.5px solid var(--z-border);*/ /*}*/ /*!* z-bn-item сидит на обёртке
, а mud-nav-link — на вложенном */ /* (так MudNavLink 8.15 размещает пользовательский Class). Поэтому селекторы = ПОТОМКИ*/ /* (.z-bn-item .mud-nav-link), а не компаунд (.z-bn-item.mud-nav-link) — иначе не матчатся. *!*/ /*!* Реальные флекс-дети