:root {
    --inv-bg: #f2f6f4;
    --inv-surface: #ffffff;
    --inv-surface-soft: #f8faf9;
    --inv-text: #14231c;
    --inv-muted: #66776e;
    --inv-line: #dce5e0;

    --inv-green-950: #08271c;
    --inv-green-900: #0b3425;
    --inv-green-800: #124936;
    --inv-green-700: #176044;
    --inv-green-600: #1c7653;
    --inv-green-500: #27956d;

    --inv-gold: #d6a72d;
    --inv-danger: #a63333;
    --inv-warning: #a96d13;

    --inv-shadow:
        0 18px 50px rgba(15, 42, 30, .08);

    --inv-radius: 22px;
}


* {
    box-sizing: border-box;
}


html,
body {
    margin: 0;
    min-height: 100%;
}


body {
    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(39, 149, 109, .09),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f7faf8,
            var(--inv-bg)
        );

    color: var(--inv-text);

    font-family:
        Inter,
        system-ui,
        sans-serif;
}


button,
input,
select,
textarea {
    font: inherit;
}


button,
a {
    -webkit-tap-highlight-color: transparent;
}


a {
    color: inherit;
}


[hidden] {
    display: none !important;
}


/* =========================================================
   ESTRUTURA
   ========================================================= */

.inv-app {
    min-height: 100dvh;
}


.inv-content {
    width: min(
        1500px,
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding:
        36px 0
        80px;

    transition:
        max-width .25s ease;
}


html[data-ui-mode="mobile"]
.inv-content {
    max-width: 760px;
}


.inv-topbar {
    position: sticky;
    top: 0;
    z-index: 100;

    min-height: 76px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    padding:
        12px
        max(
            24px,
            calc(
                (
                    100vw
                    - 1500px
                )
                / 2
            )
        );

    color: #fff;

    background:
        rgba(
            8,
            39,
            28,
            .94
        );

    backdrop-filter:
        blur(18px);

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .08
        );

    box-shadow:
        0 8px 30px
        rgba(
            8,
            39,
            28,
            .18
        );
}


.inv-brand {
    display: inline-flex;
    align-items: center;

    gap: 12px;

    color: #fff;

    text-decoration: none;
}


.inv-brand-icon {
    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    border-radius: 14px;

    color: var(--inv-green-950);

    background:
        linear-gradient(
            145deg,
            #f2cf63,
            #d5a72d
        );

    box-shadow:
        0 8px 22px
        rgba(
            0,
            0,
            0,
            .22
        );
}


.inv-brand-icon svg {
    width: 23px;
    height: 23px;
}


.inv-brand strong,
.inv-brand small {
    display: block;
}


.inv-brand strong {
    font-size: 15px;
    font-weight: 850;
}


.inv-brand small {
    margin-top: 2px;

    color:
        rgba(
            255,
            255,
            255,
            .64
        );

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .06em;

    text-transform: uppercase;
}


.inv-topbar-actions {
    display: flex;
    align-items: center;

    gap: 13px;
}


/* =========================================================
   CHAVINHA DESKTOP / MOBILE
   ========================================================= */

.inv-mode-switch {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            1fr
        );

    padding: 4px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .12
        );

    border-radius: 14px;

    background:
        rgba(
            255,
            255,
            255,
            .06
        );
}


.inv-mode-switch button {
    min-height: 34px;

    display: flex;
    align-items: center;

    gap: 7px;

    padding: 0 11px;

    border: 0;
    border-radius: 10px;

    cursor: pointer;

    color:
        rgba(
            255,
            255,
            255,
            .63
        );

    background: transparent;

    font-size: 10px;
    font-weight: 800;

    transition:
        .18s ease;
}


.inv-mode-switch button.active {
    color: var(--inv-green-950);

    background: #fff;

    box-shadow:
        0 4px 14px
        rgba(
            0,
            0,
            0,
            .16
        );
}


.inv-mode-switch svg {
    width: 15px;
    height: 15px;
}


/* =========================================================
   USUÁRIO
   ========================================================= */

.inv-user {
    display: flex;
    align-items: center;

    gap: 9px;
}


.inv-user-avatar {
    width: 35px;
    height: 35px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #fff;

    background:
        var(--inv-green-600);

    font-size: 12px;
    font-weight: 900;
}


.inv-user-text strong,
.inv-user-text small {
    display: block;
}


.inv-user-text strong {
    max-width: 190px;

    overflow: hidden;

    color: #fff;

    font-size: 10px;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.inv-user-text small {
    margin-top: 2px;

    color:
        rgba(
            255,
            255,
            255,
            .60
        );

    font-size: 8px;
}


.inv-icon-button {
    width: 37px;
    height: 37px;

    display: grid;
    place-items: center;

    padding: 0;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .12
        );

    border-radius: 11px;

    cursor: pointer;

    color: #fff;

    background:
        rgba(
            255,
            255,
            255,
            .05
        );
}


.inv-icon-button:hover {
    background:
        rgba(
            255,
            255,
            255,
            .11
        );
}


.inv-icon-button svg {
    width: 17px;
    height: 17px;
}


/* =========================================================
   LOGIN
   ========================================================= */

.inv-login-page {
    min-height:
        calc(
            100dvh
            - 80px
        );

    display: grid;

    grid-template-columns:
        minmax(
            0,
            1.2fr
        )
        minmax(
            360px,
            520px
        );

    align-items: center;

    gap: 60px;
}


.inv-login-visual {
    padding: 50px;
}


.inv-login-mark {
    width: 68px;
    height: 68px;

    display: grid;
    place-items: center;

    margin-bottom: 28px;

    border-radius: 22px;

    color: #fff;

    background:
        linear-gradient(
            145deg,
            var(--inv-green-600),
            var(--inv-green-900)
        );

    box-shadow:
        0 18px 50px
        rgba(
            11,
            52,
            37,
            .26
        );
}


.inv-login-mark svg {
    width: 34px;
    height: 34px;
}


.inv-kicker,
.inv-panel-kicker {
    display: block;

    color: var(--inv-green-600);

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .16em;

    text-transform: uppercase;
}


.inv-login-visual h1 {
    max-width: 700px;

    margin:
        10px 0
        20px;

    font-size:
        clamp(
            48px,
            7vw,
            92px
        );

    line-height: .95;

    letter-spacing: -.06em;
}


.inv-login-visual h1 span {
    color: var(--inv-green-600);
}


.inv-login-visual > p {
    max-width: 680px;

    color: var(--inv-muted);

    font-size: 16px;

    line-height: 1.75;
}


.inv-login-features {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 28px;
}


.inv-login-features span {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding:
        9px 13px;

    border:
        1px solid
        var(--inv-line);

    border-radius: 999px;

    color: var(--inv-green-800);

    background:
        rgba(
            255,
            255,
            255,
            .65
        );

    font-size: 10px;
    font-weight: 800;
}


.inv-login-features svg {
    width: 14px;
    height: 14px;
}


.inv-login-card {
    padding: 34px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .9
        );

    border-radius: 28px;

    background:
        rgba(
            255,
            255,
            255,
            .88
        );

    backdrop-filter:
        blur(22px);

    box-shadow:
        0 30px 90px
        rgba(
            10,
            40,
            28,
            .14
        );
}


.inv-login-header {
    display: flex;
    align-items: center;

    gap: 13px;

    margin-bottom: 26px;
}


.inv-login-header-icon {
    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    border-radius: 14px;

    color: var(--inv-green-700);

    background:
        #e8f3ee;
}


.inv-login-header h2 {
    margin: 0;

    font-size: 18px;
}


.inv-login-header p {
    margin:
        4px 0
        0;

    color: var(--inv-muted);

    font-size: 10px;
}


.inv-auth-stage {
    margin-top: 18px;
}


.inv-auth-notice,
.inv-auth-denied {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin:
        18px 0;

    padding: 13px;

    border-radius: 14px;

    font-size: 10px;

    line-height: 1.5;
}


.inv-auth-notice {
    color: var(--inv-green-800);

    background: #eaf5f0;
}


.inv-auth-denied {
    flex-direction: column;

    color: #8f2929;

    background: #fff0f0;
}


.inv-auth-denied svg {
    width: 25px;
    height: 25px;
}


/* =========================================================
   CAMPOS
   ========================================================= */

.inv-field {
    min-width: 0;
}


.inv-field + .inv-field {
    margin-top: 14px;
}


.inv-field label {
    display: flex;
    align-items: center;

    gap: 6px;

    margin-bottom: 7px;

    color: #344b40;

    font-size: 9px;
    font-weight: 850;

    letter-spacing: .04em;

    text-transform: uppercase;
}


.inv-field label span {
    color: #99a79f;

    font-size: 8px;
    font-weight: 600;

    letter-spacing: 0;

    text-transform: none;
}


.inv-field input,
.inv-field select,
.inv-field textarea,
.inv-create-form input,
.inv-create-form select {
    width: 100%;

    border:
        1px solid
        var(--inv-line);

    border-radius: 12px;

    outline: 0;

    color: var(--inv-text);

    background: #fff;

    transition:
        border .18s ease,
        box-shadow .18s ease;
}


.inv-field input,
.inv-field select,
.inv-create-form input,
.inv-create-form select {
    height: 45px;

    padding:
        0 13px;
}


.inv-field textarea {
    padding: 12px 13px;

    resize: vertical;

    line-height: 1.55;
}


.inv-field input:focus,
.inv-field select:focus,
.inv-field textarea:focus {
    border-color:
        var(--inv-green-500);

    box-shadow:
        0 0 0 4px
        rgba(
            39,
            149,
            109,
            .10
        );
}


.inv-input-icon {
    position: relative;
}


.inv-input-icon > svg {
    position: absolute;

    top: 50%;
    left: 14px;

    width: 17px;
    height: 17px;

    transform:
        translateY(
            -50%
        );

    color: #819188;
}


.inv-input-icon input {
    padding-left: 43px;
}


.inv-field-status {
    display: block;

    min-height: 18px;

    margin-top: 6px;

    color: var(--inv-muted);

    font-size: 9px;

    line-height: 1.4;
}


.inv-field-status.success {
    color: var(--inv-green-600);
}


.inv-field-status.error {
    color: var(--inv-danger);
}


.inv-code-input {
    text-align: center;

    font-size: 22px !important;
    font-weight: 800;

    letter-spacing: .28em;
}


/* =========================================================
   BOTÕES
   ========================================================= */

.inv-button {
    min-height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding:
        0 16px;

    border-radius: 12px;

    border:
        1px solid
        transparent;

    cursor: pointer;

    text-decoration: none;

    font-size: 10px;
    font-weight: 850;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}


.inv-button:hover {
    transform:
        translateY(
            -1px
        );
}


.inv-button svg {
    width: 16px;
    height: 16px;
}


.inv-button-primary {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--inv-green-600),
            var(--inv-green-800)
        );

    box-shadow:
        0 8px 22px
        rgba(
            23,
            96,
            68,
            .20
        );
}


.inv-button-secondary {
    color: var(--inv-green-800);

    border-color: var(--inv-line);

    background: #fff;
}


.inv-button-danger-outline {
    color: var(--inv-danger);

    border-color:
        rgba(
            166,
            51,
            51,
            .24
        );

    background: #fff;
}


.inv-button-full {
    width: 100%;

    margin-top: 12px;
}


.inv-button-large {
    min-height: 50px;

    padding:
        0 22px;

    font-size: 11px;
}


.inv-link-button {
    width: 100%;

    margin-top: 10px;

    padding: 8px;

    border: 0;

    cursor: pointer;

    color: var(--inv-green-700);

    background: transparent;

    font-size: 9px;
    font-weight: 800;
}


/* =========================================================
   PAINÉIS / HERO
   ========================================================= */

.inv-page-hero,
.inv-inventory-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 24px;
}


.inv-page-hero h1,
.inv-inventory-hero h1 {
    margin:
        6px 0
        5px;

    font-size:
        clamp(
            28px,
            4vw,
            46px
        );

    line-height: 1.05;

    letter-spacing: -.04em;
}


.inv-page-hero p,
.inv-inventory-hero p,
.inv-panel-header p {
    margin:
        7px 0
        0;

    color: var(--inv-muted);

    font-size: 11px;

    line-height: 1.6;
}


.inv-inventory-identity {
    display: flex;
    align-items: center;

    gap: 15px;
}


.inv-back {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    flex: 0 0 auto;

    border:
        1px solid
        var(--inv-line);

    border-radius: 13px;

    color: var(--inv-green-800);

    background: #fff;
}


.inv-panel {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid
        var(--inv-line);

    border-radius:
        var(--inv-radius);

    background:
        rgba(
            255,
            255,
            255,
            .91
        );

    box-shadow:
        var(--inv-shadow);
}


.inv-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 22px 24px;

    border-bottom:
        1px solid
        #edf2ef;
}


.inv-panel-header h2 {
    margin:
        5px 0
        0;

    font-size: 18px;
}


.inv-counter {
    min-width: 38px;
    height: 30px;

    display: grid;
    place-items: center;

    padding:
        0 9px;

    border-radius: 999px;

    color: var(--inv-green-700);

    background: #eaf5f0;

    font-size: 10px;
    font-weight: 900;
}


/* =========================================================
   CRIAÇÃO
   ========================================================= */

.inv-create-box {
    min-width: 330px;

    padding: 6px;

    border:
        1px solid
        var(--inv-line);

    border-radius: 16px;

    background: #fff;
}


.inv-create-box summary {
    min-height: 42px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        0 11px;

    cursor: pointer;

    color: var(--inv-green-700);

    font-size: 10px;
    font-weight: 850;

    list-style: none;
}


.inv-create-form {
    display: grid;

    grid-template-columns:
        1.5fr
        .7fr
        auto;

    align-items: end;

    gap: 10px;

    padding: 10px;
}


/* =========================================================
   LISTA INVENTÁRIOS
   ========================================================= */

.inv-inventory-list {
    padding: 7px;
}


.inv-inventory-row {
    min-height: 80px;

    display: grid;

    grid-template-columns:
        46px
        minmax(
            0,
            1.6fr
        )
        minmax(
            180px,
            .8fr
        )
        auto
        25px;

    align-items: center;

    gap: 16px;

    padding:
        11px 15px;

    border-radius: 16px;

    text-decoration: none;

    transition:
        background .15s ease,
        transform .15s ease;
}


.inv-inventory-row:hover {
    background: #f4f8f6;

    transform:
        translateX(
            2px
        );
}


.inv-inventory-symbol {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    color: var(--inv-green-700);

    background: #e7f3ed;
}


.inv-inventory-main strong,
.inv-inventory-main small {
    display: block;
}


.inv-inventory-main strong {
    font-size: 12px;
}


.inv-inventory-main small {
    margin-top: 4px;

    color: var(--inv-muted);

    font-size: 9px;
}


.inv-inventory-progress > span:first-child {
    display: flex;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 6px;

    font-size: 9px;
}


.inv-inventory-progress small {
    color: var(--inv-muted);
}


.inv-progress {
    position: relative;

    display: block;

    width: 100%;
    height: 6px;

    overflow: hidden;

    border-radius: 999px;

    background: #e3ebe7;
}


.inv-progress i {
    position: absolute;
    inset:
        0 auto
        0 0;

    display: block;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            var(--inv-green-500),
            var(--inv-green-700)
        );
}


.inv-progress-large {
    height: 8px;
}


/* =========================================================
   BADGES
   ========================================================= */

.inv-badge {
    display: inline-flex;
    align-items: center;

    justify-content: center;

    min-height: 25px;

    padding:
        0 9px;

    border-radius: 999px;

    color: #50635a;

    background: #eef2f0;

    font-size: 8px;
    font-weight: 850;

    text-transform: uppercase;
}


.inv-adjust-status-pendente {
    color: #995d0e;

    background: #fff2d9;
}


.inv-adjust-status-em_tratamento {
    color: #315f8b;

    background: #e9f2fb;
}


.inv-adjust-status-concluido {
    color: var(--inv-green-700);

    background: #e7f4ed;
}


/* =========================================================
   MÉTRICAS
   ========================================================= */

.inv-metrics {
    display: grid;

    grid-template-columns:
        repeat(
            5,
            minmax(
                0,
                1fr
            )
        );

    gap: 10px;

    margin-bottom: 18px;
}


.inv-metrics > div {
    padding:
        15px 17px;

    border:
        1px solid
        var(--inv-line);

    border-radius: 17px;

    background:
        rgba(
            255,
            255,
            255,
            .78
        );
}


.inv-metrics span,
.inv-metrics strong {
    display: block;
}


.inv-metrics span {
    color: var(--inv-muted);

    font-size: 8px;
    font-weight: 800;

    text-transform: uppercase;
}


.inv-metrics strong {
    margin-top: 5px;

    font-size: 21px;
}


.inv-overall-progress {
    min-width: 260px;
}


.inv-overall-progress > div:first-child {
    display: flex;
    align-items: baseline;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 7px;
}


.inv-overall-progress strong {
    font-size: 21px;
}


.inv-overall-progress span {
    color: var(--inv-muted);

    font-size: 9px;
}


/* =========================================================
   ABAS
   ========================================================= */

.inv-tabs {
    display: flex;
    align-items: center;

    gap: 8px;

    padding: 5px;

    overflow-x: auto;

    border:
        1px solid
        var(--inv-line);

    border-radius: 17px;

    background:
        rgba(
            255,
            255,
            255,
            .76
        );
}


.inv-tabs a {
    min-height: 42px;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding:
        0 15px;

    border-radius: 12px;

    color: #63766c;

    text-decoration: none;

    font-size: 10px;
    font-weight: 850;

    white-space: nowrap;
}


.inv-tabs a.active {
    color: #fff;

    background:
        var(--inv-green-800);

    box-shadow:
        0 6px 18px
        rgba(
            18,
            73,
            54,
            .20
        );
}


.inv-tabs a > span {
    min-width: 19px;
    height: 19px;

    display: grid;
    place-items: center;

    padding:
        0 5px;

    border-radius: 999px;

    color: var(--inv-green-900);

    background: #fff;

    font-size: 7px;
}


.inv-tabs svg {
    width: 16px;
    height: 16px;
}


/* =========================================================
   UORGS
   ========================================================= */

.inv-uorg-list {
    padding: 7px;
}


.inv-uorg-row {
    min-height: 68px;

    display: grid;

    grid-template-columns:
        38px
        minmax(
            0,
            1.5fr
        )
        minmax(
            160px,
            .8fr
        )
        auto
        22px;

    align-items: center;

    gap: 13px;

    padding:
        9px 14px;

    border-radius: 14px;

    text-decoration: none;
}


.inv-uorg-row:hover {
    background: #f3f8f5;
}


.inv-uorg-status {
    width: 33px;
    height: 33px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #84958c;

    background: #edf2ef;
}


.inv-uorg-status-em_vistoria {
    color: #936314;

    background: #fff2d5;
}


.inv-uorg-status-encerrada {
    color: var(--inv-green-700);

    background: #e5f4ec;
}


.inv-uorg-status svg {
    width: 15px;
    height: 15px;
}


.inv-uorg-name strong,
.inv-uorg-name span,
.inv-uorg-counts strong,
.inv-uorg-counts small {
    display: block;
}


.inv-uorg-name strong {
    color: var(--inv-green-700);

    font-size: 9px;
}


.inv-uorg-name span {
    margin-top: 3px;

    font-size: 11px;
    font-weight: 700;
}


.inv-uorg-counts strong {
    font-size: 10px;
}


.inv-uorg-counts small {
    margin-top: 3px;

    color: var(--inv-muted);

    font-size: 8px;
}


/* =========================================================
   VISTORIA
   ========================================================= */

.inv-vistoria-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-top: 26px;
}


.inv-vistoria-heading h2 {
    margin:
        6px 0
        0;

    font-size: 21px;
}


.inv-text-link {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    margin-bottom: 14px;

    color: var(--inv-green-700);

    text-decoration: none;

    font-size: 9px;
    font-weight: 850;
}


.inv-text-link svg {
    width: 14px;
    height: 14px;
}


.inv-vistoria-count {
    text-align: right;
}


.inv-vistoria-count strong {
    font-size: 27px;
}


.inv-vistoria-count span,
.inv-vistoria-count small {
    display: block;

    color: var(--inv-muted);

    font-size: 9px;
}


.inv-vistoria-workspace {
    display: grid;

    grid-template-columns:
        minmax(
            0,
            .9fr
        )
        minmax(
            0,
            1.1fr
        );

    gap: 18px;

    margin-top: 18px;
}


html[data-ui-mode="mobile"]
.inv-vistoria-workspace {
    grid-template-columns: 1fr;
}


.inv-vistoria-search-card,
.inv-vistoria-register-card {
    position: relative;

    min-height: 410px;

    padding: 25px;

    overflow: hidden;

    border:
        1px solid
        var(--inv-line);

    border-radius: 22px;

    background: #fff;

    box-shadow: var(--inv-shadow);
}


.inv-step {
    position: absolute;

    top: 18px;
    right: 20px;

    color: #d9e4de;

    font-size: 39px;
    font-weight: 900;

    letter-spacing: -.08em;
}


.inv-vistoria-search-card h3 {
    margin:
        6px 0
        4px;

    font-size: 17px;
}


.inv-vistoria-search-card p {
    margin: 0;

    color: var(--inv-muted);

    font-size: 9px;
}


.inv-big-search {
    position: relative;

    margin-top: 25px;
}


.inv-big-search > svg {
    position: absolute;

    top: 50%;
    left: 17px;

    width: 21px;
    height: 21px;

    transform:
        translateY(
            -50%
        );

    color: var(--inv-green-600);
}


.inv-big-search input {
    width: 100%;
    height: 62px;

    padding:
        0 48px;

    border:
        2px solid
        #cfe1d8;

    border-radius: 16px;

    outline: 0;

    color: var(--inv-green-950);

    font-size: 20px;
    font-weight: 800;

    letter-spacing: .04em;

    background: #fbfdfc;
}


.inv-big-search input:focus {
    border-color: var(--inv-green-500);

    box-shadow:
        0 0 0 5px
        rgba(
            39,
            149,
            109,
            .10
        );
}


.inv-search-results {
    margin-top: 12px;
}


.inv-search-result {
    width: 100%;

    display: flex;
    align-items: flex-start;

    gap: 10px;

    padding: 12px;

    border: 0;
    border-bottom:
        1px solid
        #edf2ef;

    cursor: pointer;

    text-align: left;

    background: transparent;
}


.inv-search-result:hover {
    background: #f3f8f5;
}


.inv-search-result strong,
.inv-search-result span,
.inv-search-result small {
    display: block;
}


.inv-search-result strong {
    color: var(--inv-green-700);

    font-size: 11px;
}


.inv-search-result span {
    margin-top: 3px;

    font-size: 9px;
}


.inv-search-result small {
    margin-top: 4px;

    color: var(--inv-muted);

    font-size: 8px;
}


.inv-selected-empty {
    min-height: 350px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 8px;

    text-align: center;

    color: #7b8e84;
}


.inv-selected-empty svg {
    width: 34px;
    height: 34px;
}


.inv-selected-empty strong {
    color: var(--inv-text);

    font-size: 13px;
}


.inv-selected-empty span {
    max-width: 310px;

    font-size: 9px;

    line-height: 1.55;
}


.inv-selected-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;

    padding-right: 55px;
}


.inv-selected-number {
    color: var(--inv-green-600);

    font-size: 16px;
    font-weight: 900;
}


.inv-selected-top h3 {
    margin:
        6px 0
        0;

    font-size: 15px;

    line-height: 1.4;
}


.inv-location-warning {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        7px 9px;

    border-radius: 10px;

    color: #8b5b0b;

    background: #fff1d2;

    font-size: 8px;
    font-weight: 850;
}


.inv-location-warning svg {
    width: 14px;
    height: 14px;
}


.inv-selected-data {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap: 8px;

    margin:
        19px 0;
}


.inv-selected-data > span {
    padding: 10px;

    border-radius: 12px;

    background: #f4f7f5;
}


.inv-selected-data small,
.inv-selected-data strong {
    display: block;
}


.inv-selected-data small {
    color: var(--inv-muted);

    font-size: 7px;

    text-transform: uppercase;
}


.inv-selected-data strong {
    margin-top: 4px;

    font-size: 9px;
}


.inv-form-grid,
.inv-adjust-form {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap: 14px;
}


html[data-ui-mode="mobile"]
.inv-form-grid,
html[data-ui-mode="mobile"]
.inv-adjust-form {
    grid-template-columns: 1fr;
}


.inv-field-wide {
    grid-column: 1 / -1;
}


.inv-photo-upload {
    min-height: 66px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin: 0 !important;

    border:
        1px dashed
        #a9c2b5;

    border-radius: 13px;

    cursor: pointer;

    color: var(--inv-green-700);

    background: #f4faf7;

    text-transform: none !important;
}


.inv-photo-upload input {
    display: none;
}


.inv-photo-upload svg {
    width: 18px;
    height: 18px;
}


.inv-secondary-action summary,
.inv-photo-collective summary {
    min-height: 62px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding:
        0 22px;

    cursor: pointer;

    list-style: none;

    color: var(--inv-green-800);

    font-size: 10px;
    font-weight: 850;
}


.inv-secondary-action summary span,
.inv-photo-collective summary span {
    display: flex;
    align-items: center;

    gap: 9px;
}


.inv-form-padding {
    padding: 22px;

    border-top:
        1px solid
        var(--inv-line);
}


.inv-close-uorg {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 18px;

    padding:
        18px 20px;

    border:
        1px solid
        rgba(
            166,
            51,
            51,
            .15
        );

    border-radius: 17px;

    background:
        rgba(
            255,
            255,
            255,
            .72
        );
}


.inv-close-uorg strong,
.inv-close-uorg span {
    display: block;
}


.inv-close-uorg strong {
    font-size: 11px;
}


.inv-close-uorg span {
    max-width: 680px;

    margin-top: 4px;

    color: var(--inv-muted);

    font-size: 9px;

    line-height: 1.5;
}


.inv-completed-banner {
    display: flex;
    align-items: center;

    gap: 13px;

    margin-top: 20px;

    padding: 20px;

    border-radius: 17px;

    color: var(--inv-green-700);

    background: #e8f5ee;
}


/* =========================================================
   AJUSTES
   ========================================================= */

.inv-filter-tabs {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    padding: 14px 20px;

    border-bottom:
        1px solid
        #edf2ef;
}


.inv-filter-tabs a {
    min-height: 31px;

    display: inline-flex;
    align-items: center;

    padding:
        0 11px;

    border-radius: 999px;

    color: #607269;

    background: #f1f4f2;

    text-decoration: none;

    font-size: 8px;
    font-weight: 850;
}


.inv-filter-tabs a.active {
    color: #fff;

    background: var(--inv-green-700);
}


.inv-adjust-list {
    padding: 7px;
}


.inv-adjust {
    border-bottom:
        1px solid
        #edf2ef;
}


.inv-adjust:last-child {
    border-bottom: 0;
}


.inv-adjust > summary {
    min-height: 80px;

    display: grid;

    grid-template-columns:
        40px
        minmax(
            0,
            1fr
        )
        auto
        20px;

    align-items: center;

    gap: 12px;

    padding:
        11px 14px;

    cursor: pointer;

    list-style: none;
}


.inv-adjust-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    border-radius: 12px;

    color: #936314;

    background: #fff2d8;
}


.inv-adjust-main small,
.inv-adjust-main strong,
.inv-adjust-main span {
    display: block;
}


.inv-adjust-main small {
    color: var(--inv-green-600);

    font-size: 7px;
    font-weight: 850;

    text-transform: uppercase;
}


.inv-adjust-main strong {
    margin-top: 4px;

    font-size: 10px;
}


.inv-adjust-main span {
    margin-top: 4px;

    color: var(--inv-muted);

    font-size: 8px;

    line-height: 1.45;
}


.inv-adjust-form {
    padding: 20px;

    border-top:
        1px solid
        var(--inv-line);

    background: #fafcfb;
}


.inv-checkbox {
    min-height: 45px;

    display: flex !important;
    align-items: center;

    gap: 8px;

    margin: 0 !important;

    padding:
        0 12px;

    border:
        1px solid
        var(--inv-line);

    border-radius: 12px;

    background: #fff;

    text-transform: none !important;
}


.inv-checkbox input {
    width: 16px;
    height: 16px;
}


.inv-photo-search-results {
    margin:
        8px 0;
}


.inv-photo-search-result {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 10px;

    border: 0;
    border-bottom:
        1px solid
        var(--inv-line);

    cursor: pointer;

    text-align: left;

    background: transparent;

    font-size: 9px;
}


.inv-photo-selected {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin:
        10px 0
        16px;
}


.inv-photo-chip {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        7px 9px;

    border: 0;
    border-radius: 999px;

    cursor: pointer;

    color: var(--inv-green-800);

    background: #e7f3ed;

    font-size: 8px;
    font-weight: 800;
}


/* =========================================================
   RELATÓRIO
   ========================================================= */

.inv-report-grid {
    display: grid;

    gap: 18px;
}


.inv-report-stat-grid {
    display: grid;

    grid-template-columns:
        repeat(
            6,
            minmax(
                0,
                1fr
            )
        );

    gap: 9px;

    padding: 20px;
}


.inv-report-stat-grid > div {
    padding: 13px;

    border-radius: 14px;

    background: #f3f7f5;
}


.inv-report-stat-grid span,
.inv-report-stat-grid strong {
    display: block;
}


.inv-report-stat-grid span {
    color: var(--inv-muted);

    font-size: 7px;

    text-transform: uppercase;
}


.inv-report-stat-grid strong {
    margin-top: 5px;

    font-size: 20px;
}


.inv-report-editor {
    padding-bottom: 23px;
}


.inv-report-editor > .inv-field,
.inv-report-editor > .inv-button {
    margin-left: 22px;
    margin-right: 22px;
}


.inv-report-editor > .inv-field {
    margin-top: 16px;
}


.inv-photo-gallery {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap: 14px;

    padding: 20px;
}


.inv-photo-gallery article {
    overflow: hidden;

    border:
        1px solid
        var(--inv-line);

    border-radius: 16px;

    background: #fff;
}


.inv-photo-gallery img {
    width: 100%;
    height: 220px;

    display: block;

    object-fit: cover;

    background: #e8edeb;
}


.inv-photo-gallery article > div {
    padding: 12px;
}


.inv-photo-gallery p,
.inv-photo-gallery small {
    color: var(--inv-muted);

    font-size: 8px;

    line-height: 1.45;
}


/* =========================================================
   ESTADOS / AVISOS
   ========================================================= */

.inv-empty {
    min-height: 220px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 30px;

    color: #819188;

    text-align: center;
}


.inv-empty svg {
    width: 32px;
    height: 32px;
}


.inv-empty strong {
    color: var(--inv-text);

    font-size: 12px;
}


.inv-empty p {
    max-width: 450px;

    margin: 0;

    font-size: 9px;

    line-height: 1.5;
}


.inv-flashes {
    margin-bottom: 15px;
}


.inv-flash {
    margin-bottom: 7px;

    padding:
        11px 14px;

    border-radius: 12px;

    font-size: 9px;
    font-weight: 700;
}


.inv-flash-success {
    color: var(--inv-green-800);

    background: #e8f5ee;
}


.inv-flash-error {
    color: #922c2c;

    background: #fff0f0;
}


.inv-flash-warning {
    color: #8b5c10;

    background: #fff3dc;
}


.inv-toast {
    position: fixed;

    left: 50%;
    bottom: 24px;

    z-index: 9999;

    max-width:
        min(
            500px,
            calc(
                100vw
                - 32px
            )
        );

    display: none;

    padding:
        12px 16px;

    transform:
        translateX(
            -50%
        );

    border-radius: 13px;

    color: #fff;

    background:
        rgba(
            8,
            39,
            28,
            .96
        );

    box-shadow:
        0 12px 35px
        rgba(
            0,
            0,
            0,
            .22
        );

    font-size: 10px;
}


.inv-mini-loader {
    position: absolute;

    top: 50%;
    right: 15px;

    width: 16px;
    height: 16px;

    margin-top: -8px;

    border:
        2px solid
        #d5e1db;

    border-top-color:
        var(--inv-green-600);

    border-radius: 50%;

    animation:
        inv-spin
        .7s
        linear
        infinite;
}


@keyframes inv-spin {
    to {
        transform:
            rotate(
                360deg
            );
    }
}


/* =========================================================
   MODO MOBILE EXPLÍCITO
   ========================================================= */

html[data-ui-mode="mobile"]
.inv-metrics {
    grid-template-columns:
        repeat(
            2,
            1fr
        );
}


html[data-ui-mode="mobile"]
.inv-selected-data {
    grid-template-columns:
        repeat(
            2,
            1fr
        );
}


html[data-ui-mode="mobile"]
.inv-report-stat-grid {
    grid-template-columns:
        repeat(
            2,
            1fr
        );
}


html[data-ui-mode="mobile"]
.inv-photo-gallery {
    grid-template-columns: 1fr;
}


html[data-ui-mode="mobile"]
.inv-uorg-row {
    grid-template-columns:
        36px
        1fr
        auto;
}


html[data-ui-mode="mobile"]
.inv-uorg-counts {
    grid-column:
        2 / -1;
}


html[data-ui-mode="mobile"]
.inv-inventory-row {
    grid-template-columns:
        42px
        1fr
        22px;
}


html[data-ui-mode="mobile"]
.inv-inventory-progress,
html[data-ui-mode="mobile"]
.inv-inventory-row > .inv-badge {
    grid-column:
        2 / -1;
}


/* =========================================================
   TELAS FISICAMENTE PEQUENAS
   ========================================================= */

@media (
    max-width: 850px
) {

    .inv-content {
        width:
            min(
                100% - 22px,
                760px
            );

        padding-top: 20px;
    }


    .inv-topbar {
        position: relative;

        align-items: flex-start;

        flex-direction: column;

        padding:
            13px 15px;
    }


    .inv-topbar-actions {
        width: 100%;

        justify-content: space-between;

        flex-wrap: wrap;
    }


    .inv-user-text {
        display: none;
    }


    .inv-login-page {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .inv-login-visual {
        padding:
            30px 10px
            12px;
    }


    .inv-login-visual h1 {
        font-size: 48px;
    }


    .inv-login-card {
        padding: 24px;

        border-radius: 22px;
    }


    .inv-page-hero,
    .inv-inventory-hero,
    .inv-vistoria-heading,
    .inv-close-uorg {
        align-items: stretch;

        flex-direction: column;
    }


    .inv-create-box {
        min-width: 0;
    }


    .inv-create-form {
        grid-template-columns: 1fr;
    }


    .inv-metrics {
        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }


    .inv-overall-progress {
        min-width: 0;
    }


    .inv-vistoria-workspace {
        grid-template-columns: 1fr;
    }


    .inv-form-grid,
    .inv-adjust-form {
        grid-template-columns: 1fr;
    }


    .inv-selected-data {
        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }


    .inv-report-stat-grid {
        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }


    .inv-photo-gallery {
        grid-template-columns: 1fr;
    }


    .inv-adjust > summary {
        grid-template-columns:
            36px
            1fr
            20px;
    }


    .inv-adjust > summary
    > .inv-badge {
        grid-column:
            2 / -1;

        justify-self: start;
    }


    .inv-uorg-row {
        grid-template-columns:
            34px
            1fr
            20px;
    }


    .inv-uorg-counts,
    .inv-uorg-row
    > .inv-badge {
        grid-column:
            2 / -1;
    }


    .inv-inventory-row {
        grid-template-columns:
            40px
            1fr
            20px;
    }


    .inv-inventory-progress,
    .inv-inventory-row
    > .inv-badge {
        grid-column:
            2 / -1;
    }

}

/* =========================================================
   UORG ENCERRADA — RELATÓRIO DE VISTORIA
   ========================================================= */

.inv-completed-banner-text {
    min-width: 0;
    flex: 1;
}


.inv-completed-banner-text strong,
.inv-completed-banner-text span {
    display: block;
}


.inv-completed-banner-text span {
    margin-top: 4px;

    color: #557066;

    font-size: 9px;
}


.inv-completed-banner-actions {
    margin-left: auto;

    flex: 0 0 auto;
}


html[data-ui-mode="mobile"]
.inv-completed-banner {
    align-items: flex-start;

    flex-wrap: wrap;
}


html[data-ui-mode="mobile"]
.inv-completed-banner-actions {
    width: 100%;

    margin:
        10px 0
        0;
}


html[data-ui-mode="mobile"]
.inv-completed-banner-actions
.inv-button {
    width: 100%;
}


@media (max-width: 850px) {

    .inv-completed-banner {
        flex-wrap: wrap;
    }


    .inv-completed-banner-actions {
        width: 100%;

        margin:
            10px 0
            0;
    }


    .inv-completed-banner-actions
    .inv-button {
        width: 100%;
    }

}

/* =========================================================
   EXCLUSÃO COLEGIADA DO INVENTÁRIO
   ========================================================= */

.inv-deletion-alert {
    display: flex;
    align-items: center;

    gap: 16px;

    margin-bottom: 18px;

    padding:
        17px 19px;

    border:
        1px solid
        rgba(
            169,
            109,
            19,
            .22
        );

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #fffaf0,
            #fffdf8
        );

    box-shadow:
        0 10px 30px
        rgba(
            109,
            76,
            18,
            .06
        );
}


.inv-deletion-alert-icon {
    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    flex: 0 0 auto;

    border-radius: 14px;

    color: #946014;

    background: #ffedc8;
}


.inv-deletion-alert-icon svg {
    width: 21px;
    height: 21px;
}


.inv-deletion-alert-main {
    min-width: 0;

    flex: 1;
}


.inv-deletion-kicker {
    display: block;

    margin-bottom: 4px;

    color: #a56a12;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.inv-deletion-alert-main > strong {
    display: block;

    font-size: 11px;
}


.inv-deletion-alert-main > p {
    max-width: 720px;

    margin:
        4px 0
        0;

    color: #756858;

    font-size: 9px;

    line-height: 1.5;
}


.inv-deletion-ready {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    margin-top: 9px;

    padding:
        7px 9px;

    border-radius: 10px;

    color: var(--inv-green-700);

    background: #e8f5ee;

    font-size: 8px;
    font-weight: 800;
}


.inv-deletion-ready svg {
    width: 14px;
    height: 14px;
}


.inv-deletion-response {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    flex-wrap: wrap;

    gap: 7px;

    flex: 0 0 auto;
}


.inv-deletion-response > span {
    width: 100%;

    color: #8b5b0b;

    font-size: 8px;
    font-weight: 850;

    text-align: right;
}


.inv-deletion-my-status {
    display: flex;
    align-items: center;

    gap: 8px;

    flex: 0 0 auto;

    padding:
        9px 12px;

    border-radius: 12px;

    font-size: 8px;
}


.inv-deletion-my-status span,
.inv-deletion-my-status strong {
    display: block;
}


.inv-deletion-my-status-ok {
    color: var(--inv-green-700);

    background: #e7f4ed;
}


.inv-deletion-my-status svg {
    width: 18px;
    height: 18px;
}


/* =========================================================
   ÁREA ADMINISTRATIVA DE EXCLUSÃO
   ========================================================= */

.inv-danger-zone {
    margin-top: 32px;

    overflow: hidden;

    border:
        1px solid
        rgba(
            166,
            51,
            51,
            .18
        );

    border-radius: 20px;

    background:
        rgba(
            255,
            255,
            255,
            .88
        );

    box-shadow:
        0 15px 45px
        rgba(
            110,
            28,
            28,
            .05
        );
}


.inv-danger-zone-heading {
    display: flex;
    align-items: center;

    gap: 13px;

    padding:
        18px 20px;

    border-bottom:
        1px solid
        rgba(
            166,
            51,
            51,
            .10
        );
}


.inv-danger-zone-icon {
    width: 40px;
    height: 40px;

    display: grid;
    place-items: center;

    flex: 0 0 auto;

    border-radius: 13px;

    color: #a63333;

    background: #fff0f0;
}


.inv-danger-zone-icon svg {
    width: 18px;
    height: 18px;
}


.inv-danger-kicker {
    display: block;

    color: #a63333;

    font-size: 7px;
    font-weight: 900;

    letter-spacing: .14em;

    text-transform: uppercase;
}


.inv-danger-zone-heading h2 {
    margin:
        3px 0
        0;

    font-size: 14px;
}


.inv-danger-zone-heading p {
    margin:
        4px 0
        0;

    color: var(--inv-muted);

    font-size: 8px;
}


.inv-deletion-management {
    padding: 20px;
}


.inv-deletion-reason {
    padding: 13px 14px;

    border-radius: 13px;

    background: #f8faf9;
}


.inv-deletion-reason small {
    display: block;

    color: var(--inv-muted);

    font-size: 7px;
    font-weight: 850;

    text-transform: uppercase;
}


.inv-deletion-reason p {
    margin:
        5px 0
        7px;

    color: var(--inv-text);

    font-size: 10px;

    line-height: 1.55;
}


.inv-deletion-reason > span {
    color: var(--inv-muted);

    font-size: 8px;
}


.inv-deletion-participants {
    margin-top: 15px;

    overflow: hidden;

    border:
        1px solid
        var(--inv-line);

    border-radius: 14px;
}


.inv-deletion-participants-title {
    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding:
        0 13px;

    color: #43584e;

    background: #f4f7f5;

    font-size: 8px;
    font-weight: 850;

    text-transform: uppercase;
}


.inv-deletion-participants-title strong {
    color: var(--inv-green-700);

    font-size: 11px;
}


.inv-deletion-person {
    min-height: 57px;

    display: grid;

    grid-template-columns:
        34px
        minmax(
            0,
            1fr
        )
        auto;

    align-items: center;

    gap: 10px;

    padding:
        8px 12px;

    border-top:
        1px solid
        #edf2ef;
}


.inv-deletion-person-avatar {
    width: 31px;
    height: 31px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #fff;

    background: var(--inv-green-700);

    font-size: 9px;
    font-weight: 900;
}


.inv-deletion-person-info strong,
.inv-deletion-person-info small {
    display: block;
}


.inv-deletion-person-info strong {
    font-size: 9px;
}


.inv-deletion-person-info small {
    margin-top: 2px;

    color: var(--inv-muted);

    font-size: 7px;
}


.inv-deletion-status {
    min-height: 25px;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding:
        0 8px;

    border-radius: 999px;

    font-size: 7px;
    font-weight: 850;
}


.inv-deletion-status svg {
    width: 12px;
    height: 12px;
}


.inv-deletion-status-ok {
    color: var(--inv-green-700);

    background: #e7f4ed;
}


.inv-deletion-status-no {
    color: #a63333;

    background: #fff0f0;
}


.inv-deletion-status-wait {
    color: #90600f;

    background: #fff1d6;
}


.inv-deletion-management-actions {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-top: 16px;
}


.inv-button-delete-final {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #a63333,
            #7e2222
        );

    box-shadow:
        0 8px 22px
        rgba(
            126,
            34,
            34,
            .18
        );
}


.inv-delete-request summary {
    min-height: 54px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding:
        0 19px;

    cursor: pointer;

    list-style: none;

    color: #9c3131;

    font-size: 9px;
    font-weight: 850;
}


.inv-delete-request summary > span {
    display: flex;
    align-items: center;

    gap: 8px;
}


.inv-delete-request summary svg {
    width: 15px;
    height: 15px;
}


.inv-delete-request-form {
    padding: 18px 20px;

    border-top:
        1px solid
        rgba(
            166,
            51,
            51,
            .10
        );

    background: #fffdfd;
}


.inv-delete-warning {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin-bottom: 15px;

    padding: 11px 12px;

    border-radius: 12px;

    color: #82541a;

    background: #fff5df;
}


.inv-delete-warning > svg {
    width: 17px;
    height: 17px;

    flex: 0 0 auto;
}


.inv-delete-warning strong,
.inv-delete-warning span {
    display: block;
}


.inv-delete-warning strong {
    font-size: 8px;
}


.inv-delete-warning span {
    margin-top: 3px;

    font-size: 8px;

    line-height: 1.45;
}


.inv-deletion-previous {
    display: flex;
    align-items: center;

    gap: 8px;

    margin:
        15px 20px
        0;

    padding: 10px 12px;

    border-radius: 12px;

    color: #61736a;

    background: #f1f4f2;

    font-size: 8px;
}


.inv-deletion-previous-refused {
    color: #943030;

    background: #fff0f0;
}


.inv-deletion-previous svg {
    width: 16px;
    height: 16px;

    flex: 0 0 auto;
}


.inv-deletion-previous strong {
    display: block;

    margin-bottom: 2px;
}


/* =========================================================
   MOBILE — EXCLUSÃO
   ========================================================= */

html[data-ui-mode="mobile"]
.inv-deletion-alert {
    align-items: flex-start;

    flex-wrap: wrap;
}


html[data-ui-mode="mobile"]
.inv-deletion-response {
    width: 100%;

    justify-content: stretch;
}


html[data-ui-mode="mobile"]
.inv-deletion-response > span {
    text-align: left;
}


html[data-ui-mode="mobile"]
.inv-deletion-response form {
    flex: 1;
}


html[data-ui-mode="mobile"]
.inv-deletion-response .inv-button {
    width: 100%;
}


html[data-ui-mode="mobile"]
.inv-deletion-management-actions {
    align-items: stretch;

    flex-direction: column;
}


html[data-ui-mode="mobile"]
.inv-deletion-management-actions form,
html[data-ui-mode="mobile"]
.inv-deletion-management-actions .inv-button {
    width: 100%;
}


@media (max-width: 850px) {

    .inv-deletion-alert {
        align-items: flex-start;

        flex-wrap: wrap;
    }


    .inv-deletion-response {
        width: 100%;
    }


    .inv-deletion-response form {
        flex: 1;
    }


    .inv-deletion-response .inv-button {
        width: 100%;
    }


    .inv-deletion-person {
        grid-template-columns:
            31px
            1fr;
    }


    .inv-deletion-status {
        grid-column:
            2 / -1;

        justify-self: start;
    }


    .inv-deletion-management-actions {
        align-items: stretch;

        flex-direction: column;
    }


    .inv-deletion-management-actions form,
    .inv-deletion-management-actions .inv-button {
        width: 100%;
    }

}