/* LOUD English — оформление досок поверх собранного интерфейса. Палитра, углы и тени задаются при сборке
   (brand/patches/0008-brand-theme.mjs); здесь — логотип, шрифты, акцент редактора и мелкие правки. */

/* ── логотип: наш знак вместо стандартного. Логотип ExcaliDash — один SVG-компонент с уникальным фильтром #softShadow
      (frontend/src/components/Logo.tsx, 0.6.7). В знаке уже есть название, поэтому текст рядом скрыт. ── */
svg:has(> defs > filter#softShadow) {
  aspect-ratio: 1384 / 381; width: auto !important; height: 44px !important; flex: none;
  background: url(/brand/logo.svg?v=1) left center / contain no-repeat;
}
html.dark svg:has(> defs > filter#softShadow) { background-image: url(/brand/logo-cream.svg?v=1); }
svg:has(> defs > filter#softShadow) > * { display: none !important; }
svg:has(> defs > filter#softShadow) ~ span { display: none !important; }          /* «ExcaliDash» и метка «Beta» */
.auth-wrap svg:has(> defs > filter#softShadow) { height: 84px !important; background-position: center; }
@media (max-width: 640px) { svg:has(> defs > filter#softShadow) { height: 34px !important; } .auth-wrap svg:has(> defs > filter#softShadow) { height: 66px !important; } }

/* ── шрифты бренда: заголовки — Playfair Display (у рукописного шрифта был один вес — задаём насыщенность сами) ── */
.auth-heading, .font-display, [style*="excalidash-display-font"] { font-weight: 600 !important; letter-spacing: -.005em; font-variant-numeric: lining-nums; }
.auth-heading { color: #5A1623; font-size: 2rem; line-height: 1.15; }
html.dark .auth-heading { color: #F6EFE6; }
h1[style*="excalidash-display-font"], h2[style*="excalidash-display-font"] { color: #5A1623; }
html.dark h1[style*="excalidash-display-font"], html.dark h2[style*="excalidash-display-font"] { color: #F6EFE6; }

/* ── появление блоков — как на главной: снизу вверх ── */
@keyframes loud-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.auth-wrap > * { animation: loud-arrive .5s cubic-bezier(.2,.8,.2,1) both; }
.auth-wrap > :nth-child(2) { animation-delay: .08s; }
.auth-wrap > :nth-child(3) { animation-delay: .16s; }
@media (prefers-reduced-motion: reduce) { .auth-wrap > * { animation: none; } }

/* ── редактор Excalidraw: акцент (выбранный инструмент, кнопки, ссылки) — бордо вместо фиолетового ── */
.excalidraw {
  --color-primary: #6B1F2D; --color-primary-darker: #5A1623; --color-primary-darkest: #49101A; --color-primary-hover: #5A1623;
  --color-primary-light: #EBD8D5; --color-primary-light-darker: #E2CFCB;
  --color-brand-hover: #5A1623; --color-brand-active: #49101A;
  --color-surface-primary-container: #EBD8D5; --color-on-primary-container: #3A0D15;
}
.excalidraw.theme--dark {
  --color-primary: #E8B4BC; --color-primary-darker: #EEC3C9; --color-primary-darkest: #F4D3D7; --color-primary-hover: #EEC3C9;
  --color-primary-light: #5A2A34; --color-primary-light-darker: #4A2029;
  --color-brand-hover: #EEC3C9; --color-brand-active: #F4D3D7;
  --color-surface-primary-container: #5A2A34; --color-on-primary-container: #F6E3E5;
}

/* кнопка «автоскрытие панели» (стрелка между «Поделиться» и «Скачать») — убрана: по нажатию ничего не открывается,
   панель уезжает через 3 с и возвращается только мышью у самого верхнего края — непонятно, а на планшете ловушка */
button[data-le-autohide] { display: none !important; }

/* размер шрифта: ползунок + поле вместо кнопок S/M/L/XL (brand/patches/0003-font-size-slider.mjs) */
/* fieldset по умолчанию не уже своего содержимого (min-inline-size: min-content) — без этого поле вылезало за панель */
fieldset:has(> .loud-fs) { min-inline-size: 0; min-width: 0; }
.loud-fs { display: flex; align-items: center; gap: .5rem; padding: .25rem 0; width: 100%; box-sizing: border-box; }
.loud-fs input[type="range"] { flex: 1 1 0; width: 0; min-width: 0; accent-color: var(--color-primary, #6B1F2D); cursor: pointer; }
.loud-fs input[type="number"] { -moz-appearance: textfield; appearance: textfield; flex: none; box-sizing: border-box; text-align: center; }
.loud-fs input[type="number"]::-webkit-inner-spin-button, .loud-fs input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.loud-fs-unit { flex: none; }
.loud-fs input[type="number"] {
  width: 3rem; padding: .3rem .4rem; border-radius: 6px; font: inherit; font-size: .85rem;
  border: 1px solid var(--default-border-color, #d6d6d6); background: var(--input-bg-color, #fff);
  color: var(--text-primary-color, #1b1b1f);
}
.loud-fs input[type="number"]:focus { outline: 2px solid var(--color-primary, #6B1F2D); outline-offset: 0; }
.loud-fs-unit { font-size: .75rem; color: var(--color-gray-60, #7a7a7a); }

/* ── редактор в тёмной теме: панели инструментов и меню — винные, в тон шапке (были нейтрально-серые) ── */
.excalidraw.theme--dark {
  --island-bg-color: #26171A; --popup-bg-color: #26171A; --sidebar-bg-color: #211215; --overlay-bg-color: rgba(22, 12, 14, .82);
  --input-bg-color: #1B0F12; --default-border-color: #45292E; --sidebar-border-color: #45292E; --dialog-border-color: #45292E;
  --button-gray-1: #332024; --button-gray-2: #3E282C; --button-gray-3: #4B3034;
  --color-surface-low: #26171A; --color-surface-mid: #2E1A1E; --color-surface-high: #332024; --color-surface-lowest: #1B0F12;
}