#modal_bordero {padding:16px; box-sizing:border-box;}
#modal_bordero *, #modal_bordero *::before, #modal_bordero *::after {box-sizing:border-box;}
#modal_bordero .modal-legal-content {width:100%; max-width:980px; max-height:calc(100dvh - 32px); margin:0; padding:0; border-radius:14px; min-width:0;}
#modal_bordero .modal-legal-header {flex:none; background:#247a46; color:white; padding:16px 20px; gap:12px;}
#modal_bordero .modal-legal-header h3 {color:white; font-size:20px;}
#modal_bordero .btn-fechar-modal {color:white; flex:none; min-width:40px; min-height:40px;}
#modal_bordero .modal-legal-body {display:block; min-width:0; min-height:0; overflow-y:auto; overflow-x:hidden; padding:24px; background:#f6f8fa; overscroll-behavior:contain;}
#modal_bordero .bordero-financeiro {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:center; background:white; border:1px solid #e2e8e5; border-radius:12px; padding:24px;}
#modal_bordero .bordero-canvas {position:relative; width:240px; max-width:100%; height:240px; margin:auto;}
#modal_bordero .bordero-legenda {display:flex; gap:20px; justify-content:center; margin-top:18px; font-size:13px;}
#modal_bordero .bordero-legenda span {display:inline-flex; align-items:center; gap:7px;}
#modal_bordero .bordero-legenda i {width:10px; height:10px; border-radius:50%; background:#28a745;}
#modal_bordero .bordero-legenda span:last-child i {background:#dc3545;}
#modal_bordero h4 {color:#263c32; margin:24px 0 12px; font-size:15px;}
#modal_bordero .bordero-valores h4 {margin-top:0; font-size:18px;}
#modal_bordero .bordero-valores p {display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; font-size:14px; margin:16px 0;}
#modal_bordero .bordero-valores strong {white-space:nowrap;}
#modal_bordero .bordero-liquido {padding-top:16px; border-top:1px solid #dce7df; color:#247a46; font-weight:bold;}
#modal_bordero .bordero-tabela {display:block; width:100%; min-width:0; overflow-x:auto; border:1px solid #dfe5e2; border-radius:8px; background:white;}
#modal_bordero table {width:100%; min-width:760px; border-collapse:collapse; font:13px Arial,sans-serif; text-align:left;}
#modal_bordero .bordero-tabela:nth-of-type(3) table {min-width:520px;}
#modal_bordero th {padding:12px 10px; background:#e8f0eb; color:#294a36; font-size:12px;}
#modal_bordero td {padding:10px; border-bottom:1px solid #edf0ee;}
#modal_bordero td:nth-child(n+3) {white-space:nowrap;}
#modal_bordero .bordero-status {display:inline-block; padding:5px 10px; border-radius:999px; color:white; font-size:11px; font-weight:bold; white-space:nowrap; animation:none; transition:none;}
#modal_bordero .bordero-status-pago {background:#278348;}
#modal_bordero .bordero-status-utilizado {background:#c53b3b;}
#modal_bordero .bordero-status-cancelado, #modal_bordero .bordero-status-reembolsado {background:#626c76;}
#modal_bordero .bordero-total {background:#e8f0eb; color:#234c32; font-weight:bold;}
#modal_bordero .bordero-nota {font-size:12px; color:#596b61; line-height:1.6;}
#modal_bordero #bordero_avisos {color:#aa3030; font-size:13px;}
#modal_bordero .bordero-pdf {width:100%; min-height:48px; margin:12px 0 0; background:#263b30;}
@media (max-width:600px) {
    #modal_bordero {padding:8px;}
    #modal_bordero .modal-legal-content {width:100%; max-height:calc(100dvh - 16px); border-radius:10px;}
    #modal_bordero .modal-legal-header {padding:10px 12px;}
    #modal_bordero .modal-legal-header h3 {font-size:17px;}
    #modal_bordero .modal-legal-body {padding:12px;}
    #modal_bordero .bordero-financeiro {grid-template-columns:minmax(0,1fr); padding:16px 12px; gap:24px;}
    #modal_bordero .bordero-canvas {width:220px; height:220px;}
    #modal_bordero .bordero-valores p {font-size:13px;}
}