/* ===== BASE ===== */


.bbml-relatorio-wrap {


    font-family: 'Segoe UI', sans-serif;


    color: #222;


}





.bbml-relatorio-topo {


    display: flex;


    justify-content: space-between;


    align-items: center;


    margin-bottom: 20px;


    gap: 12px;


    flex-wrap: wrap;


}





.bbml-relatorio-box {


    background: #fff;


    border: 1px solid #e5e7eb;


    border-radius: 12px;


    padding: 16px;


    margin-bottom: 16px;


}





.bbml-relatorio-grid {


    display: grid;


    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));


    gap: 10px 20px;


}





.bbml-timeline-item {


    border-left: 4px solid #d1d5db;


    padding-left: 14px;


    margin-bottom: 18px;


}





.bbml-timeline-item h4 {


    margin: 0 0 8px 0;


    font-size: 16px;


}





.bbml-muted {


    color: #6b7280;


    font-size: 13px;


}





.bbml-print-btn {


    padding: 10px 16px;


    border: none;


    border-radius: 10px;


    background: #045CB4;


    color: #fff;


    cursor: pointer;


}





/* ===== VISIBILIDADE ===== */


.bbml-print-only {


    display: none;


}





/* ===== IMPRESSÃO ===== */


@media print {





    .bbml-no-print {


        display: none !important;


    }





    .bbml-print-only {


        display: block !important;


    }





    .bbml-screen-only {


        display: none !important;


    }





    .bbml-relatorio-box {


        break-inside: avoid;


    }





    body {


        background: #fff !important;


        font-size: 11px;


        margin: 0 !important;


        padding: 0 !important;


    }





    h2, h3, h4 {


        margin: 6px 0;


    }





    /* esconder elementos do tema */


    header,


    footer,


    nav,


    aside,


    .site-header,


    .site-footer,


    .main-navigation,


    .navbar,


    .top-bar,


    .sidebar,


    .widget-area,


    #wpadminbar,


    #masthead,


    #colophon,


    #secondary {


        display: none !important;


    }





    .bbml-relatorio-wrap {


        width: 100% !important;


        max-width: 100% !important;


        margin: 0 !important;


        padding: 0 !important;


    }


}