/* Страница входа (Authelia) в стиле дизайнгост. nginx добавляет эту таблицу в (sub_filter, см. nginx.conf). Authelia собрана на Tailwind: цвета — CSS-переменные (--background, --primary…), их и подменяем токенами дизайн-системы (Figma BgQxlYn7RrvgLVuafz8kSn). Селекторы — по id и data-slot: они стабильны между версиями, классы Tailwind — нет. После обновления Authelia — открыть auth.контур… и проверить. */ @font-face{font-family:"Golos Text";src:url("/kontur-auth/fonts/golos-cyrillic.woff2") format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"Golos Text";src:url("/kontur-auth/fonts/golos-latin.woff2") format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"IBM Plex Mono";src:url("/kontur-auth/fonts/plexmono-500-cyrillic.woff2") format("woff2");font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"IBM Plex Mono";src:url("/kontur-auth/fonts/plexmono-500-latin.woff2") format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root, :root[data-theme]{ --background:#0B0B0B !important; --foreground:#EDEDEA !important; --card:#141414 !important; --card-foreground:#EDEDEA !important; --popover:#1B1B1B !important; --popover-foreground:#EDEDEA !important; --primary:#F4F4F1 !important; --primary-foreground:#0B0B0B !important; --secondary:rgba(255,255,255,.1) !important; --secondary-foreground:#F4F4F1 !important; --muted:#141414 !important; --muted-foreground:#8E8E89 !important; --accent:rgba(255,255,255,.06) !important; --accent-foreground:#EDEDEA !important; --destructive:#F0A08A !important; --destructive-foreground:#0B0B0B !important; --success:#9FC79A !important; --warning:#E3C27A !important; --info:#B4B4AF !important; --border:rgba(255,255,255,.08) !important; --input:rgba(255,255,255,.08) !important; --ring:rgba(244,244,241,.75) !important; --font-sans:"Golos Text",system-ui,sans-serif !important; --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace !important; --default-font-family:"Golos Text",system-ui,sans-serif !important; color-scheme:dark; } html,body{background:#0B0B0B !important;color:#EDEDEA;font-family:"Golos Text",system-ui,sans-serif !important;-webkit-font-smoothing:antialiased} body *{font-family:inherit} code,kbd,pre{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace} /* шаг входа — плита по центру. Все шаги Authelia называются *-stage */ [id$="-stage"]>div{max-width:420px !important;padding:32px 28px 28px !important;border-radius:18px;background:#141414;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} @media (max-width:480px){[id$="-stage"]>div{padding:24px 18px !important;border-radius:16px}} /* вместо аватара Authelia — знак контура */ #UserSvg{display:none} div:has(>#UserSvg){display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 8px !important} div:has(>#UserSvg)::before{content:"";width:48px;height:48px;border-radius:14px;background:#212120 url("/kontur-auth/shield.svg") center/26px no-repeat} div:has(>#UserSvg)::after{content:"контур.дизайнгост.рф";font:500 12px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.04em;color:#8E8E89} h5{font:500 26px/1.2 "Golos Text",system-ui,sans-serif !important;letter-spacing:-.01em;color:#F4F4F1;margin-top:4px} /* поля: заливка без рамки, кольцо фокуса — как на сайте */ [data-slot="floating-input"],input:not([type=checkbox]):not([type=radio]){border:0 !important;border-radius:10px !important;background:rgba(255,255,255,.08) !important;color:#EDEDEA !important;transition:background .2s,box-shadow .2s} [data-slot="floating-input"]:hover{background:rgba(255,255,255,.11) !important} [data-slot="floating-input"]:focus,input:focus{background:rgba(255,255,255,.13) !important;box-shadow:0 0 0 2px rgba(244,244,241,.75) !important;outline:none} [data-slot="floating-input"][aria-invalid="true"]{box-shadow:0 0 0 2px #F0A08A !important} [data-slot="floating-input"]+label,label{color:rgba(244,244,241,.6) !important} [data-slot="floating-input"]:focus+label{color:#B4B4AF !important} input:-webkit-autofill{-webkit-text-fill-color:#EDEDEA;-webkit-box-shadow:0 0 0 60px #262626 inset !important;caret-color:#EDEDEA} /* кнопки: светлая основная, без капса */ [data-slot="button"]{min-height:48px;border-radius:12px !important;text-transform:none !important;letter-spacing:0 !important;font:500 15px/1 "Golos Text",system-ui,sans-serif !important;transition:background .2s,opacity .2s} [data-slot="button"][data-variant="default"]{background:#F4F4F1 !important;color:#0B0B0B !important} [data-slot="button"][data-variant="default"]:hover{background:#FFFFFF !important} [data-slot="button"][data-variant="outline"],[data-slot="button"][data-variant="secondary"]{background:rgba(255,255,255,.1) !important;color:#F4F4F1 !important;border:0 !important} [data-slot="button"][data-variant="ghost"],[data-slot="button"][data-variant="link"]{color:#B4B4AF !important} [data-slot="button"]:focus-visible{outline:2px solid rgba(244,244,241,.75);outline-offset:2px} /* ссылки и мелочи */ a{color:#B4B4AF} a:hover{color:#EDEDEA} a[href*="authelia.com"]{color:#6a6a66 !important;font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace !important} #language-button{color:#8E8E89} #language-button:hover{background:rgba(255,255,255,.06)} /* поля одноразового кода (6 цифр) */ input[autocomplete="one-time-code"],[data-slot="input-otp-slot"]{font:500 22px/1 "IBM Plex Mono",ui-monospace,monospace !important;background:rgba(255,255,255,.08) !important;border:0 !important;border-radius:10px !important;color:#F4F4F1 !important} [data-slot="input-otp-slot"][data-active="true"]{box-shadow:0 0 0 2px rgba(244,244,241,.75) !important} /* диалоги и всплывающие окна */ [role="dialog"],[data-slot="dialog-content"],[data-slot="popover-content"],[data-slot="dropdown-menu-content"]{background:#1B1B1B !important;border:0 !important;border-radius:18px !important;box-shadow:0 24px 64px rgba(0,0,0,.6) !important;color:#EDEDEA} /* заголовок первого шага: «Вход в контур» вместо «Авторизация» (текст Authelia остаётся для программ чтения экрана) */ #first-factor-stage h5{font-size:0 !important;line-height:0 !important} #first-factor-stage h5::before{content:"Вход в контур";display:block;font:500 26px/1.2 "Golos Text",system-ui,sans-serif;letter-spacing:-.01em}