:root{--frame-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' shape-rendering='crispEdges'><path fill='%230d5bd9' d='M4 2h1v1h-1zM5 2h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1zM13 2h1v1h-1zM12 2h1v1h-1zM13 3h1v1h-1zM12 3h1v1h-1zM15 4h1v1h-1zM14 4h1v1h-1zM13 4h1v1h-1zM12 4h1v1h-1zM15 5h1v1h-1zM14 5h1v1h-1zM13 5h1v1h-1zM12 5h1v1h-1zM4 15h1v1h-1zM5 15h1v1h-1zM4 14h1v1h-1zM5 14h1v1h-1zM2 13h1v1h-1zM3 13h1v1h-1zM4 13h1v1h-1zM5 13h1v1h-1zM2 12h1v1h-1zM3 12h1v1h-1zM4 12h1v1h-1zM5 12h1v1h-1zM13 15h1v1h-1zM12 15h1v1h-1zM13 14h1v1h-1zM12 14h1v1h-1zM15 13h1v1h-1zM14 13h1v1h-1zM13 13h1v1h-1zM12 13h1v1h-1zM15 12h1v1h-1zM14 12h1v1h-1zM13 12h1v1h-1zM12 12h1v1h-1zM6 0h6v3h-6zM6 15h6v3h-6zM0 6h3v6h-3zM15 6h3v6h-3zM3 3h1v1h-1zM14 3h1v1h-1zM3 14h1v1h-1zM14 14h1v1h-1z'/></svg>");--paper:#f1ebda;--paper-lo:#f4efe2;--navy:#0d5bd9;--petrol:#0d1b2a;--cyan:#5eb0fe;--orange:#ff6601;--green:#0e4a2e;--white:#fcf9f1;--shadow:#cec1a0;--band:#0d5bd9;--rail:#012556;--blue:#004bfc;--blue-line:#010e67;--butter:#fcf5d1;--field:#f5eeda;--slate:#6b7a99;--danger:var(--danger);--tag-neutral:#888;--frame-line:#0d5bd9;--ink-on-fill:#fcf9f1;--text-mute:var(--text-mute);--text-faint:var(--text-faint);--band-glow:#5eb0fe;--band-glow-2:#2b83fa;--bevel-lt:#dad7d5;--bevel-md:#c8c4c1;--topbar-btn:#1360dd;--topbar-line:#010e67}
/* Кабинет: палитра панели робота Chatty — крем, синие рамки, синяя полоса */
/* ── Ночная тема ───────────────────────────────────────────────────────
   Те же токены и та же механика, что на страницах сайта (prototype/styles.css)
   и в панели робота (chattybot-frontend: _tokens.scss, ветка $cb-d-*):
   атрибут data-theme на корне, выбор в localStorage['theme'], по умолчанию
   светлая. Кабинет делит с сайтом и хранилище, и значения — переключил тему
   на главной, зашёл в кабинет, она уже ночная. */
:root[data-theme="dark"]{
  color-scheme:dark;      /* полоса прокрутки, каретка, список <select> */
  --paper:#0b1530;        /* подложка страницы */
  --paper-lo:#16295a;
  --white:#101e42;        /* лист панели и карточки */
  --petrol:#fff4d6;       /* основной текст */
  --slate:#8a97b3;
  --text-mute:rgba(255,244,214,.74);
  --text-faint:rgba(255,244,214,.6);
  --navy:#5f9bff;         /* синий как текст */
  --frame-line:#173a77;   /* синий как линия рамки */
  --frame-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' shape-rendering='crispEdges'><path fill='%23173a77' d='M4 2h1v1h-1zM5 2h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1zM13 2h1v1h-1zM12 2h1v1h-1zM13 3h1v1h-1zM12 3h1v1h-1zM15 4h1v1h-1zM14 4h1v1h-1zM13 4h1v1h-1zM12 4h1v1h-1zM15 5h1v1h-1zM14 5h1v1h-1zM13 5h1v1h-1zM12 5h1v1h-1zM4 15h1v1h-1zM5 15h1v1h-1zM4 14h1v1h-1zM5 14h1v1h-1zM2 13h1v1h-1zM3 13h1v1h-1zM4 13h1v1h-1zM5 13h1v1h-1zM2 12h1v1h-1zM3 12h1v1h-1zM4 12h1v1h-1zM5 12h1v1h-1zM13 15h1v1h-1zM12 15h1v1h-1zM13 14h1v1h-1zM12 14h1v1h-1zM15 13h1v1h-1zM14 13h1v1h-1zM13 13h1v1h-1zM12 13h1v1h-1zM15 12h1v1h-1zM14 12h1v1h-1zM13 12h1v1h-1zM12 12h1v1h-1zM6 0h6v3h-6zM6 15h6v3h-6zM0 6h3v6h-3zM15 6h3v6h-3zM3 3h1v1h-1zM14 3h1v1h-1zM3 14h1v1h-1zM14 14h1v1h-1z'/></svg>");
  --field:#0f1c3d;
  --butter:#0f1c3d;
  --shadow:#05091a;
  --green:#1c6b45;
  --danger:#ff6f9d;
  --tag-neutral:#3b4a6b;
  --band:#0a3f96;
  --band-glow:#2f7ae0;--band-glow-2:#14539f;--bevel-lt:#46639f;--bevel-md:#0a1430;
  --topbar-btn:#0e4aad;
}

/* Переключатель темы в полосе кабинета — тот же тумблер, что в шапке сайта
   и в панели робота: прямоугольная дорожка, квадратная фишка, ход шагами. */
.theme-switch{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;flex:none}
.theme-switch__label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-on-fill);white-space:nowrap}
.theme-switch__track{position:relative;display:block;width:44px;height:24px;flex:none;
  background-color:rgba(0,0,0,.34);
  box-shadow:inset 0 2px 0 rgba(0,0,0,.3),inset 2px 0 0 rgba(0,0,0,.3),
    inset 0 -2px 0 rgba(255,255,255,.26),inset -2px 0 0 rgba(255,255,255,.26);
  transition:background-color .12s steps(2)}
.theme-switch__track::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;
  background-color:#8dc6ff;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.55),inset -2px -2px 0 rgba(0,0,0,.28);
  transition:background-color .12s steps(2),transform .12s steps(2)}
.theme-switch[aria-checked="true"] .theme-switch__track{background-color:var(--cyan)}
.theme-switch[aria-checked="true"] .theme-switch__track::before{background-color:var(--ink-on-fill);transform:translateX(20px)}
.theme-switch:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.theme-switch__track,.theme-switch__track::before{transition:none}}

*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--petrol);font:15px/1.55 "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
a{color:var(--navy)}
.top{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--band);color:var(--ink-on-fill);border-bottom:3px solid #000;box-shadow:inset 2px 2px 0 var(--band-glow),inset 6px 6px 0 var(--band-glow-2),0 3px 0 var(--bevel-lt),0 8px 0 var(--bevel-md);position:relative;z-index:2}
.top__logo{display:flex;align-items:center;gap:8px;color:var(--ink-on-fill);text-decoration:none;font-weight:700;letter-spacing:.08em}
.top__nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}.top__nav a,.top__nav .link{color:var(--ink-on-fill);opacity:.9;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}
.top__nav a:hover,.top__nav .link:hover{color:#ffd875}
.inline{display:inline}
.lang select{background:var(--topbar-btn);color:var(--ink-on-fill);border:2px solid var(--topbar-line);padding:4px 8px;font:inherit}
.wrap{max-width:960px;margin:0 auto;padding:44px 24px 48px}
h1{font-size:28px;line-height:1.15;margin:0 0 16px;color:var(--navy)}h2{font-size:18px;margin:0 0 12px;color:var(--navy)}
.muted{color:var(--text-mute)}
.panel{background:var(--white);border:2px solid var(--frame-line);box-shadow:5px 5px 0 var(--shadow);padding:20px 24px;margin-bottom:24px}
.panel--narrow{max-width:460px}
.field{display:block;margin-bottom:14px}.field__label{display:block;font-size:12px;letter-spacing:0;text-transform:none;color:var(--slate);margin-bottom:6px;line-height:1.4}
.field input,.field textarea,.field select{width:100%;height:44px;padding:0 14px;box-sizing:border-box;
  border:3px solid var(--frame-line);border-image-source:var(--frame-img);border-image-slice:6;border-image-width:6px;border-image-repeat:repeat;
  background:var(--field);background-clip:padding-box;border-radius:0;font:inherit;font-size:15px;color:var(--petrol)}
.field textarea{height:auto;min-height:120px;padding:10px 14px}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;background-color:var(--white);box-shadow:none}
.field__help{display:block;font-size:12px;color:var(--text-faint);margin-top:4px}.field__help ul{margin:4px 0 0;padding-left:18px}
.field__error{display:block;color:var(--danger);font-size:13px;margin-top:4px}
.btn{display:inline-block;padding:10px 18px;border:2px solid var(--frame-line);background:var(--white);color:var(--navy);font:inherit;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--shadow);text-decoration:none}
.btn--primary{background:var(--orange);color:var(--ink-on-fill);border-color:#8f3600}
.btn:active{transform:translate(3px,3px);box-shadow:none}
.flash{list-style:none;margin:0 0 20px;padding:0}.flash__item{padding:10px 14px;border-left:4px solid var(--cyan);background:var(--white);margin-bottom:8px}
.flash__item--success{border-color:var(--green)}.flash__item--error{border-color:var(--danger)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}
.card{display:flex;flex-direction:column;gap:4px;background:var(--white);border:2px solid var(--frame-line);box-shadow:5px 5px 0 var(--shadow);padding:16px 18px;text-decoration:none;color:var(--petrol)}
.card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow)}.card__num{font-size:32px;font-weight:700;color:var(--navy)}
.table{width:100%;border-collapse:collapse;background:var(--white);border:2px solid var(--frame-line)}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--frame-line);text-align:left;vertical-align:top}.table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.reply{margin:8px 0 0;padding:8px 10px;background:var(--paper);border-left:3px solid var(--green)}
.tag{display:inline-block;padding:2px 8px;font-size:12px;color:var(--ink-on-fill);background:var(--tag-neutral)}
.tag--new{background:var(--orange)}.tag--progress{background:var(--blue-lit,#1e6bff)}.tag--done{background:var(--green)}
.foot{padding:20px 24px;color:var(--text-faint);font-size:13px;border-top:2px solid var(--frame-line);margin-top:24px}
@media (max-width:600px){.top{flex-wrap:wrap;gap:12px}.wrap{padding:20px 16px}}
/* Страница мероприятия */
.crumbs{margin:0 0 12px;font-size:13px;color:var(--text-mute)}
.cover{margin:0 0 20px;border:2px solid var(--frame-line);box-shadow:5px 5px 0 var(--shadow);overflow:hidden;aspect-ratio:16/9;background:var(--paper-lo)}
.cover img{display:block;width:100%;height:100%;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0 0 28px}
.gallery__item{margin:0;border:2px solid var(--frame-line);box-shadow:4px 4px 0 var(--shadow);background:var(--white)}
.gallery__item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery__item figcaption{padding:6px 8px;font-size:12px;color:var(--text-mute)}
.card__img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:6px;border:1px solid var(--frame-line)}
