@import url('scroll-chain.css?v=1');
@import url('performance-scroll.css?v=2');

/* =========================================================
   SHAIYA MIRAGEM 4.5 — TRANSPARÊNCIA REAL V48
   80% de transparência = alpha 0.20 nos fundos da interface.
   Este arquivo deve ser carregado POR ÚLTIMO.
   ========================================================= */
:root{
  --miragem-ui-alpha:.20;
  --miragem-ui-bg:rgba(3,8,13,var(--miragem-ui-alpha));
  --miragem-ui-bg2:rgba(6,12,18,var(--miragem-ui-alpha));
  --miragem-ui-soft:rgba(10,16,22,.16);
  --miragem-ui-gold:rgba(89,189,232,.10);
}

/* Estruturas principais */
body.miragem-modern .sm-header,
body.miragem-modern .sm-nav,
body.miragem-modern .panel,
body.miragem-modern .content-panel,
body.miragem-modern .side-box,
body.miragem-modern .news-article,
body.miragem-modern .account-panel,
body.miragem-modern .account-action-card,
body.miragem-modern .dl-card,
body.miragem-modern .donate-method-card,
body.miragem-modern .rule-card,
body.miragem-modern .news-item,
body.miragem-modern .quick-item,
body.miragem-modern .rank-item,
body.miragem-modern .gallery-item,
body.miragem-modern .modern-card,
body.miragem-modern .box,
body.miragem-modern .card {
  background:var(--miragem-ui-bg)!important;
  background-image:none!important;
  backdrop-filter:blur(10px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(110%)!important;
}

/* Header / contadores */
body.miragem-modern .sm-livebar{
  background:transparent!important;
  background-image:none!important;
}
body.miragem-modern .sm-livebar .live-item{
  background:var(--miragem-ui-bg)!important;
  background-image:none!important;
}

/* Menu principal */
body.miragem-modern .sm-nav{
  background:rgba(2,7,11,.20)!important;
  background-image:none!important;
}
body.miragem-modern .sm-nav a,
body.miragem-modern .sm-nav .nav-item{
  background:transparent!important;
  background-image:none!important;
}
body.miragem-modern .sm-nav a:hover,
body.miragem-modern .sm-nav a.active,
body.miragem-modern .sm-nav .nav-item:hover,
body.miragem-modern .sm-nav .nav-item.active{
  background:rgba(89,189,232,.10)!important;
  background-image:none!important;
}

/* Cabeçalhos internos de cards/painéis */
body.miragem-modern .panel-head,
body.miragem-modern .box-header,
body.miragem-modern .news-header,
body.miragem-modern .section-head,
body.miragem-modern .table-header{
  background:rgba(4,9,14,.20)!important;
  background-image:none!important;
}

/* ADMIN / STAFF PANEL */
body.admin-body .admin-container-panel,
body.admin-body .admin-top-stats,
body.admin-body .admin-horizontal-nav,
body.admin-body .admin-content-area,
body.admin-body .dash-card,
body.admin-body .admin-table-wrap,
body.admin-body .chars-table-shell,
body.admin-body .chars-filters-shell,
body.admin-body .chars-management-table,
body.admin-body .chars-management-table .chars-filter-form,
body.admin-body .chars-filter-grid,
body.admin-body .admin-section,
body.admin-body .admin-card,
body.admin-body .module-card,
body.admin-body .table-container {
  background:rgba(3,8,13,.20)!important;
  background-image:none!important;
  backdrop-filter:blur(10px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(110%)!important;
}

body.admin-body .admin-horizontal-nav a{
  background:transparent!important;
  background-image:none!important;
}
body.admin-body .admin-horizontal-nav a:hover,
body.admin-body .admin-horizontal-nav a.active{
  background:rgba(89,189,232,.10)!important;
  background-image:none!important;
}
body.admin-body .admin-dropdown-menu{
  background:rgba(3,8,13,.20)!important;
  background-image:none!important;
}
body.admin-body .admin-top-stats .stat-metric,
body.admin-body .stat-badge{
  background-color:rgba(7,13,19,.20)!important;
  background-image:none!important;
}

/* Tabelas: deixa o painel visível sem perder leitura */
body.admin-body table,
body.admin-body .chars-table{
  background:transparent!important;
}
body.admin-body table thead,
body.admin-body .chars-table thead{
  background:rgba(5,11,17,.20)!important;
}
body.admin-body table tbody tr,
body.admin-body .chars-table tbody tr{
  background:rgba(2,7,11,.10)!important;
}
body.admin-body table tbody tr:hover,
body.admin-body .chars-table tbody tr:hover{
  background:rgba(89,189,232,.08)!important;
}

/* Formulários dentro da interface */
body.miragem-modern input:not([type="checkbox"]):not([type="radio"]),
body.miragem-modern select,
body.miragem-modern textarea,
body.miragem-modern .table-filter-input,
body.miragem-modern .table-filter-select,
body.miragem-modern .admin-input,
body.miragem-modern .admin-select,
body.miragem-modern .admin-textarea{
  background:rgba(3,8,13,.20)!important;
  background-image:none!important;
}

/* Mantém textos e ícones 100% nítidos */
body.miragem-modern .sm-header *,
body.miragem-modern .sm-nav *,
body.miragem-modern .panel *,
body.miragem-modern .content-panel *,
body.admin-body .admin-container-panel *{
  opacity:1;
}

/* FIX v56 — Menu SITE: exibe o dropdown completo sem barra de rolagem */
body.admin-body .admin-horizontal-nav {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body.admin-body .admin-horizontal-nav > ul,
body.admin-body .admin-horizontal-nav .admin-has-dropdown {
  overflow: visible !important;
}

body.admin-body .admin-horizontal-nav .admin-dropdown-menu {
  max-height: none !important;
  overflow: visible !important;
  z-index: 99999 !important;
}