/* ====================================
   Laura Assistant - Estilos de Impressão
   Otimizado para formato A3 (297mm x 420mm)
   ==================================== */

@page {
    size: A3 landscape;
    margin: 15mm;
}

@media print {
    /* Reset de cores para impressão */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    /* Body */
    body {
        background: white !important;
        font-size: 10pt;
        line-height: 1.4;
    }

    /* Ocultar elementos não necessários */
    .header-actions,
    .modal-overlay,
    .main-footer,
    .modal-close {
        display: none !important;
    }

    /* Header compacto */
    .main-header {
        position: static;
        box-shadow: none;
        border-bottom: 3px solid var(--laura-orange);
        padding: 10mm 0;
        page-break-after: avoid;
    }

    .logo-icon {
        width: 40px;
        height: 40px;
    }

    .logo-text h1 {
        font-size: 1.5rem;
    }

    .tagline {
        font-size: 0.8rem;
    }

    /* Main content */
    .strategic-map {
        padding: 5mm 0;
    }

    /* Overview section */
    .section-overview {
        page-break-after: avoid;
        margin-bottom: 10mm;
    }

    .overview-card {
        box-shadow: none;
        border: 2px solid var(--color-professional-secondary);
        padding: 8mm;
    }

    .section-title {
        font-size: 1.5rem;
        margin-bottom: 5mm;
    }

    .mission-statement h3 {
        font-size: 1.3rem;
        margin-bottom: 3mm;
    }

    .mission-statement p {
        font-size: 0.95rem;
    }

    .key-principles {
        grid-template-columns: repeat(3, 1fr);
        gap: 5mm;
    }

    .principle-card {
        box-shadow: none;
        border: 1px solid var(--color-professional-secondary);
        padding: 5mm;
        page-break-inside: avoid;
    }

    .principle-card i {
        font-size: 1.8rem;
        margin-bottom: 3mm;
    }

    .principle-card h4 {
        font-size: 1rem;
        margin-bottom: 2mm;
    }

    .principle-card p {
        font-size: 0.85rem;
    }

    /* Strategic Grid - Layout para A3 landscape */
    .strategic-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 5mm;
        page-break-inside: avoid;
    }

    .grid-column {
        page-break-inside: avoid;
        gap: 4mm;
    }

    .column-title {
        font-size: 1.1rem;
        padding: 3mm 5mm;
        box-shadow: none;
        border: 2px solid var(--laura-orange);
        page-break-after: avoid;
        margin-bottom: 3mm;
    }

    /* Strategic Cards */
    .strategic-card {
        box-shadow: none;
        border: 1px solid var(--color-professional-secondary);
        border-left: 4px solid var(--laura-orange);
        padding: 4mm;
        page-break-inside: avoid;
        margin-bottom: 3mm;
    }

    .card-header h3 {
        font-size: 0.95rem;
    }

    .card-content {
        font-size: 0.8rem;
    }

    /* Evitar quebras de página inadequadas */
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
    }

    ul, ol {
        page-break-inside: avoid;
    }

    /* Version badges */
    .version-badge {
        padding: 2mm 4mm;
        font-size: 0.75rem;
        margin-right: 2mm;
        margin-bottom: 2mm;
    }

    /* Feature list */
    .feature-list li {
        padding: 1mm 0;
        font-size: 0.8rem;
    }

    /* Phase timeline */
    .phase-timeline {
        gap: 2mm;
    }

    .phase-item {
        padding: 2mm 3mm;
        font-size: 0.8rem;
    }

    /* GTM tracks */
    .track-item {
        padding: 3mm;
        font-size: 0.8rem;
        margin-bottom: 2mm;
    }

    /* Language badges */
    .language-badges {
        gap: 2mm;
    }

    .lang-badge {
        padding: 2mm 3mm;
        font-size: 0.8rem;
    }

    /* Channel list */
    .channel-list li {
        padding: 2mm 0;
        font-size: 0.8rem;
    }

    /* Persona chips */
    .persona-chip {
        padding: 2mm 4mm;
        font-size: 0.75rem;
    }

    /* PESTEL grid */
    .pestel-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2mm;
        margin-top: 3mm;
    }

    .pestel-grid span {
        padding: 2mm;
        font-size: 0.75rem;
    }

    /* Metrics display */
    .metric-display {
        gap: 3mm;
        margin-top: 3mm;
    }

    .metric-label {
        font-size: 0.75rem;
        margin-bottom: 1mm;
    }

    .metric-value {
        font-size: 1.5rem;
    }

    /* Milestone list */
    .milestone-item {
        padding: 2mm 3mm;
        font-size: 0.8rem;
        margin-bottom: 2mm;
    }

    /* KPI list */
    .kpi-list li {
        padding: 2mm 0;
        font-size: 0.8rem;
    }

    /* Tech stack */
    .tech-stack {
        padding: 3mm;
        font-size: 0.85rem;
    }

    /* Ajustes de cores para impressão */
    .strategic-card,
    .column-title,
    .overview-card,
    .principle-card {
        background: white !important;
    }

    .phase-item,
    .track-item,
    .lang-badge,
    .pestel-grid span,
    .tech-stack {
        background: #f5f5f5 !important;
    }

    .milestone-item.completed {
        background: #e8f5e9 !important;
    }

    .milestone-item.active {
        background: #fff9e6 !important;
    }

    /* Garantir que ícones sejam visíveis */
    i {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Links e botões */
    a[href]:after {
        content: none;
    }

    /* Garantir visibilidade de gradientes */
    .persona-chip {
        background: var(--laura-orange) !important;
    }

    /* Nota de rodapé para impressão */
    .strategic-map::after {
        content: "Laura Assistant - Mapa de Planejamento Estratégico © 2025 Laura Technology";
        display: block;
        text-align: center;
        font-size: 0.7rem;
        color: var(--color-technical-secondary);
        margin-top: 10mm;
        padding-top: 5mm;
        border-top: 1px solid var(--color-professional-secondary);
    }

    /* Forçar quebras de página apropriadas */
    .section-overview {
        page-break-before: avoid;
        page-break-after: auto;
    }

    .strategic-grid {
        page-break-before: auto;
    }

    /* Otimizações finais */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* Garantir que o conteúdo caiba em uma página A3 landscape */
    @page {
        size: A3 landscape;
        margin: 12mm;
    }

    html, body {
        width: 420mm;
        height: 297mm;
    }

    .strategic-map {
        max-width: 100%;
        height: auto;
    }

    /* Ajuste fino para 4 colunas em A3 landscape */
    .strategic-grid {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 4mm;
        row-gap: 0;
    }

    .strategic-card {
        margin-bottom: 2mm;
    }

    /* Compactar ainda mais se necessário */
    .card-header {
        margin-bottom: 2mm;
    }

    .card-content {
        line-height: 1.3;
    }
}