/* Spotlight-стилизация страницы "Демо-записи (GOTV)" (module_page_demos) — 2026-07-28.
   Разметка использует общие "admin-panel" классы без своего CSS-файла (description.json
   имел "css": 0) — тот же паттерн, что уже приводили к виду сайта в module_page_reports
   и module_page_pay, тот же рецепт переиспользован здесь без изобретения нового. */

.card{
  background: rgba(255,255,255,.035) !important; border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 18px !important; box-shadow: none !important; backdrop-filter: blur(20px);
}
.card > .card-header{
  background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.06) !important;
  padding: 16px 18px !important;
}
.card > .card-header .badge{
  background: transparent !important; color: var(--text-default,#eafcff) !important;
  font-family: var(--font-family-1,"Unbounded"),sans-serif !important; font-weight: 600 !important;
  font-size: 14px !important; padding: 0 !important;
}
.card > .card-container{
  background: transparent !important; padding: 16px 18px !important;
}

.card .inputs-inline input[type="text"]{
  background: rgba(0,0,0,.2) !important; border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 10px !important; color: var(--text-default,#eafcff) !important;
}

.card .secondary_btn{
  border-radius: 12px !important; font-weight: 600 !important; transition: transform .2s ease !important;
  border: 1px solid rgba(255,255,255,.08) !important; background: rgba(255,255,255,.04) !important;
  color: var(--text-default,#eafcff) !important;
}
.card .secondary_btn:hover{ transform: translateY(-2px); background: rgba(255,255,255,.07) !important; }
.card .inputs-inline button[type="submit"].secondary_btn{
  background: linear-gradient(120deg,#29a3ab,#2b7fff) !important; border: none !important; color: #fff !important;
  box-shadow: 0 6px 20px rgba(43,127,255,.22);
}
.card .button-delete{
  border-radius: 12px !important; font-weight: 600 !important; transition: transform .2s ease !important;
  background: rgba(226,68,68,.12) !important; border: 1px solid rgba(226,68,68,.25) !important; color: #ff8585 !important;
}
.card .button-delete:hover{ transform: translateY(-2px); background: rgba(226,68,68,.18) !important; }

/* Разметка использует <table class="width-100">, НЕ class="table" — базовый стиль темы
   (`table{ background-color: var(--card) }`, storage/assets/css/style.css) плоско красит
   таблицу сплошным тёмным прямоугольником поверх стеклянной карточки, из-за чего таблица
   визуально не сливалась с карточкой. Селекторы ниже нацелены на .width-100 (реальный
   класс), а не на .table (которого в этой разметке нет вообще — первая версия этого файла
   ошибочно копировала селектор с module_page_reports, где таблица размечена иначе). */
.card table.width-100{ background: transparent !important; color: var(--text-custom,#9fb2c0); }
.card table.width-100 thead tr{ background: transparent !important; }
.card table.width-100 thead th{
  color: var(--text-custom,#7d8b99) !important; font-weight: 600 !important; font-size: 12px !important;
  text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid rgba(255,255,255,.06) !important;
  padding: 10px 8px !important;
}
.card table.width-100 tbody td{ padding: 10px 8px !important; }
.card table.width-100 tbody tr{ border-bottom: 1px solid rgba(255,255,255,.04) !important; }
.card table.width-100 tbody tr:hover{ background: rgba(255,255,255,.02) !important; }