/* Система дизайна Dreamteam Digital v.2 — общий файл страниц подбора (index.html) и кандидата (portal/). Источник: docs/design/design-system-v2.html — токены и компоненты скопированы буквально; отклонения запрещены (решение 03.09.2026). Шрифт Object Sans — файлы в fonts/ рядом с этим файлом. */ /* Система дизайна Dreamteam Digital v.2 — docs/design/design-system-v2.html (токены и компоненты скопированы буквально; отклонения запрещены, решение 03.09.2026). Шрифт Object Sans — файлы в fonts/ (источник системы дизайна недоступен), запасной стек — из самой системы. */ @font-face { font-family: "Object Sans"; src: url("fonts/ObjectSans-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; } @font-face { font-family: "Object Sans"; src: url("fonts/ObjectSans-Heavy.ttf") format("truetype"); font-weight: 800; font-display: swap; } :root { /* 5 brand colors */ --dark: 228 6% 17%; --light: 60 23% 94%; --warm: 24 49% 53%; --yellow: 44 89% 61%; --teal: 175 14% 69%; /* UI tokens */ --background: var(--light); --foreground: var(--dark); --surface: 0 0% 100%; --muted: 60 15% 90%; --muted-foreground: 228 4% 46%; --border: 60 8% 85%; --destructive: 0 84% 60%; --radius: 0.5rem; /* Component aliases */ --card: var(--surface); --card-foreground: var(--dark); --primary: var(--dark); --primary-foreground: var(--light); --secondary: var(--muted); --secondary-foreground: var(--dark); --accent: var(--muted); --accent-foreground: var(--dark); --destructive-foreground: 0 0% 100%; --input: var(--border); --ring: var(--dark); /* Sidebar */ --sidebar-background: var(--dark); --sidebar-foreground: 0 0% 100%; --sidebar-primary: var(--light); --sidebar-primary-foreground: var(--dark); --sidebar-accent-foreground: var(--light); --sidebar-muted: 0 0% 60%; --sidebar-width: 240px; } * { box-sizing: border-box; } [hidden] { display: none !important; } body { margin: 0; background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: "Object Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; } body.busy button, body.busy input, body.busy select, body.busy textarea { pointer-events: none; } /* «Отменить» у отложенных решений работает и во время замка — выход ждёт очередь и отмена её сокращает. */ body.busy .toasts button { pointer-events: auto; } /* Видимое ожидание (правило CIO 20.10.2026): крутилка на нажатой кнопке, полоса сверху — запрос дольше 0,5 с. */ @keyframes spin { to { transform: rotate(360deg); } } @keyframes busy-run { from { left: -30%; } to { left: 100%; } } @keyframes drain { from { width: 100%; } to { width: 0; } } .spinner, button[aria-busy="true"]::before { content: ""; display: inline-block; flex: none; width: 1em; height: 1em; vertical-align: -.15em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin .8s linear infinite; } button[aria-busy="true"] { cursor: progress; } button[aria-busy="true"]:not(.btn)::before { margin-right: 6px; } .busy-bar { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 1000; overflow: hidden; background: hsl(var(--foreground) / .12); } .busy-bar::after { content: ""; position: absolute; top: 0; bottom: 0; width: 30%; background: hsl(var(--foreground)); animation: busy-run 1.2s ease-in-out infinite; } .boot { min-height: 100vh; display: flex; align-items: center; justify-content: center; gap: 10px; color: hsl(var(--muted-foreground)); } body:has(#login:not([hidden])) .boot, body:has(#work:not([hidden])) .boot { display: none; } .loading-state { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 48px 16px; color: hsl(var(--muted-foreground)); } .ai-wait { font-size: 13px; color: hsl(var(--muted-foreground)); } .toast:has(.pending-drain) { position: relative; overflow: hidden; flex-shrink: 0; } /* много отложенных — не сжимать (t-86yw) */ .pending-drain { position: absolute; left: 0; bottom: 0; height: 3px; background: hsl(var(--foreground)); animation: drain linear forwards; } progress.upload { width: 100%; height: 6px; accent-color: hsl(var(--foreground)); } body.modal-open { overflow: hidden; } h1, h2, h3, h4 { font-weight: 800; line-height: 1.2; margin: 0; } p { margin: 0; } .muted { color: hsl(var(--muted-foreground)); } /* Layout: левое меню прибито к окну (position: fixed), контент сдвинут отступом на ширину меню. Меню 240px, в полоске — 64px (--nav-w ставит html.rail, см. «Свёрнутое меню» ниже). HR-автоматизация: иначе, чем в системе дизайна, решение CIO 21.10.2026. */ .layout { display: block; min-height: 100vh; padding-left: var(--nav-w, var(--sidebar-width)); } /* Колонка контента ужимается под окно: без min-width широкая таблица распирает страницу, и горизонтально едет вся вёрстка, а не таблица внутри своей карточки. */ .layout > div { min-width: 0; } aside { background: hsl(var(--sidebar-background)); color: hsl(var(--sidebar-foreground)); padding: 24px 16px; position: sticky; top: 0; height: 100vh; overflow-y: auto; display: flex; flex-direction: column; } /* Меню от верха до низа окна при любой длине страницы: fixed, а не sticky — чужой блок в конце body (кнопка «Сообщить» Dev Hub) не обрывает его. Только в каркасе .layout: другие