/* ======================================
   Memphis Documents Library - NextLevel Theme Integration
   ====================================== */

/* Importar fontes do tema NextLevel */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Reset e Base Styles */
.mdocs, .mdocs * {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-style: normal !important;
}

/* ======================================
   Cores Principais (NextLevel Theme)
   ====================================== */
:root {
    --nextlevel-primary: #053ea1;
    --nextlevel-primary-hover: #0056b3;
    --nextlevel-secondary: #ffc107;
    --nextlevel-secondary-hover: #e0a800;
    --nextlevel-text: #212529;
    --nextlevel-text-light: #ffffff;
    --nextlevel-text-muted: #6c757d;
    --nextlevel-bg: #ffffff;
    --nextlevel-bg-alt: #f8f9fa;
    --nextlevel-border: #dee2e6;
    --nextlevel-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --nextlevel-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* ======================================
   Container Principal
   ====================================== */
.mdocs {
    background: var(--nextlevel-bg);
    border-radius: 8px;
    box-shadow: var(--nextlevel-shadow);
    border: 1px solid var(--nextlevel-border);
    overflow: hidden;
    margin: 1.5rem 0;
    font-family: 'Poppins', sans-serif;
}

/* ======================================
   Componente Post Current File
   ====================================== */
.mdocs-post-current-file {
    background: var(--nextlevel-bg);
    border: 1px solid var(--nextlevel-border);
    border-radius: 8px;
    padding: 1.5rem !important;
    margin: 1rem 0 !important;
    box-shadow: var(--nextlevel-shadow);
    font-family: 'Poppins', sans-serif !important;
}

.mdocs-post-current-file h3,
.mdocs-post-current-file h4,
.mdocs-post-current-file h5 {
    color: var(--nextlevel-primary) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
}

.mdocs-post-current-file p {
    color: var(--nextlevel-text) !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
}.mdocs-wrap {
    padding: 0;
    background: transparent;
}

/* ======================================
   Navegação/Navbar
   ====================================== */
.mdoc-navbar-container {
    background: linear-gradient(135deg, var(--nextlevel-primary) 0%, var(--nextlevel-primary-hover) 100%);
    border-bottom: 1px solid var(--nextlevel-border);
}

.mdocs-navbar-default {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
}

.navbar-brand {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.mdocs-navbar-default .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    padding: 0.75rem 1rem !important;
    transition: all 0.2s ease !important;
    border-radius: 6px !important;
    margin: 0 0.25rem !important;
}

.mdocs-navbar-default .navbar-nav > li > a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* ======================================
   Tabela Principal
   ====================================== */
#mdocs-list-table {
    border: none !important;
    background: #ffffff !important;
    border-radius: 0 !important;
    font-size: 0.8rem !important;
    box-shadow: none !important;
}

#mdocs-list-table thead th {
    background: var(--nextlevel-light) !important;
    color: var(--nextlevel-text) !important;
    font-weight: 600 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0.875rem 0.75rem !important;
    border-bottom: 2px solid var(--nextlevel-border) !important;
    border-top: none !important;
    position: relative !important;
}

#mdocs-list-table thead th:hover {
    background: #f1f5f9 !important;
}

#mdocs-list-table tbody tr {
    border-bottom: 1px solid #f1f5f9 !important;
    transition: all 0.2s ease !important;
}

#mdocs-list-table tbody tr:hover {
    background: var(--nextlevel-light) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--nextlevel-shadow) !important;
}

#mdocs-list-table tbody td {
    padding: 0.875rem 0.75rem !important;
    vertical-align: middle !important;
    border-top: none !important;
    color: var(--nextlevel-text) !important;
    font-size: 0.8rem !important;
}

/* Linha de categoria */
.mdocs-current-cat td {
    background: linear-gradient(135deg, var(--nextlevel-primary) 0%, var(--nextlevel-accent) 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 0.75rem 1rem !important;
    border: none !important;
}

.mdocs-current-cat i {
    margin-right: 0.5rem !important;
    color: #ffffff !important;
}

/* ======================================
   Links e Botões
   ====================================== */
.mdocs-file-link {
    color: var(--nextlevel-primary) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.mdocs-file-link:hover {
    color: var(--nextlevel-primary-hover) !important;
    text-decoration: none !important;
    transform: translateX(2px) !important;
}

.mdocs-title-href {
    color: var(--nextlevel-text) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.mdocs-title-href:hover {
    color: var(--nextlevel-primary) !important;
    text-decoration: none !important;
}

/* Botões de download - apenas ícone */
.mdocs-download a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    background: var(--nextlevel-primary) !important;
    color: var(--nextlevel-text-light) !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    border: none !important;
    position: relative !important;
}

.mdocs-download a:hover {
    background: var(--nextlevel-primary-hover) !important;
    color: var(--nextlevel-text-light) !important;
    text-decoration: none !important;
    transform: translateY(-1px) scale(1.05) !important;
    box-shadow: var(--nextlevel-shadow) !important;
}

/* Ocultar texto do download, manter apenas ícone */
.mdocs-download a {
    text-indent: -9999px !important;
    overflow: hidden !important;
}

.mdocs-download a .fa,
.mdocs-download a .fas {
    text-indent: 0 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.mdocs-download a::before {
    content: "\f019" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-indent: 0 !important;
    font-size: 14px !important;
}

/* ======================================
   Botões Download com Texto (mdocs-download-btn)
   ====================================== */
.mdocs-download-btn,
.mdocs-download-btn-config {
    background: var(--nextlevel-primary) !important;
    border: 1px solid var(--nextlevel-primary) !important;
    color: var(--nextlevel-text-light) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    transition: all 0.2s ease !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: var(--nextlevel-shadow) !important;
}

.mdocs-download-btn:hover,
.mdocs-download-btn-config:hover,
.mdocs-download-btn:focus,
.mdocs-download-btn-config:focus,
.mdocs-download-btn:active,
.mdocs-download-btn-config:active {
    background: var(--nextlevel-primary-hover) !important;
    border-color: var(--nextlevel-primary-hover) !important;
    color: var(--nextlevel-text-light) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--nextlevel-shadow-lg) !important;
    text-decoration: none !important;
}

/* Garantir que o texto interno seja sempre branco */
.mdocs-download-btn *,
.mdocs-download-btn-config *,
.mdocs-download-btn span,
.mdocs-download-btn-config span,
.mdocs-download-btn em,
.mdocs-download-btn-config em {
    color: var(--nextlevel-text-light) !important;
}

.mdocs-download-btn:hover *,
.mdocs-download-btn-config:hover *,
.mdocs-download-btn:focus *,
.mdocs-download-btn-config:focus *,
.mdocs-download-btn:active *,
.mdocs-download-btn-config:active * {
    color: var(--nextlevel-text-light) !important;
}

/* Regras específicas para links dentro dos botões */
a.mdocs-download-btn,
a.mdocs-download-btn-config {
    color: var(--nextlevel-text-light) !important;
    text-decoration: none !important;
}

a.mdocs-download-btn:hover,
a.mdocs-download-btn-config:hover,
a.mdocs-download-btn:focus,
a.mdocs-download-btn-config:focus,
a.mdocs-download-btn:active,
a.mdocs-download-btn-config:active,
a.mdocs-download-btn:visited,
a.mdocs-download-btn-config:visited {
    color: var(--nextlevel-text-light) !important;
    text-decoration: none !important;
}

/* Sobrescrever estilos de links herdados */
.mdocs-download-btn a,
.mdocs-download-btn-config a {
    color: var(--nextlevel-text-light) !important;
}

.mdocs-download-btn:hover a,
.mdocs-download-btn-config:hover a {
    color: var(--nextlevel-text-light) !important;
}

/* Regras com máxima especificidade */
button.mdocs-download-btn,
input.mdocs-download-btn,
.mdocs-download-btn.mdocs-download-btn,
.mdocs-download-btn-config.mdocs-download-btn-config {
    color: var(--nextlevel-text-light) !important;
}

button.mdocs-download-btn:hover,
input.mdocs-download-btn:hover,
.mdocs-download-btn.mdocs-download-btn:hover,
.mdocs-download-btn-config.mdocs-download-btn-config:hover {
    color: var(--nextlevel-text-light) !important;
}

/* REGRAS DE ALTÍSSIMA ESPECIFICIDADE - FORÇAR TEXTO BRANCO */
html body .mdocs-download-btn,
html body .mdocs-download-btn-config {
    color: #ffffff !important;
}

html body .mdocs-download-btn:hover,
html body .mdocs-download-btn-config:hover,
html body .mdocs-download-btn:focus,
html body .mdocs-download-btn-config:focus,
html body .mdocs-download-btn:active,
html body .mdocs-download-btn-config:active {
    color: #ffffff !important;
}

html body .mdocs-download-btn:link,
html body .mdocs-download-btn-config:link,
html body .mdocs-download-btn:visited,
html body .mdocs-download-btn-config:visited {
    color: #ffffff !important;
}

/* Anular qualquer estilo inline ou específico */
.mdocs-download-btn[style],
.mdocs-download-btn-config[style] {
    color: #ffffff !important;
}

/* Sobrepor cores azuis ou outras cores */
.mdocs-download-btn:not([class*="disabled"]),
.mdocs-download-btn-config:not([class*="disabled"]) {
    color: #ffffff !important;
}

/* ESPECIFICIDADE MÁXIMA - ÚLTIMA TENTATIVA */
html body div .mdocs-download-btn,
html body div .mdocs-download-btn-config,
html body .mdocs-download-btn,
html body .mdocs-download-btn-config {
    color: #ffffff !important;
    text-shadow: none !important;
}

html body div .mdocs-download-btn:hover,
html body div .mdocs-download-btn-config:hover,
html body .mdocs-download-btn:hover,
html body .mdocs-download-btn-config:hover {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Forçar com ID não existente para aumentar especificidade */
#nonexistent .mdocs-download-btn,
body .mdocs-download-btn {
    color: #ffffff !important;
}

#nonexistent .mdocs-download-btn:hover,
body .mdocs-download-btn:hover {
    color: #ffffff !important;
}

/* REGRA FINAL - FORÇA BRUTA COM MAIS ESPECIFICIDADE */
html body #wpbody-content .mdocs-download-btn,
html body #wpcontent .mdocs-download-btn,
html body .wrap .mdocs-download-btn,
html body .mdocs .mdocs-download-btn {
    color: #ffffff !important;
    background-color: #053ea1 !important;
}

html body #wpbody-content .mdocs-download-btn:hover,
html body #wpcontent .mdocs-download-btn:hover,
html body .wrap .mdocs-download-btn:hover,
html body .mdocs .mdocs-download-btn:hover {
    color: #ffffff !important;
    background-color: #0056b3 !important;
}

/* Anular cores específicas do WordPress/plugin */
.mdocs-download-btn {
    color: #ffffff !important;
}

.mdocs-download-btn:hover,
.mdocs-download-btn:focus,
.mdocs-download-btn:active {
    color: #ffffff !important;
}

/* ======================================
   Navegação e Abas - mdocs-nav-tab
   ====================================== */
.mdocs-nav-tab {
    background: var(--nextlevel-bg-alt) !important;
    border: 1px solid var(--nextlevel-border) !important;
    border-bottom: none !important;
    color: var(--nextlevel-text-muted) !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px 8px 0 0 !important;
    margin-right: 0.125rem !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.875rem !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    display: inline-block !important;
    cursor: pointer !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
}

.mdocs-nav-tab-active {
    background: var(--nextlevel-primary) !important;
    color: var(--nextlevel-text-light) !important;
    border-color: var(--nextlevel-primary) !important;
    box-shadow: var(--nextlevel-shadow-lg) !important;
    transform: translateY(-2px) !important;
}

.mdocs-nav-tab:hover {
    background: #e9ecef !important;
    color: var(--nextlevel-primary) !important;
    border-color: #adb5bd !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--nextlevel-shadow) !important;
}

.mdocs-nav-tab-active:hover {
    background: var(--nextlevel-primary-hover) !important;
    color: var(--nextlevel-text-light) !important;
    border-color: var(--nextlevel-primary-hover) !important;
    transform: translateY(-2px) !important;
}

/* Regras adicionais para garantir texto branco no tab ativo */
html body .mdocs-nav-tab-active,
html body .mdocs-nav-tab-active:link,
html body .mdocs-nav-tab-active:visited,
html body .mdocs-nav-tab-active:focus {
    color: #ffffff !important;
    text-shadow: none !important;
}

html body .mdocs-nav-tab-active:hover,
html body .mdocs-nav-tab-active:focus:hover,
html body .mdocs-nav-tab-active:active {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Anular estilos do plugin original */
.mdocs-nav-tab-active {
    color: #ffffff !important;
}

.mdocs-nav-tab-active * {
    color: #ffffff !important;
}

/* Máxima especificidade para sobrepor plugin original */
html body div .mdocs-nav-tab-active {
    color: #ffffff !important;
}

html body div .mdocs-nav-tab-active:hover {
    color: #ffffff !important;
}

/* ======================================
   Cabeçalho da Postagem - post-header
   ====================================== */
.post-header {
    background: linear-gradient(135deg, var(--nextlevel-primary), var(--nextlevel-primary-hover)) !important;
    color: var(--nextlevel-text-light) !important;
    padding: 3rem 2rem !important;
    margin-bottom: 2rem !important;
    border-radius: var(--nextlevel-border-radius) !important;
    box-shadow: var(--nextlevel-shadow-lg) !important;
    position: relative !important;
    overflow: hidden !important;
}

.post-header::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') !important;
    opacity: 0.3 !important;
    z-index: 0 !important;
}

.post-header > * {
    position: relative !important;
    z-index: 1 !important;
}

.post-header h1,
.post-header .entry-title {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
    color: var(--nextlevel-text-light) !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

.post-header .entry-meta,
.post-header .post-meta {
    color: rgba(255,255,255,0.85) !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

.post-header .entry-meta a,
.post-header .post-meta a {
    color: var(--nextlevel-secondary) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.post-header .entry-meta a:hover,
.post-header .post-meta a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Responsividade para post-header */
@media (max-width: 768px) {
    .post-header {
        padding: 2rem 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .post-header h1,
    .post-header .entry-title {
        font-size: 1.875rem !important;
        line-height: 1.3 !important;
    }
}
.mdocs-download a em {
    display: none !important;
}

/* Garantir que apenas o ícone seja visível */
.mdocs-download a .fa,
.mdocs-download a .fas {
    font-size: 14px !important;
    margin: 0 !important;
}

/* Tooltip para mostrar "Download" ao passar o mouse */
.mdocs-download a::after {
    content: "Download" !important;
    position: absolute !important;
    bottom: -25px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: white !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
    z-index: 1000 !important;
}

.mdocs-download a:hover::after {
    opacity: 1 !important;
}

/* ======================================
   Ícones
   ====================================== */
.mdoc-file-type-icon {
    width: 20px !important;
    height: 20px !important;
    border-radius: 3px !important;
    object-fit: cover !important;
    box-shadow: var(--nextlevel-shadow) !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

/* Ícones Font Awesome */
.fa, .fas, .far, .fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    color: var(--nextlevel-text-muted) !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

.far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

.mdocs-current-cat .fa,
.mdocs-current-cat .fas,
.mdocs-current-cat .far {
    color: #ffffff !important;
}

/* Garantir que ícones específicos apareçam */
.fa-folder-open::before {
    content: "\f07c" !important;
}

.fa-download::before {
    content: "\f019" !important;
}

.fa-cloud-download-alt::before {
    content: "\f381" !important;
}

.fa-clock::before {
    content: "\f017" !important;
}

.fa-chevron-down::before {
    content: "\f078" !important;
}

.fa-chevron-up::before {
    content: "\f077" !important;
}

/* Fallback para ícones caso Font Awesome não carregue */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2") format("woff2");
}

/* Alternativa com símbolos Unicode caso Font Awesome falhe completamente */
.mdocs .fa:not([class*="fa-"])::before {
    content: "•" !important;
    font-family: Arial, sans-serif !important;
}

/* Ícones específicos com fallback Unicode */
.mdocs .fa-folder-open:not(.fa)::after {
    content: "📁" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
}

.mdocs .fa-download:not(.fa)::after {
    content: "⬇️" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
}

/* ======================================
   Paginação
   ====================================== */
.mdocs-pagination {
    padding: 1.5rem !important;
    background: var(--nextlevel-light) !important;
    border-top: 1px solid var(--nextlevel-border) !important;
    margin: 0 !important;
}

.mdocs-pagination-info {
    color: var(--nextlevel-text-muted) !important;
    font-weight: 500 !important;
}

.mdocs-pagination-nav .page-link {
    color: var(--nextlevel-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--nextlevel-border) !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    margin: 0 2px !important;
    transition: all 0.2s ease !important;
}

.mdocs-pagination-nav .page-link:hover {
    color: var(--nextlevel-primary) !important;
    background: var(--nextlevel-light) !important;
    border-color: var(--nextlevel-primary) !important;
    transform: translateY(-1px) !important;
}

.mdocs-pagination-nav .page-item.active .page-link {
    background: var(--nextlevel-primary) !important;
    border-color: var(--nextlevel-primary) !important;
    color: #ffffff !important;
}

/* ======================================
   Responsividade Mobile - Tabelas
   ====================================== */
@media (max-width: 768px) {
    .mdocs {
        margin: 1rem 0 !important;
        border-radius: 8px !important;
    }
    
    /* Container da tabela com scroll horizontal */
    .mdocs-table-container,
    .mdocs .table-responsive,
    .mdocs .mdocs-list-container {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border-radius: 8px !important;
        box-shadow: inset 0 0 0 1px var(--nextlevel-border) !important;
    }
    
    /* Garantir que a tabela seja scrollável horizontalmente */
    #mdocs-list-table {
        min-width: 600px !important;
        width: auto !important;
        margin-bottom: 0 !important;
    }
    
    /* Wrapper adicional para scroll se necessário */
    .mdocs #mdocs-list-table {
        display: table !important;
        table-layout: auto !important;
    }
    
    /* Forçar wrapper de scroll se a tabela não estiver em container responsivo */
    .mdocs:not(.table-responsive):not(.mdocs-table-container) #mdocs-list-table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        margin: 0 -1rem !important;
        padding: 0 1rem !important;
    }
    
    #mdocs-list-table thead th,
    #mdocs-list-table tbody td {
        padding: 0.625rem 0.5rem !important;
        font-size: 0.75rem !important;
        white-space: nowrap !important;
        min-width: 80px !important;
    }
    
    /* Colunas específicas com larguras mínimas */
    #mdocs-list-table th:first-child,
    #mdocs-list-table td:first-child {
        min-width: 150px !important;
        max-width: 200px !important;
    }
    
    #mdocs-list-table th:nth-child(2),
    #mdocs-list-table td:nth-child(2) {
        min-width: 100px !important;
    }
    
    #mdocs-list-table th:last-child,
    #mdocs-list-table td:last-child {
        min-width: 60px !important;
        text-align: center !important;
    }
    
    .mdoc-file-type-icon {
        width: 16px !important;
        height: 16px !important;
        margin-right: 5px !important;
    }
    
    .mdocs-download a {
        width: 28px !important;
        height: 28px !important;
        font-size: 12px !important;
    }
    
    .mdocs-download a .fa,
    .mdocs-download a .fas {
        font-size: 12px !important;
    }
    
    .mdocs-download a::before {
        font-size: 12px !important;
    }
    
    .mdocs-post-current-file {
        padding: 1rem !important;
        margin: 0.5rem 0 !important;
    }
    
    .mdocs-download-btn,
    .mdocs-download-btn-config {
        padding: 0.375rem 0.75rem !important;
        font-size: 0.875rem !important;
    }
    
    /* Indicador de scroll horizontal REMOVIDO - causava problemas nos posts */
    .mdocs::after {
        display: none !important;
        content: none !important;
    }
}

@media (max-width: 480px) {
    /* Em telas muito pequenas, forçar scroll horizontal */
    .mdocs {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    #mdocs-list-table {
        min-width: 500px !important;
        font-size: 0.7rem !important;
    }
    
    #mdocs-list-table thead th,
    #mdocs-list-table tbody td {
        padding: 0.5rem 0.375rem !important;
        font-size: 0.7rem !important;
        min-width: 70px !important;
    }
    
    /* Título da primeira coluna pode ser um pouco menor */
    #mdocs-list-table th:first-child,
    #mdocs-list-table td:first-child {
        min-width: 120px !important;
        max-width: 150px !important;
    }
    
    .mdocs-title-href,
    .mdocs-file-link {
        font-size: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .mdoc-file-type-icon {
        width: 14px !important;
        height: 14px !important;
        margin-right: 3px !important;
    }
    
    .mdocs-post-current-file {
        padding: 0.75rem !important;
        margin: 0.25rem 0 !important;
    }
    
    .mdocs-download-btn,
    .mdocs-download-btn-config {
        padding: 0.25rem 0.5rem !important;
        font-size: 0.75rem !important;
        gap: 0.25rem !important;
    }
    
    /* Indicador REMOVIDO - pseudo-elemento problemático */
    .mdocs::after {
        display: none !important;
        content: none !important;
    }
}

/* ======================================
   Animações
   ====================================== */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.mdocs {
    animation: fadeIn 0.3s ease-out !important;
}

/* ======================================
   Estados de Loading
   ====================================== */
.mdocs-pagination-loading {
    color: var(--nextlevel-text-muted) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 2rem !important;
}

.mdocs-pagination-loading:before {
    border: 2px solid var(--nextlevel-border) !important;
    border-top: 2px solid var(--nextlevel-primary) !important;
}

/* ======================================
   Melhorias de UX
   ====================================== */
.mdocs-sort-option {
    cursor: pointer !important;
    user-select: none !important;
}

.mdocs-sort-option:hover {
    background: #f1f5f9 !important;
}

.mdocs-sort-option i {
    transition: transform 0.2s ease !important;
}

.mdocs-sort-option:hover i {
    transform: scale(1.1) !important;
}

/* ======================================
   Descrições e Metadados
   ====================================== */
.mdocs-description {
    color: var(--nextlevel-text-muted) !important;
    font-style: normal !important;
}

.mdocs-downloads,
.mdocs-modified {
    font-weight: 500 !important;
    color: var(--nextlevel-text) !important;
}

.text-muted {
    color: var(--nextlevel-text-muted) !important;
}

/* ======================================
   Correções de Especificidade
   ====================================== */
.mdocs-container table,
.mdocs-container table th,
.mdocs-container table td,
.mdocs-container table tr {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Remove estilos conflitantes do Bootstrap */
.mdocs .table-hover > tbody > tr:hover > td,
.mdocs .table-hover > tbody > tr:hover > th {
    background-color: var(--nextlevel-light) !important;
}

/* ======================================
   Remover indicadores New/Updated
   ====================================== */
.mdocs .label-success,
.mdocs .label-info,
.mdocs small.label,
.mdocs .mdocs-new-updated-small,
.mdocs .alert-success,
.mdocs .alert-info {
    display: none !important;
}

/* Ocultar especificamente os labels de New e Updated */
.mdocs-title-href small.label,
.mdocs-file-link small.label,
small.label.label-success,
small.label.label-info {
    display: none !important;
}

/* ======================================
   Forçar fonte normal (remover itálico)
   ====================================== */
.mdocs em,
.mdocs i,
.mdocs .italic,
.mdocs cite,
.mdocs blockquote,
.mdocs .blockquote,
.mdocs .mdocs-description,
.mdocs .description,
.mdocs .meta,
.mdocs .caption,
.mdocs figcaption {
    font-style: normal !important;
}