/*
 * Utilitárias de dimensão — substituem atributos `style=""` de geometria.
 *
 * Motivação (CSP / pentest 2026-08): atributo `style` cai em `style-src-attr`,
 * que não aceita nonce e só pode ser autorizado por `'unsafe-inline'`. Estilo em
 * folha carregada é coberto por `'self'`.
 *
 * Estes valores são geometria arbitrária (a altura de um gráfico, a largura de
 * uma coluna) e não têm significado além do próprio número — por isso o nome é
 * o valor, e não um rótulo semântico inventado. Onde havia significado real, a
 * classe é semântica e mora no CSS da tela, em public/css/views/.
 *
 * Convenção: <prefixo>-<valor><unidade>, com `n` para negativo e `pct` para %.
 *   .h-400px  -> height: 400px      .mt-n2px -> margin-top: -2px
 *   .w-60pct  -> width: 60%         .lh-1-4  -> line-height: 1.4
 * Prefixos seguem o Bootstrap (w/h/mw/mh/mt/ms/pt/top/start/end...), com
 * `minw`/`minh` para min-width/min-height, que o Bootstrap não cobre.
 *
 * `!important` aqui acompanha as utilitárias do Bootstrap: estas classes
 * substituem um atributo `style`, que vencia qualquer regra de folha, então
 * precisam da mesma força para não regredir o layout. Isso NÃO vale para
 * public/css/utilities.css, onde a ausência de `!important` é deliberada (ver
 * o comentário de .js-hidden lá).
 *
 * Gerado a partir dos valores realmente usados nas views.
 */

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

.w-100px {
    width: 100px;
}

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

.w-140px {
    width: 140px;
}

.w-150px {
    width: 150px;
}

.w-180px {
    width: 180px;
}

.w-200px {
    width: 200px;
}

.w-200px-i {
    width: 200px !important;
}

.w-20px {
    width: 20px;
}

.w-24px {
    width: 24px;
}

.w-250px-i {
    width: 250px !important;
}

.w-25px {
    width: 25px;
}

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

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

.w-350px {
    width: 350px;
}

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

.w-36px {
    width: 36px;
}

.w-380px {
    width: 380px;
}

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

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

.w-50px {
    width: 50px;
}

.w-56px {
    width: 56px;
}

.w-70px {
    width: 70px;
}

.w-80px {
    width: 80px;
}

.w-85vw {
    width: 85vw;
}

.w-90px {
    width: 90px;
}

.h-16px {
    height: 16px;
}

.h-1px {
    height: 1px;
}

.h-20px {
    height: 20px;
}

.h-25px {
    height: 25px;
}

.h-300px {
    height: 300px;
}

.h-30px {
    height: 30px;
}

.h-400px {
    height: 400px;
}

.h-40px {
    height: 40px;
}

.h-56px {
    height: 56px;
}

.h-5px {
    height: 5px;
}

.h-6px {
    height: 6px;
}

.h-7px {
    height: 7px;
}

.h-8px {
    height: 8px;
}

.mw-100px {
    max-width: 100px;
}

.mw-185px {
    max-width: 185px;
}

.mw-200px {
    max-width: 200px;
}

.mw-200px-i {
    max-width: 200px !important;
}

.mw-232px {
    max-width: 232px;
}

.mw-250px {
    max-width: 250px;
}

.mw-400px {
    max-width: 400px;
}

.mw-50pct {
    max-width: 50%;
}

.mw-65pct {
    max-width: 65%;
}

.mw-70pct {
    max-width: 70%;
}

.mh-38px {
    max-height: 38px;
}

.mh-450px {
    max-height: 450px;
}

.mh-500px {
    max-height: 500px;
}

.mh-60px {
    max-height: 60px;
}

.minw-100px {
    min-width: 100px;
}

.minw-120px {
    min-width: 120px;
}

.minw-150px {
    min-width: 150px;
}

.minw-200px-i {
    min-width: 200px !important;
}

.minw-24px {
    min-width: 24px;
}

.minw-35pct {
    min-width: 35%;
}

.minw-600px {
    min-width: 600px;
}

.minh-100pct {
    min-height: 100%;
}

.minh-355px {
    min-height: 355px;
}

.minh-395px {
    min-height: 395px;
}

.top-13px {
    top: 13px;
}

.top-2px {
    top: 2px;
}

.top-n7px {
    top: -7px;
}

.start-10px {
    left: 10px;
}

.start-5px {
    left: 5px;
}

.start-8px {
    left: 8px;
}

.end-0px {
    right: 0px;
}

.end-1-5rem {
    right: 1.5rem;
}

.end-20px {
    right: 20px;
}

.lh-1-4 {
    line-height: 1.4;
}

.mt-3px-i {
    margin-top: 3px !important;
}

.mt-4px {
    margin-top: 4px;
}

.mt-n16px {
    margin-top: -16px;
}

.mt-n2px {
    margin-top: -2px;
}

.mb-1px {
    margin-bottom: 1px;
}

.mb-20px {
    margin-bottom: 20px;
}

.mb-n7px {
    margin-bottom: -7px;
}

.ms-10px {
    margin-left: 10px;
}

.ms-5px {
    margin-left: 5px;
}

.ms-80px {
    margin-left: 80px;
}

.me-1rem {
    margin-right: 1rem;
}

.me-2-5px {
    margin-right: 2.5px;
}

.me-n16-4px {
    margin-right: -16.4px;
}

.pt-1px {
    padding-top: 1px;
}

.pt-3px {
    padding-top: 3px;
}

.pb-4px {
    padding-bottom: 4px;
}

.m-n1px {
    margin: -1px;
}

.m-n3px {
    margin: -3px;
}

.zindex-1 {
    z-index: 1;
}

.gap-10px {
    gap: 10px;
}

.fs-0 {
    font-size: 0;
}

.fs-1rem {
    font-size: 1rem;
}

.fs-2-2rem {
    font-size: 2.2rem;
}

.fs-2rem {
    font-size: 2rem;
}

.fs-4rem {
    font-size: 4rem;
}

.mx-4px {
    margin-inline: 4px;
}

.my-6px {
    margin-block: 6px;
}

.px-40px {
    padding-inline: 40px;
}

.px-5px {
    padding-inline: 5px;
}

.py-0-45rem {
    padding-block: 0.45rem;
}

.py-10px {
    padding-block: 10px;
}

.py-2px {
    padding-block: 2px;
}

.opacity-0-6 {
    opacity: .6;
}

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

.mw-280px {
    max-width: 280px;
}

.mh-280px {
    max-height: 280px;
}

.mh-760px {
    max-height: 760px;
}

.minh-180px {
    min-height: 180px;
}

.lh-30px {
    line-height: 30px;
}

.p-12px {
    padding: 12px;
}

.rounded-5px {
    border-radius: 5px;
}

/* Faixa de mt-<n>px consumida pela prop marginTop do x-form.checkbox. */
.mt-1px {
    margin-top: 1px;
}

.mt-2px {
    margin-top: 2px;
}

.mt-3px {
    margin-top: 3px;
}

.mt-5px {
    margin-top: 5px;
}

.mt-6px {
    margin-top: 6px;
}

.mt-7px {
    margin-top: 7px;
}

.mt-8px {
    margin-top: 8px;
}

/* [HT03693] Ultima ocorrencia de atributo style= em view governada por CSP
   (installer/modals/politica.blade.php). Ver NoInlineStyleAttributesTest. */

.mh-350px {
    max-height: 350px;
}

.border-1-d2d2d2 {
    border: 1px solid #d2d2d2;
}

/* [HT03693] Utilitárias que faltavam para o dashboard psicossocial (NR01-AI), que chegou
   pelo homolog com os valores em atributo `style`. */

.minh-320px {
    min-height: 320px;
}

.minh-280px {
    min-height: 280px;
}

.minw-130px {
    min-width: 130px;
}

.h-24px {
    height: 24px;
}

.left-10px {
    left: 10px;
}