/* Livanda: фирменное оформление админки поверх шаблона (фиолетовый + золото, шрифт Manrope). */
:root {
  --lv-ink: #151022;
  --lv-side: #1c1630;
  --lv-side-2: #251d3e;
  --lv-violet: #7a5af0;
  --lv-violet-dark: #6446d8;
  --lv-gold: #d6b06a;
  --lv-bg: #f5f3fa;
  --lv-line: #e6e1f2;
  --lv-text: #2a2340;
}
body, .navbar, .sidebar, .content-wrapper, h1, h2, h3, h4, h5, h6, .btn, .form-control, table {
  font-family: 'Manrope', 'Roboto', -apple-system, 'Segoe UI', sans-serif !important;
}
body, .page-container, .content-wrapper { background: var(--lv-bg) !important; color: var(--lv-text); }

/* шапка */
.navbar-inverse { background: var(--lv-ink) !important; border-color: var(--lv-ink) !important; }
.navbar-brand { color: #fff !important; letter-spacing: .3px; display: flex; align-items: center; gap: 6px; }
.lv-brand-mark { color: var(--lv-gold); font-size: 16px; }
.lv-brand-sub { color: #9d93bf; font-weight: 500; font-size: 12px; margin-left: 2px; }

/* боковое меню */
.sidebar-main, .sidebar-main .sidebar-content { background: var(--lv-side) !important; }
.sidebar-user { border-bottom: 1px solid rgba(255,255,255,.06) !important; }
.navigation > li > a, .navigation > li ul li > a { color: #cfc7e6 !important; border-radius: 10px; margin: 2px 10px; }
.navigation > li > a:hover, .navigation > li ul li > a:hover { background: var(--lv-side-2) !important; color: #fff !important; }
.navigation > li.active > a, .navigation > li.active > a:hover, .navigation li a.active {
  background: linear-gradient(90deg, var(--lv-violet), var(--lv-violet-dark)) !important; color: #fff !important;
}
.navigation .navigation-header, .navigation .navigation-header > span { color: var(--lv-gold) !important; letter-spacing: 1.5px; }
.navigation > li ul { background: transparent !important; }

/* заголовки страниц и панели */
.page-header-default, .page-header-content { background: #fff !important; }
.panel, .panel-flat { border: 1px solid var(--lv-line) !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(40,20,90,.04) !important; }
.panel > .panel-body { border-radius: 14px; }

/* кнопки */
.btn { border-radius: 10px !important; }
.btn.bg-teal-400, .btn-primary, .btn.bg-primary, .btn-success {
  background: var(--lv-violet) !important; border-color: var(--lv-violet) !important; color: #fff !important;
}
.btn.bg-teal-400:hover, .btn-primary:hover, .btn.bg-primary:hover, .btn-success:hover { background: var(--lv-violet-dark) !important; }

/* поля */
.form-control { border-radius: 9px !important; border-color: var(--lv-line) !important; }
.form-control:focus { border-color: var(--lv-violet) !important; box-shadow: 0 0 0 3px rgba(122,90,240,.15) !important; }

/* таблицы */
.table > thead > tr > th { color: #7a7196; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .6px; }
.table > tbody > tr:hover { background: #faf8ff; }

/* квадратное превью обложки в списках (тот же квадрат, что в приложении) */
.lv-thumb { display: inline-block; width: 46px; height: 46px; border-radius: 10px; overflow: hidden; background: #1c1630; vertical-align: middle; }
.lv-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* описание: редактор + предпросмотр «как в приложении» */
.lv-desc-wrap { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.lv-desc-editor { flex: 1 1 420px; min-width: 0; }
.lv-desc-phone { flex: 0 0 340px; max-width: 100%; background: #0e0b18; border-radius: 26px; padding: 18px 18px 22px;
  box-shadow: 0 10px 30px rgba(20,10,50,.25); max-height: 560px; overflow-y: auto; }
.lv-desc-phone-label { color: #8c82ad; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px; }
.lv-desc-preview { color: rgba(255,255,255,.85); font-size: 14.5px; line-height: 1.5; }
.lv-desc-preview p { margin: 0 0 11px; }
.lv-desc-preview p.lead { font-size: 16.5px; color: #fff; margin-bottom: 16px; font-weight: 400; }
.lv-desc-preview h4 { color: var(--lv-gold); font-size: 12.5px; font-weight: 700; letter-spacing: 2.2px; margin: 14px 0 9px; }
.lv-desc-preview h1, .lv-desc-preview h2, .lv-desc-preview h3 { color: #fff; font-size: 17px; margin: 14px 0 9px; }
.lv-desc-preview ul { list-style: none; padding: 0; margin: 0 0 12px; }
.lv-desc-preview ul li { position: relative; padding-left: 18px; margin-bottom: 8px; }
.lv-desc-preview ul li::before { content: '●'; color: var(--lv-gold); font-size: 8px; position: absolute; left: 2px; top: 6px; }
.lv-desc-preview ol { padding-left: 20px; }
.lv-desc-preview strong, .lv-desc-preview b { color: #fff; font-weight: 600; }
.lv-desc-preview a { color: #b9a5ff; }