/* Linear-style theme. Палитра задаётся в tailwind.config (index.html), здесь тонкая доводка. */
html, body { background: #08090a; }
body {
  font-feature-settings: 'cv11', 'ss01';
  letter-spacing: -0.006em;
  -webkit-font-smoothing: antialiased;
}

/* Спокойнее: без цветных свечений и тяжёлых тёмных теней */
html body [class*="shadow-"] { box-shadow: none; }
html body [id$="Modal"] > div { box-shadow: 0 24px 80px rgba(0, 0, 0, 0.65); border-color: #2a2c32; }
html body [id$="Modal"] { background: rgba(8, 9, 10, 0.72); }

/* Заголовки полегче, как в Linear */
html body .font-bold, html body .font-extrabold { font-weight: 600; }

/* Шапка: матовое стекло */
html body header { background: rgba(8, 9, 10, 0.8); backdrop-filter: blur(14px); }

/* Карточки и таблицы: тонкая рамка вместо заливки */
html body [class*="border-slate-800"] { border-color: #1b1c20; }
html body table thead th { font-weight: 500; letter-spacing: 0.02em; }
html body tbody tr { transition: background-color 0.12s ease; }

/* Поля ввода и кнопки */
html body input, html body textarea, html body select { transition: border-color 0.12s ease, box-shadow 0.12s ease; }
html body input:focus, html body textarea:focus, html body select:focus {
  outline: none;
  border-color: #5e6ad2;
  box-shadow: 0 0 0 3px rgba(94, 106, 210, 0.22);
}
html body button { transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease; }

/* Скроллбар */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #08090a; }
::-webkit-scrollbar-thumb { background: #26282d; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3b3e45; }

/* Уведомления */
.toast { animation: slideIn 0.2s ease-out forwards; max-width: 360px; backdrop-filter: blur(10px); }
.toast-close { display: inline-flex; align-items: center; justify-content: center; padding: 2px; border-radius: 4px; cursor: pointer; }
.toast-close:hover { background: rgba(255, 255, 255, 0.1); }

@keyframes slideIn {
  from { transform: translateY(8px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}