/* Вход в панель управления TOP GRADE — в стиле первого экрана сайта (28.10.2026). Подключается панелью на страницах до
   входа, если на сервере один магазин (panel/login_theme.py). Файлы — /root/internet_stores/top-grade/panel-login/:
   photo.webp — колесо в красном контровом свете (логобук стр. 1, 15; на сайте images/tg/wheel-red-1536.webp),
   logo.png — исходный логотип на чёрной подложке (логобук стр. 5–9: не перекрашивать), шрифт DejaVu Sans (логобук стр. 12)
   — свои файлы: защита панели не пускает сторонние адреса. Цвета — логобук стр. 10: CARBON #090A0C, GRAPHITE #24272D,
   PAPER #F3F3EF; кнопка #D50D26 (белый текст 5,2:1; на SIGNAL #ED102B было бы 4,47:1 — ниже нормы). */
@font-face{font-family:"TG Sans";src:url(/login-theme/dejavu-sans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TG Sans";src:url(/login-theme/dejavu-sans-bold.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}

body.plain{--bg:#090A0C;--card:#14161A;--text:#F3F3EF;--muted:#A3A7AE;--line:#2C3037;--accent:#D50D26;--on-accent:#FFFFFF;
  --accent-text:#F3F3EF;--radius:2px;background:#090A0C;color:#F3F3EF;font:15px/1.55 "TG Sans","DejaVu Sans",Verdana,sans-serif}
body.plain h1{font-family:"TG Sans","DejaVu Sans",sans-serif;font-weight:700;letter-spacing:-.01em;color:#F3F3EF;text-transform:uppercase}
body.plain input{border:1px solid #3A3F47;border-radius:2px;padding:13px 16px;background:#090A0C;color:#F3F3EF;font:inherit}
body.plain input:focus-visible{border-color:#F3F3EF;outline:2px solid #ED102B;outline-offset:1px}
body.plain button{border-radius:2px;background:#D50D26;color:#fff;font:700 14px/1.2 "TG Sans","DejaVu Sans",sans-serif;
  letter-spacing:.06em;text-transform:uppercase;padding:16px 28px;min-height:52px}
body.plain button:hover{background:#B80B21;filter:none}
body.plain .link,body.plain .link:hover{background:none;color:#F3F3EF;padding:0;min-height:0;font-weight:400;font-size:14px;text-transform:none;letter-spacing:0}
body.plain a{color:#F3F3EF}
:focus-visible{outline-color:#ED102B}

body.plain:has(.lt) main{max-width:none;padding:24px}
.lt{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(400px,1fr);max-width:1320px;margin:0 auto;
  min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);overflow:hidden;border:1px solid #24272D;background:#090A0C;isolation:isolate}
.lt-photo{position:relative;background:#090A0C url(/login-theme/photo.webp) 45% center/cover no-repeat}
.lt-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#090A0C)}
.lt-side{position:relative;display:flex;align-items:center;justify-content:center;padding:56px 8%;overflow:hidden;background:#090A0C;z-index:0}
/* диагональная сетка — только на свободном поле (логобук стр. 13); красная полоса — отдельный акцент */
.lt-side::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background:repeating-linear-gradient(-62deg,transparent 0 22px,#1A1D22 22px 23px)}
.lt-form{width:100%;max-width:380px}
.lt-logo{display:block;width:240px;max-width:80%;height:auto;margin:0 auto 26px}
.lt-name{margin:0 0 22px;text-align:center;font:700 32px/1.1 "TG Sans",sans-serif;color:#F3F3EF}
.lt-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 18px;color:#A3A7AE;font-size:11px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;justify-content:center}
.lt-eyebrow::before,.lt-eyebrow::after{content:"";flex:1;height:1px;background:#2C3037}
body.plain .lt h1{margin:0 0 28px;text-align:center;font-size:clamp(40px,4.4vw,60px);line-height:1}
body.plain .lt h1::after{content:"";display:block;width:84px;height:7px;margin:18px auto 0;background:#ED102B;transform:skewX(-28deg)}
.lt label{margin:0 0 16px;color:#C9CCD1;font-size:13px;letter-spacing:.02em}
.lt label input{margin-top:7px}
body.plain .lt button{width:100%;margin-top:12px}
.lt .error,.lt .warn{margin:0 0 18px;padding:11px 16px;border-radius:2px;font-size:14px;line-height:1.45}
.lt .error{background:#3A0A10;color:#FFD9DD;border:1px solid #ED102B}
.lt .warn{background:#24272D;color:#F3F3EF}

body.plain:not(:has(.lt)) main{display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px 16px}
body.plain .narrow{max-width:440px}
body.plain .narrow.wide{max-width:600px}
body.plain .card{position:relative;background:#14161A;border:1px solid #24272D;border-radius:2px;box-shadow:none;padding:34px 34px 28px;overflow:hidden}
body.plain .card::before{content:"";display:block;height:118px;margin:-34px -34px 28px;
  background:url(/login-theme/logo.png) center/200px auto no-repeat,#090A0C;border-bottom:3px solid #ED102B}
body.plain .card h1{font-size:30px;line-height:1.1;margin:0 0 14px}
body.plain .card label{color:#A3A7AE;font-size:13px}
body.plain .card .note{color:#A3A7AE}
body.plain .card form + p,body.plain .card > p{font-size:14px}

@media(max-width:860px){
  body.plain:has(.lt) main{padding:0}
  .lt{grid-template-columns:1fr;min-height:100vh;min-height:100dvh;border:0}
  .lt-photo{min-height:200px}
  .lt-photo::after{background:linear-gradient(180deg,transparent 50%,#090A0C)}
  .lt-side{padding:28px 20px 40px}
}