/*
 * CoreHub CMS — Simple Dark
 * Jeden spokojny system kolorów dla portalu, forum i paneli CMS.
 */
:root {
  color-scheme: dark;
  --bg: #0b0d10;
  --bg-soft: #0b0d10;
  --surface: #12151a;
  --surface-elevated: #12151a;
  --surface-muted: #171b20;
  --surface-hover: #1d2229;
  --soft: #171b20;
  --sidebar: #0e1115;
  --sidebar-text: #f4f6f8;
  --sidebar-muted: #939da7;
  --ink: #f4f6f8;
  --text: #f4f6f8;
  --muted: #939da7;
  --muted-strong: #bac2ca;
  --line: #262c33;
  --line-strong: #39414a;
  --accent: #4b8df8;
  --accent-2: #4b8df8;
  --accent-3: #4b8df8;
  --accent-soft: #14233a;
  --accent-text: #8bb9ff;
  --button-bg: #4b8df8;
  --button-text: #ffffff;
  --button-secondary: #171b20;
  --button-secondary-text: #eef1f4;
  --danger: #f06a76;
  --danger-bg: #30181d;
  --danger-line: #663039;
  --good: #57c994;
  --warning: #e2aa55;
  --shadow: 0 14px 36px rgba(0, 0, 0, .22);
  --shadow-soft: 0 6px 20px rgba(0, 0, 0, .16);
  --radius: 16px;
  --radius-sm: 11px;
  --radius-xl: 18px;
  --radius-lg: 14px;
  --radius-md: 10px;
  --panel: #12151a;
  --panel-strong: #171b20;
}

html,
body,
body.login-page,
.login-body {
  background: #0b0d10 !important;
}

body::before,
body.login-page::before,
.ambient-bg,
.orb,
.grid-glow,
.hero-panel::after {
  display: none !important;
}

.site-header,
.site-footer,
.admin-sidebar {
  background: #0e1115 !important;
  box-shadow: none !important;
}

.site-header {
  border-bottom-color: var(--line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hero-panel,
.login-card,
.hero-copy,
.hero-card,
.content-card,
.chat-shell,
.panel-card,
.stat-card,
.gallery-admin-card,
.forum-category,
.forum-topic-row,
.forum-widget,
.forum-post,
.forum-board,
.forum-pro-topbar,
.profile-hover-dropdown {
  background: var(--surface) !important;
  border-color: var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.forum-board-head,
.forum-subcategories,
.forum-topic-table-head,
.forum-board-actions,
.chat-messages,
th {
  background: var(--surface-muted) !important;
}

.forum-category::before,
.forum-topic-row::before {
  display: none !important;
}

.brand-mark,
.login-mark,
.admin-brand span,
.forum-mini-brand span,
.moderator-sidebar .admin-brand span {
  color: #fff !important;
  background: var(--accent) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

.brand-logo,
.admin-brand-logo,
.profile-preview,
.gallery-tile,
.gallery-tile img,
.gallery-admin-card img,
.forum-profile-avatar {
  border-radius: 12px !important;
  box-shadow: none !important;
}

.brand-logo,
.admin-brand-logo {
  object-fit: contain !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.btn,
.submit-btn {
  color: #fff !important;
  background: var(--accent) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.btn:hover,
.submit-btn:hover {
  background: #5b99fc !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn-ghost {
  color: var(--button-secondary-text) !important;
  background: var(--button-secondary) !important;
  border-color: var(--line) !important;
}

.btn-danger {
  background: var(--danger) !important;
}

.field input,
.form-grid input,
.form-grid textarea,
.form-grid select,
.login-card input,
.chat-form input,
.gif-search-row input,
.gallery-admin-card input,
.gallery-admin-card textarea,
.forum-form input,
.forum-form textarea,
.forum-form select {
  color: var(--ink) !important;
  background: #0e1115 !important;
  border-color: var(--line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.field input:focus,
.form-grid input:focus,
.form-grid textarea:focus,
.form-grid select:focus,
.login-card input:focus,
.chat-form input:focus,
.forum-form input:focus,
.forum-form textarea:focus,
.forum-form select:focus {
  border-color: var(--accent) !important;
  outline: 3px solid rgba(75, 141, 248, .14) !important;
  box-shadow: none !important;
}

.status-cards article,
.chat-message,
.feature-grid div,
.forum-subcategories a,
.forum-activity-item,
.forum-stat-grid div,
.forum-author-stats span,
.forum-profile-stats div,
.forum-user-card,
.forum-ranking-row,
.forum-comment,
.forum-comment-form,
.sortable-item,
.table-wrap {
  background: var(--surface-muted) !important;
  border-color: var(--line) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

.music-toggle,
.show-password,
.music-pill,
.status-trigger,
.status-badge,
.profile-hover-trigger,
.forum-social-nav a {
  color: var(--muted-strong) !important;
  background: var(--surface-muted) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

.user-pill,
.admin-user,
.glow-name,
.profile-hover-name,
.forum-topic-title-colored,
.role-check .glow-name {
  color: var(--ink) !important;
  background: transparent !important;
  border-color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.forum-topic-tag,
.admin-topic-tag,
.badge,
.eyebrow,
.forum-post-tags span,
.forum-post-tags a {
  color: var(--accent-text) !important;
  background: var(--accent-soft) !important;
  border-color: #24416b !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.forum-topic-tag-image {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

.forum-topic-tag-image img {
  display: block !important;
  width: auto !important;
  height: 22px !important;
  max-width: 160px !important;
  object-fit: contain !important;
}

.status-dot,
.status-badge i,
.profile-hover-status-dot,
.music-dot {
  box-shadow: none !important;
  animation: none !important;
}

.profile-hover-trigger:hover,
.profile-hover-menu:focus-within .profile-hover-trigger,
.forum-category:hover,
.forum-topic-row:hover,
.sortable-item:hover {
  background: var(--surface-hover) !important;
  border-color: var(--line-strong) !important;
  box-shadow: none !important;
  transform: none !important;
}

.sortable-savebar,
.status-dropdown {
  background: var(--surface) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none !important;
}

::selection {
  color: #fff;
  background: rgba(75, 141, 248, .45);
}

:focus-visible {
  outline-color: rgba(75, 141, 248, .55) !important;
}

@media (max-width: 760px) {
  .login-shell {
    width: min(100% - 24px, 680px);
    padding-block: 18px;
  }

  .hero-panel,
  .login-card,
  .content-card,
  .panel-card {
    border-radius: 14px !important;
  }
}