/* ================================================
   POKELENSTCG — Admin Theme Override
   Tudo escopado em #wrapper ou body para não
   vazar nas classes utilitárias do Bootstrap.
   ================================================ */

/* --- Fundo: preto + hexágonos --- */
body {
    background-color: #0a1e28 !important;
    background-image: url('../images/hexagon-background.png') !important;
    background-size: 740px 488px !important;
    background-attachment: fixed !important;
    background-repeat: repeat !important;
    background-position: 0 0 !important;
}

#wrapper {
    position: relative;
    z-index: 0;
}

/* --- Sidebar --- */
#wrapper .section-menu-left {
    background: #0b2a36ae;
    border-right: 1px solid #1e7ea3;
}

#wrapper .section-menu-left .box-logo {
    background: #2596be;
    border-bottom: 1px solid #1e7ea3;
}

#wrapper .menu-item-button,
#wrapper .menu-item-button .text,
#wrapper .menu-item-button .icon i {
    color: #ffffffd9;
}

#wrapper .menu-item-button:hover .text,
#wrapper .menu-item-button:hover .icon i {
    color: #ffffff;
}

#wrapper .menu-item.active > .menu-item-button {
    background: #1e7ea3;
    border-radius: 8px;
}

#wrapper .menu-item.active > .menu-item-button .text,
#wrapper .menu-item.active > .menu-item-button .icon i {
    color: #ffffff;
}

#wrapper .sub-menu {
    background: transparent;
}

#wrapper .sub-menu-item > a .text {
    color: #ffffffcc;
}

#wrapper .sub-menu-item.active > a .text,
#wrapper .sub-menu-item > a:hover .text {
    color: #8ff8f5;
}

/* --- Header --- */
#wrapper .header-dashboard {
    background: #2596be; /*071216*/
    border-bottom: 1px solid #1e7ea3;
    box-shadow: 0 4px 8px #000;
}

#wrapper .header-dashboard .body-title,
#wrapper .header-dashboard .text-tiny,
#wrapper .header-dashboard i {
    color: #ffffff;
}

#wrapper .header-dashboard .btn-secondary,
#wrapper .header-dashboard .custom-dropdown-toggle {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #ffffff;
    padding: 0;
}

#wrapper .custom-dropdown-menu {
    background: #0d2a38;
    border: 1px solid #1a5068;
    box-shadow: 0 8px 24px #000;
}

#wrapper .custom-dropdown-menu li a {
    color: #ffffffd9;
}

#wrapper .custom-dropdown-menu li a:hover {
    background: #0f3a4a;
    color: #8ff8f5;
}

/* --- Área de conteúdo --- */
#wrapper .section-content-right,
#wrapper .main-content,
#wrapper .main-content-inner,
#wrapper .main-content-wrap,
#wrapper .layout-wrap .section-content-right .main-content,
.layout-wrap .section-content-right .main-content {
    background: transparent !important;
}

/* --- Título e breadcrumbs --- */
#wrapper h3#titulo-pagina {
    color: #ffffff;
}

#wrapper .breadcrumbs .text-tiny {
    color: #8ff8f5;
}

#wrapper .breadcrumbs a .text-tiny {
    color: #b0c4cc;
}

#wrapper .breadcrumbs a:hover .text-tiny {
    color: #ffffff;
}

#wrapper .breadcrumbs i {
    color: #7a9aa8;
}

/* --- Cards de conteúdo --- */
#wrapper .wg-box,
#wrapper .wg-chart-default,
#wrapper .wg-table-default {
    background: #0f3a4a;
    border: 1px solid #1a5068;
    border-radius: 16px;
    box-shadow: 0 8px 20px #000;
    color: #ffffff;
}

/* wg-user fica no header — fundo transparente, sem borda */
#wrapper .wg-user {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* --- Tipografia dentro do admin --- */
#wrapper h1, #wrapper h2, #wrapper h3,
#wrapper h4, #wrapper h5, #wrapper h6 {
    color: #ffffff;
}

#wrapper p,
#wrapper label,
#wrapper td,
#wrapper th {
    color: #e8f4f8;
}

#wrapper .text-tiny,
#wrapper .body-title-2,
#wrapper .note {
    color: #b0c4cc;
}

/* --- Tabelas escuras (exceto catalog) --- */
#wrapper table:not(.catalog-table) thead tr {
    background: #0d2a38;
}

#wrapper table:not(.catalog-table) thead th {
    color: #8ff8f5;
    border-bottom: 1px solid #1a5068;
}

#wrapper table:not(.catalog-table) tbody tr {
    border-bottom: 1px solid #0f2d3d;
}

#wrapper table:not(.catalog-table) tbody tr:hover {
    background: #0f3a4a;
}

#wrapper table:not(.catalog-table) tbody td {
    background: #071520;
    color: #e8f4f8;
}

/* --- Catalog-table: tema claro preservado --- */
#wrapper .catalog-table-wrap {
    border: 1px solid #d1d5db;
    border-radius: 10px;
    overflow: hidden;
}

#wrapper .catalog-table thead th {
    color: #374151;
    border-bottom: 1px solid #d1d5db;
}

#wrapper .catalog-table tbody td {
    color: #111827;
    background: #6b7280;
    border-bottom: 1px solid #6b7280;
}

#wrapper .catalog-table tbody tr:nth-child(even) td {
    background: #6b7280;
}

#wrapper .catalog-table tbody tr:hover td {
    background: #6b7280;
}

#wrapper .catalog-muted {
    color: #6b7280;
}

/* --- Formulários / Inputs --- */
#wrapper input,
#wrapper select,
#wrapper textarea {
    background: #0a1e28;
    border: 1px solid #1a5068;
    color: #ffffff;
    border-radius: 8px;
}

#wrapper input::placeholder,
#wrapper textarea::placeholder {
    color: #7a9aa8;
}

#wrapper input:focus,
#wrapper select:focus,
#wrapper textarea:focus {
    border-color: #2596be;
    outline: none;
    box-shadow: 0 0 0 2px #0f3a4a;
}

#wrapper select option {
    background: #0d2a38;
    color: #ffffff;
}

/* --- Botões --- */
#wrapper .btn-primary {
    background: #2596be;
    border-color: #2596be;
    color: #ffffff;
}

#wrapper .btn-primary:hover {
    background: #1e7fa3;
    border-color: #1e7fa3;
    transform: translateY(-1px);
}

#wrapper .btn-secondary {
    background: #0f3a4a;
    border: 1px solid #1a5068;
    color: #8ff8f5;
}

#wrapper .btn-secondary:hover {
    background: #174460;
    color: #ffffff;
}

/* --- Links --- */
#wrapper a {
    color: #8ff8f5;
}

#wrapper a:hover {
    color: #ffffff;
}

/* --- Dark mode toggle --- */
#wrapper .button-dark-light i {
    color: #ffffffcc;
}

/* --- Scrollbar --- */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #071520; }
::-webkit-scrollbar-thumb { background: #1a5068; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #2596be; }