/* Dio brand v3 (25.08, указание Павла): тотальная тёмная тема —
   ВСЕ фоны тёмно-синие #0d1b2a (семейство navy), ВСЕ буквы золотые #e2a916.
   Подложки кнопок прозрачные (сохранено с v2). */
:root{
  --dio-navy:#0d1b2a;      /* основной брендовый фон */
  --dio-navy-2:#12233a;    /* панели/карточки */
  --dio-navy-3:#1a2f4d;    /* инпуты, пузыри сообщений */
  --dio-line:#243450;      /* рамки/разделители */
  --dio-gold:#e2a916;      /* основной текст */
  --dio-gold-h:#f0bc3a;    /* яркий (ховер) */
  --dio-gold-soft:rgba(232,197,107,.78); /* вторичный текст */
  --dio-gold-dim:rgba(226,169,22,.5);    /* слабые рамки */
  --dio-gold-fog:rgba(226,169,22,.12);   /* дымка ховера */
}
html{color-scheme:dark}

/* ── Основа ── */
body,.app,#chat,.login-box{
  background:var(--dio-navy)!important;color:var(--dio-gold)!important
}
.app{box-shadow:none!important}

/* ── Шапка, панели, меню — navy ── */
[class*="nav"],[class*="header"],[class*="topbar"],[class*="titlebar"],
[class*="box"],[class*="panel"],[class*="card"],[class*="dialog"],
[class*="modal"],[class*="menu"],[class*="dropdown"],[class*="popup"]{
  background:var(--dio-navy-2)!important;color:var(--dio-gold)!important;
  border-color:var(--dio-line)!important
}
[class*="nav"] a,[class*="header"] a{color:var(--dio-gold)!important}
[class*="nav"] .on,[class*="nav"] [aria-selected="true"]{color:var(--dio-gold-h)!important}
[class*="nav"] i,[class*="header"] i{color:var(--dio-gold)!important}
.bg-white,.bg-gray{background:var(--dio-navy-2)!important}
hr,.header-sep{border-color:var(--dio-line)!important;background:var(--dio-line)!important}

/* ── Заголовок списка пользователей: компактный, золотой ── */
.users-header{
  background:var(--dio-navy-2)!important;height:auto!important;min-height:2.2rem;
  padding:5px 10px!important;font-size:.78rem!important;font-weight:600!important
}
.galene-header{
  font-size:.78rem!important;font-weight:600!important;color:var(--dio-gold)!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%
}

/* ── Лого и заголовки ── */
.dio-logo{width:26px;height:26px;border-radius:6px;margin:0 8px 0 4px;vertical-align:-7px}
.home .dio-logo{width:44px;height:44px;display:block;margin:0 auto 10px}
.header-title,.navbar-brand,h1,h2,h3{color:var(--dio-gold)!important}
label,th,td,dt,dd,li,p,span,div{color:inherit}
[class*="muted"],.secondary{color:var(--dio-gold-soft)!important}
a{color:var(--dio-gold-h)!important}

/* ── Кнопки: прозрачные, золотой контур ── */
button,.btn,[class*="button"]{
  background:transparent!important;color:var(--dio-gold)!important;
  border:1px solid var(--dio-gold-dim)!important;border-radius:10px!important;
  font-weight:700!important;box-shadow:none!important
}
button:hover,.btn:hover,[class*="button"]:hover{
  background:var(--dio-gold-fog)!important;color:var(--dio-gold-h)!important;
  border-color:var(--dio-gold)!important
}
button.red,button.danger,[class*="danger"]{
  color:#ff8484!important;border-color:rgba(255,132,132,.5)!important;background:transparent!important
}
button.red:hover,button.danger:hover{background:rgba(255,132,132,.12)!important}
.btn-warn,.btn-success{background:transparent!important;color:var(--dio-gold)!important;border-color:var(--dio-gold-dim)!important}

/* ── Поля ввода: navy + золото ── */
input[type="text"],input[type="password"],input[type="email"],select,textarea,
.form-control,.select,.form-reply,.reply textarea{
  background:var(--dio-navy-3)!important;color:var(--dio-gold)!important;
  border:1px solid var(--dio-gold-dim)!important;border-radius:8px!important;
  box-shadow:none!important
}
select option{background:var(--dio-navy-2)!important;color:var(--dio-gold)!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--dio-gold)!important}
input[type="checkbox"]{width:18px!important;height:18px!important}
::placeholder{color:var(--dio-gold-soft)!important;opacity:.7!important}

/* ── Сообщения чата: пузыри navy, ВЕСЬ текст золотой (заметные рамки) ── */
.message{
  background:var(--dio-navy-3)!important;color:var(--dio-gold)!important;
  box-shadow:none!important;border:1px solid var(--dio-gold-dim)!important
}
.message,.message *{color:var(--dio-gold)!important}
.message a{color:var(--dio-gold-h)!important}
.message-sender{background:var(--dio-navy-2)!important;border-color:var(--dio-gold)!important}
.message-private{background:var(--dio-navy-2)!important;border:1px dashed var(--dio-gold)!important}
.message-system{background:transparent!important;color:var(--dio-gold-soft)!important}
#chat{border-right:4px solid var(--dio-line)!important}

/* ── Заглушка ВКС DioCMS + аккордеон с инструкцией ── */
#right{position:relative!important}
#dio-placeholder{
  position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;
  align-items:center;justify-content:center;pointer-events:none;padding:20px
}
.dio-ph-title{
  font-size:2.1rem;font-weight:800;color:var(--dio-gold);
  letter-spacing:.03em;margin-bottom:18px;text-shadow:0 2px 18px rgba(0,0,0,.55)
}
.dio-ph-help{
  pointer-events:auto;max-width:640px;width:100%;
  background:rgba(13,27,42,.78);border:1px solid var(--dio-gold-dim);
  border-radius:14px;padding:0 18px;backdrop-filter:blur(4px)
}
.dio-ph-help summary{
  cursor:pointer;padding:14px 6px;font-weight:700;color:var(--dio-gold);
  font-size:1.05rem;list-style:none;display:flex;align-items:center;gap:8px
}
.dio-ph-help summary::-webkit-details-marker{display:none}
.dio-ph-help summary::before{content:"▸";display:inline-block;transition:transform .2s;color:var(--dio-gold)}
.dio-ph-help[open] summary::before{transform:rotate(90deg)}
.dio-ph-help summary:hover{color:var(--dio-gold-h)}
.dio-ph-body{padding:0 6px 16px;font-size:.92rem;line-height:1.55;color:var(--dio-gold)}
.dio-ph-body p{margin:10px 0}
.dio-ph-body b{color:var(--dio-gold-h)}

/* ── Прочее ── */
.profile{background:var(--dio-navy-2)!important;color:var(--dio-gold)!important}
.profile-logo{background:var(--dio-navy-3)!important}

/* ── Видео ── */
video{background:#0b1622;border-radius:12px}

/* ── Сайдбар пользователей: синяя подложка (id-селекторы — надёжно) ── */
#left-sidebar,#users,.sidenav{
  background:var(--dio-navy)!important;color:var(--dio-gold)!important
}
#left-sidebar .profile{
  background:var(--dio-navy-2)!important;border:1px solid var(--dio-line)!important;
  border-radius:10px!important;margin:6px 8px!important
}
#left-sidebar .profile a{color:var(--dio-gold)!important}

/* ── Прочее ── */
[class*="warning"],[class*="error"]{color:#ff9c6b!important}
::selection{background:var(--dio-gold-fog)}