/* Utilidades rápidas para remover inline styles e manter CSP sem unsafe-inline */

.u-flex { display: flex; }
.u-grid { display: grid; }
.u-align-center { align-items: center; }
.u-justify-between { justify-content: space-between; }
.u-justify-end { justify-content: flex-end; }
.u-justify-center { justify-content: center; }
.u-gap-8 { gap: 8px; }
.u-gap-10 { gap: 10px; }
.u-gap-12 { gap: 12px; }
.u-gap-16 { gap: 16px; }

.u-mb-4  { margin-bottom: 4px; }
.u-mb-10 { margin-bottom: 10px; }
.u-mb-16 { margin-bottom: 16px; }
.u-mb-20 { margin-bottom: 20px; }
.u-mb-24 { margin-bottom: 24px; }
.u-mb-32 { margin-bottom: 32px; }
.u-mt-0  { margin-top: 0; }
.u-mt-8  { margin-top: 8px; }
.u-mt-12 { margin-top: 12px; }
.u-mt-16 { margin-top: 16px; }
.u-mt-20 { margin-top: 20px; }
.u-mt-22 { margin-top: 22px; }
.u-mt-24 { margin-top: 24px; }
.u-mt-30 { margin-top: 30px; }
.u-mt-32 { margin-top: 32px; }
.u-ml-20 { margin-left: 20px; }
.u-m-0  { margin: 0; }

.u-text-center { text-align: center; }
.u-font-14 { font-size: 14px; }
.u-font-16 { font-size: 16px; }
.u-font-22 { font-size: 22px; }
.u-fw-500 { font-weight: 500; }
.u-fw-600 { font-weight: 600; }
.u-red-600 { color: #991b1b; }
.u-cursor-pointer { cursor: pointer; }

.u-width-full { width: 100%; }
.u-size-20 { width: 20px; height: 20px; }
.u-w-150 { width: 150px; }
.u-table-fixed { table-layout: fixed; }
.u-display-none { display: none; }
.u-maxw-100 { max-width: 100%; }
.u-maxh-100 { max-height: 100%; }
.u-overflow-x-auto { overflow-x: auto; }
.logo-relatorio-img { max-height: 80px; object-fit: contain; }
.logo-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding: 0 24px;
    border: 1px dashed #ccc;
    border-radius: 8px;
    font-weight: 600;
    color: #555;
    background: #fafafa;
}
.logo-box {
    width: 120px;
    height: 120px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    overflow: hidden;
}

.col-w-8 { width: 8%; }
.col-w-12 { width: 12%; }
.col-w-16 { width: 16%; }
.col-w-20 { width: 20%; }
.col-w-44 { width: 44%; }

.w-78pct { width: 78%; }

.grid-col-2-4 { grid-column: 2 / 4; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 12px; }
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-top: 16px; }
.grid-2-wide { display: grid; grid-template-columns: 1fr 1.5fr; gap: 24px; margin-bottom: 24px; }

.console-box {
    margin-top: 20px;
    background: #111;
    color: #0f0;
    padding: 16px;
    border-radius: 6px;
    display: none;
    max-height: 400px;
    overflow: auto;
}