/* ========================================================
   WIKI INTERNA DETRAN - ESTILOS DO FRONT-END
   ======================================================== */

.dwiki-container, .dwiki-container * { box-sizing: border-box !important; }
.dwiki-container { max-width: 1280px !important; width: 100% !important; margin: 24px auto !important; padding: 0 14px !important; font-family: "Inter", system-ui, sans-serif !important; color: #1f2937 !important; line-height: 1.6 !important; }

/* -----------------------------------------
   1. HERO E BUSCA
----------------------------------------- */
.dwiki-hero { background: linear-gradient(135deg, #0b233f 0%, #173b87 48%, #1d4ed8 100%) !important; color: #fff !important; border-radius: 22px !important; padding: 40px 30px !important; margin-bottom: 25px !important; text-align: center; }
.dwiki-hero h1 { margin: 0 0 12px !important; font-size: clamp(28px, 4vw, 44px) !important; font-weight: 900 !important; color: #fff !important; }
.dwiki-hero input[type="text"] { appearance: none !important; width: 100% !important; max-width: 600px !important; height: 50px !important; border: 1px solid #dbe3ef !important; border-radius: 14px !important; padding: 0 16px !important; font-size: 16px !important; background: #fff !important; color: #111827 !important; margin-top: 20px !important; outline: none !important; box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important; }

/* Loading State para Busca em Tempo Real */
.dwiki-loading { opacity: 0.5; pointer-events: none; transition: opacity 0.2s ease; }

.dwiki-highlight { 
    background-color: #fde047 !important; 
    color: #0f172a !important; 
    padding: 0 3px !important; 
    border-radius: 4px !important; 
    font-weight: 800 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

/* -----------------------------------------
   2. NAVEGAÇÃO HOME E CARDS
----------------------------------------- */
.dwiki-cat-title { display: flex !important; align-items: center !important; gap: 10px !important; margin: 40px 0 16px !important; color: #0b233f !important; font-size: 22px !important; font-weight: 900 !important; background: #f0f4f8 !important; padding: 14px 20px !important; border-radius: 10px !important; border-left: 6px solid #1d4ed8 !important; box-shadow: 0 2px 5px rgba(15,23,42,0.03) !important; }
.dwiki-cat-title .dashicons { color: #1d4ed8 !important; }

.dwiki-card { display: block !important; background: #fff !important; border: 1px solid #cbd5e1 !important; border-left: 4px solid transparent !important; box-shadow: 0 2px 4px rgba(15,23,42,0.04) !important; border-radius: 14px !important; margin-bottom: 12px !important; padding: 18px 20px !important; text-decoration: none !important; color: #0b233f !important; font-weight: 700 !important; font-size: 17px !important; transition: all 0.2s !important; }
.dwiki-card:hover { background: #f8fafc !important; border-left-color: #1d4ed8 !important; border-color: #94a3b8 !important; transform: translateX(5px) !important; box-shadow: 0 6px 12px rgba(29,78,216,0.08) !important; }

/* Breadcrumbs */
.dwiki-breadcrumbs { font-size: 14px !important; color: #64748b !important; margin-bottom: 20px !important; display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: wrap !important; }
.dwiki-breadcrumbs a { color: #1d4ed8 !important; text-decoration: none !important; font-weight: 600 !important; display: flex !important; align-items: center !important; gap: 4px !important; }
.dwiki-breadcrumbs a:hover { text-decoration: underline !important; }

/* -----------------------------------------
   3. LAYOUT DA PÁGINA INTERNA E SIDEBAR
----------------------------------------- */
/* Layout em 2 Colunas e Centralização Fluida */
.dwiki-layout { display: flex !important; gap: 30px !important; align-items: flex-start !important; }

/* Sidebar Animada */
.dwiki-sidebar { width: 300px !important; flex-shrink: 0 !important; position: sticky !important; top: 30px !important; background: #fff !important; padding: 20px !important; border-radius: 16px !important; border: 1px solid #e2e8f0 !important; border-top: 4px solid #1d4ed8 !important; max-height: 85vh !important; overflow-y: auto !important; overflow-x: hidden !important; box-shadow: 0 4px 12px rgba(15,23,42,0.03) !important; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease !important; }

/* Estado Minimizado */
.dwiki-sidebar.minimized { width: 68px !important; padding: 20px 10px !important; cursor: pointer !important; }
.dwiki-sidebar.minimized:hover { background: #f8fafc !important; border-color: #cbd5e1 !important; }
.dwiki-sidebar.minimized .dwiki-sidebar-title, .dwiki-sidebar.minimized .toggle-icon { display: none !important; }
.dwiki-sidebar.minimized .dwiki-sidebar-header { justify-content: center !important; margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }
.dwiki-sidebar.minimized .dwiki-sidebar-header h3 { justify-content: center !important; }
.dwiki-sidebar.minimized .dwiki-toc { display: none !important; }

.dwiki-sidebar-header { display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; padding-bottom: 12px !important; border-bottom: 1px solid #e2e8f0 !important; margin-bottom: 15px !important; transition: all 0.3s ease !important; }
.dwiki-sidebar-header h3 { margin: 0 !important; font-size: 16px !important; color: #0b233f !important; font-weight: 800 !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.toggle-icon { color: #64748b !important; }

.dwiki-toc { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.dwiki-toc li { margin-bottom: 10px !important; }
.dwiki-toc a { text-decoration: none !important; color: #475569 !important; font-size: 14px !important; font-weight: 500 !important; display: block !important; padding: 8px 10px !important; border-radius: 8px !important; transition: all 0.2s !important; }
.dwiki-toc a:hover { background: #eef2ff !important; color: #1d4ed8 !important; font-weight: 600 !important; }

/* A Mágica da Centralização do Conteúdo Principal */
.dwiki-main { flex-grow: 1 !important; min-width: 0 !important; transition: all 0.3s ease !important; }
.dwiki-main-inner { max-width: 900px !important; margin: 0 auto !important; transition: max-width 0.3s ease !important; }

/* -----------------------------------------
   4. CONTEÚDO E TÓPICOS
----------------------------------------- */
.dwiki-subtopico { background: #fff !important; padding: 30px !important; border-radius: 18px !important; border: 1px solid #cbd5e1 !important; margin-bottom: 30px !important; box-shadow: 0 4px 6px -1px rgba(15,23,42,0.05) !important; scroll-margin-top: 50px !important; overflow: hidden !important; }
.dwiki-subtopico h2 { background: #f8fafc !important; padding: 18px 30px !important; margin: -30px -30px 25px -30px !important; border-bottom: 1px solid #e2e8f0 !important; border-top: 4px solid #1d4ed8 !important; color: #0b233f !important; font-weight: 900 !important; font-size: 24px !important; }
.dwiki-content { font-size: 16px !important; color: #334155 !important; }

/* Callouts (Avisos Visuais) */
.dwiki-callout { display: flex !important; gap: 14px !important; padding: 18px !important; border-radius: 12px !important; margin: 20px 0 !important; font-size: 15px !important; align-items: flex-start !important; }
.dwiki-callout .dashicons { font-size: 24px !important; width: 24px !important; height: 24px !important; margin-top: 2px !important; }
.dwiki-callout-alerta { background: #fef2f2 !important; border: 1px solid #fca5a5 !important; color: #991b1b !important; }
.dwiki-callout-alerta .dashicons { color: #dc2626 !important; }
.dwiki-callout-info { background: #f0fdf4 !important; border: 1px solid #86efac !important; color: #166534 !important; }
.dwiki-callout-info .dashicons { color: #15803d !important; }

/* -----------------------------------------
   5. SISTEMA DE VOTAÇÃO E FEEDBACK
----------------------------------------- */
.dwiki-feedback-bar { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 30px !important; padding-top: 20px !important; border-top: 1px dashed #cbd5e1 !important; flex-wrap: wrap !important; }

.dwiki-vote-btn { background: #ffffff !important; border: 2px solid #cbd5e1 !important; box-shadow: 0 2px 4px rgba(15,23,42,0.05) !important; border-radius: 8px !important; padding: 8px 16px !important; cursor: pointer !important; display: flex !important; align-items: center !important; gap: 6px !important; color: #334155 !important; font-weight: 700 !important; transition: all 0.2s ease !important; }
.dwiki-vote-btn:hover:not(:disabled) { background: #f8fafc !important; border-color: #0b233f !important; color: #0b233f !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(15,23,42,0.1) !important; }
.dwiki-vote-btn:disabled { opacity: 0.6 !important; cursor: not-allowed !important; background: #f1f5f9 !important; border-color: #e2e8f0 !important; box-shadow: none !important; }

.dwiki-form { margin-top: 20px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 18px !important; }
.dwiki-container textarea { width: 100% !important; border: 1px solid #cbd5e1 !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important; border-radius: 8px !important; padding: 12px !important; min-height: 80px !important; outline: none !important; margin-top: 10px !important; font-family: inherit !important; transition: border-color 0.2s; }
.dwiki-container textarea:focus { border-color: #0b233f !important; }
.dwiki-btn { background: #0b233f !important; color: #fff !important; border: 0 !important; padding: 10px 20px !important; border-radius: 8px !important; font-weight: 700 !important; cursor: pointer !important; margin-top: 10px !important; transition: background 0.2s; }
.dwiki-btn:hover { background: #173b87 !important; }

.dwiki-alert-success { display: none; margin-top: 10px !important; padding: 12px !important; border-radius: 8px !important; background: #ecfdf5 !important; color: #047857 !important; border: 1px solid #a7f3d0 !important; font-weight: 600 !important; }
.is-visible { display: block !important; }
.dwiki-voto-msg { display: none; color: #047857 !important; font-size: 14px !important; font-weight: 700 !important; margin-left: 5px !important; }

/* -----------------------------------------
   6. RESPONSIVIDADE
----------------------------------------- */
@media (max-width: 900px) {
    .dwiki-layout { flex-direction: column !important; }
    .dwiki-sidebar { width: 100% !important; position: static !important; max-height: none !important; }
}