/* ==========================================================================
   PORTAL AARCA
   PRODUÇÃO VEGETAL — PÁGINA PÚBLICA
   Sprint 10.4-E2
   ========================================================================== */


/* ==========================================================================
   1. PÁGINA
   ========================================================================== */

.producao-vegetal-page {
    background: #ffffff;
    color: #173d24;
}


/* ==========================================================================
   2. HERO
   ========================================================================== */

.pv-public-hero {
    position: relative;
    overflow: hidden;

    padding: 86px 0 78px;

    text-align: center;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(46, 125, 50, 0.10),
            transparent 32%
        ),
        radial-gradient(
            circle at 88% 12%,
            rgba(249, 168, 37, 0.08),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f7fbf7 0%,
            #eef7f0 100%
        );

    border-bottom:
        1px solid rgba(46, 125, 50, 0.08);
}

.pv-public-hero::before {
    content: "";

    position: absolute;

    top: -110px;
    right: -100px;

    width: 260px;
    height: 260px;

    border: 28px solid rgba(46, 125, 50, 0.04);
    border-radius: 50%;

    pointer-events: none;
}

.pv-public-hero::after {
    content: "";

    position: absolute;

    left: -85px;
    bottom: -95px;

    width: 220px;
    height: 220px;

    border-radius: 50%;

    background:
        rgba(249, 168, 37, 0.04);

    pointer-events: none;
}

.pv-public-hero .container {
    position: relative;
    z-index: 1;

    max-width: 920px;
}

.pv-public-hero .section-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-bottom: 18px;

    padding: 8px 16px;

    border: 1px solid #cae2d0;
    border-radius: 999px;

    background:
        rgba(255, 255, 255, 0.78);

    color: #25723b;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.035em;
}

.pv-public-hero h1 {
    margin: 0 0 18px;

    color: #123d21;

    font-size:
        clamp(
            38px,
            5vw,
            62px
        );

    font-weight: 850;
    line-height: 1.04;

    letter-spacing: -0.035em;
}

.pv-public-hero p {
    max-width: 740px;

    margin: 0 auto;

    color: #566a5c;

    font-size: 17px;
    line-height: 1.75;
}


/* ==========================================================================
   3. INDICADORES PRINCIPAIS
   ========================================================================== */

.pv-public-summary {
    padding: 60px 0 34px;
}

.pv-summary-grid {
    display: grid;

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

    gap: 18px;
}

.pv-summary-card {
    position: relative;

    min-width: 0;

    padding: 24px 20px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8fbf8
        );

    border:
        1px solid #dce8de;

    border-radius: 20px;

    box-shadow:
        0 12px 30px
        rgba(20, 67, 34, 0.06);

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.pv-summary-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            #2e7d32,
            #f9a825
        );
}

.pv-summary-card:hover {
    transform:
        translateY(-4px);

    border-color:
        #c8ddcd;

    box-shadow:
        0 18px 40px
        rgba(20, 67, 34, 0.10);
}

.pv-summary-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    margin-bottom: 18px;

    border-radius: 16px;

    background:
        #eef7f0;

    font-size: 25px;
}

.pv-summary-card strong {
    display: block;

    margin-bottom: 7px;

    color: #153f24;

    font-size: 30px;
    font-weight: 850;
    line-height: 1;

    letter-spacing: -0.025em;
}

.pv-summary-card > span:not(.pv-summary-icon) {
    display: block;

    color: #68776d;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}


/* ==========================================================================
   4. VISÃO CONSOLIDADA
   ========================================================================== */

.pv-public-totals {
    padding: 56px 0 82px;

    background:
        #f8faf8;

    border-top:
        1px solid #eef2ef;

    border-bottom:
        1px solid #eef2ef;
}

.pv-section-heading {
    max-width: 760px;

    margin: 0 auto 40px;

    text-align: center;
}

.pv-section-heading > span {
    display: inline-block;

    margin-bottom: 10px;

    color: #2a7d3e;

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

    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.pv-section-heading h2 {
    margin: 0 0 13px;

    color: #153e24;

    font-size:
        clamp(
            30px,
            4vw,
            43px
        );

    font-weight: 850;
    line-height: 1.08;

    letter-spacing: -0.025em;
}

.pv-section-heading p {
    max-width: 640px;

    margin: 0 auto;

    color: #68766d;

    font-size: 15px;
    line-height: 1.7;
}

.pv-totals-grid {
    display: grid;

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

    gap: 18px;
}

.pv-total-card {
    position: relative;

    min-width: 0;

    padding: 24px 22px;

    overflow: hidden;

    background: #ffffff;

    border:
        1px solid #dce7de;

    border-radius: 18px;

    box-shadow:
        0 10px 26px
        rgba(20, 67, 34, 0.05);
}

.pv-total-card::after {
    content: "";

    position: absolute;

    right: -30px;
    bottom: -35px;

    width: 90px;
    height: 90px;

    border-radius: 50%;

    background:
        rgba(46, 125, 50, 0.035);
}

.pv-total-card > span {
    display: block;

    margin-bottom: 9px;

    color: #708077;

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

    letter-spacing: 0.06em;

    text-transform: uppercase;
}

.pv-total-card strong {
    position: relative;
    z-index: 1;

    display: block;

    margin-bottom: 5px;

    color: #153f24;

    font-size: 28px;
    font-weight: 850;
    line-height: 1;

    letter-spacing: -0.02em;
}

.pv-total-card small {
    position: relative;
    z-index: 1;

    color: #77857c;

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


/* ==========================================================================
   5. REGISTROS
   ========================================================================== */

.pv-public-records {
    padding: 82px 0 90px;
}

.pv-records-grid {
    display: grid;

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

    gap: 22px;
}


/* ==========================================================================
   6. CARD DE REGISTRO
   ========================================================================== */

.pv-record-card {
    position: relative;

    min-width: 0;

    padding: 26px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbfdfb
        );

    border:
        1px solid #dce8de;

    border-radius: 22px;

    box-shadow:
        0 12px 32px
        rgba(20, 67, 34, 0.06);

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.pv-record-card:hover {
    transform:
        translateY(-4px);

    border-color:
        #c6dccb;

    box-shadow:
        0 18px 42px
        rgba(20, 67, 34, 0.10);
}


/* ==========================================================================
   7. TOPO DO REGISTRO
   ========================================================================== */

.pv-record-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 22px;
}

.pv-record-culture {
    display: inline-block;

    margin-bottom: 6px;

    color: #2d7e41;

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

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pv-record-top h3 {
    margin: 0;

    color: #173f25;

    font-size: 22px;
    font-weight: 850;
    line-height: 1.2;

    letter-spacing: -0.015em;
}

.pv-record-status {
    flex-shrink: 0;

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

    min-height: 29px;

    padding: 5px 10px;

    border:
        1px solid #cfe0d3;

    border-radius: 999px;

    background:
        #f0f7f1;

    color:
        #2d7440;

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

    letter-spacing: 0.035em;

    text-transform: uppercase;
}


/* ==========================================================================
   8. META DO REGISTRO
   ========================================================================== */

.pv-record-meta {
    display: grid;

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

    gap: 10px;

    margin-bottom: 18px;
}

.pv-record-meta > div {
    min-width: 0;

    padding: 12px 13px;

    background:
        #f7faf8;

    border:
        1px solid #e4ebe5;

    border-radius: 12px;
}

.pv-record-meta span,
.pv-record-production span {
    display: block;

    margin-bottom: 4px;

    color: #7a877e;

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

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pv-record-meta strong {
    display: block;

    color: #304c37;

    font-size: 13px;
    line-height: 1.4;

    overflow-wrap: anywhere;
}


/* ==========================================================================
   9. PRODUÇÃO DO REGISTRO
   ========================================================================== */

.pv-record-production {
    display: grid;

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

    gap: 10px;

    padding-top: 18px;

    border-top:
        1px solid #edf1ee;
}

.pv-record-production > div {
    min-width: 0;
}

.pv-record-production strong {
    display: block;

    color: #173f25;

    font-size: 16px;
    font-weight: 850;
    line-height: 1.3;

    overflow-wrap: anywhere;
}

.pv-record-production > div:last-child strong {
    color:
        #2d7d40;
}


/* ==========================================================================
   10. ESTADO VAZIO
   ========================================================================== */

.pv-empty {
    max-width: 680px;

    margin: 0 auto;

    padding: 42px 28px;

    text-align: center;

    background:
        #f8faf8;

    border:
        1px dashed #ccdacf;

    border-radius: 20px;
}

.pv-empty h2 {
    margin: 0 0 10px;

    color: #173f25;

    font-size: 24px;
}

.pv-empty p {
    margin: 0;

    color: #68766d;

    line-height: 1.6;
}


/* ==========================================================================
   11. DESKTOP MÉDIO
   ========================================================================== */

@media (max-width: 1100px) {

    .pv-summary-grid,
    .pv-totals-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}


/* ==========================================================================
   12. TABLET
   ========================================================================== */

@media (max-width: 820px) {

    .pv-public-hero {
        padding:
            70px
            0
            64px;
    }

    .pv-public-summary {
        padding-top:
            48px;
    }

    .pv-public-totals {
        padding:
            52px
            0
            66px;
    }

    .pv-public-records {
        padding:
            66px
            0
            72px;
    }

    .pv-records-grid {
        grid-template-columns:
            1fr;
    }

}


/* ==========================================================================
   13. MOBILE
   ========================================================================== */

@media (max-width: 620px) {

    .pv-public-hero {
        padding:
            58px
            0
            54px;
    }

    .pv-public-hero h1 {
        font-size:
            36px;
    }

    .pv-public-hero p {
        font-size:
            15px;

        line-height:
            1.65;
    }

    .pv-summary-grid,
    .pv-totals-grid {
        grid-template-columns:
            1fr;

        gap:
            14px;
    }

    .pv-summary-card,
    .pv-total-card {
        padding:
            21px
            18px;
    }

    .pv-section-heading {
        margin-bottom:
            32px;
    }

    .pv-record-card {
        padding:
            22px;
    }

    .pv-record-top {
        flex-direction:
            column;

        gap:
            10px;
    }

    .pv-record-status {
        align-self:
            flex-start;
    }

    .pv-record-meta,
    .pv-record-production {
        grid-template-columns:
            1fr;
    }

    .pv-record-meta {
        gap:
            8px;
    }

    .pv-record-production {
        gap:
            12px;
    }

}


/* ==========================================================================
   14. MOBILE PEQUENO
   ========================================================================== */

@media (max-width: 420px) {

    .pv-public-hero h1 {
        font-size:
            32px;
    }

    .pv-record-card {
        padding:
            19px;
    }

    .pv-record-top h3 {
        font-size:
            20px;
    }

}


/* ==========================================================================
   15. ACESSIBILIDADE
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .pv-summary-card,
    .pv-record-card {
        transition: none;
    }

    .pv-summary-card:hover,
    .pv-record-card:hover {
        transform: none;
    }

}
/* ==========================================================================
   16. FILTROS — PRODUÇÃO VEGETAL
   Sprint 10.4-E3.2
   ========================================================================== */

.pv-public-filters {
    padding: 34px 0 18px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f8faf8
        );

    border-bottom:
        1px solid #edf1ee;
}


.pv-filter-form {
    display: grid;

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

    gap: 14px;

    align-items: end;

    padding: 20px;

    background: #ffffff;

    border:
        1px solid #dce7de;

    border-radius: 20px;

    box-shadow:
        0 12px 30px
        rgba(20, 67, 34, 0.055);
}


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

.pv-filter-field {
    min-width: 0;
}


.pv-filter-field label {
    display: block;

    margin-bottom: 7px;

    color: #3b5142;

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

    letter-spacing: 0.055em;

    text-transform: uppercase;
}


.pv-filter-field select {
    width: 100%;
    min-height: 46px;

    padding: 10px 38px 10px 13px;

    border:
        1px solid #cedbd1;

    border-radius: 11px;

    background: #ffffff;

    color: #294332;

    font-size: 13px;
    font-weight: 650;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


.pv-filter-field select:hover {
    border-color: #b9cebE;
}


.pv-filter-field select:focus {
    border-color: #2e7d32;

    outline: none;

    box-shadow:
        0 0 0 3px
        rgba(46, 125, 50, 0.10);
}


/* ==========================================================================
   AÇÕES DOS FILTROS
   ========================================================================== */

.pv-filter-actions {
    display: flex;

    align-items: center;

    gap: 10px;

    flex-wrap: wrap;
}


.pv-filter-actions .btn {
    min-height: 46px;

    padding:
        11px
        18px;

    border: 0;
    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            #2e7d32,
            #1f6d32
        );

    color: #ffffff;

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

    cursor: pointer;

    white-space: nowrap;

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


.pv-filter-actions .btn:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 10px 22px
        rgba(46, 125, 50, 0.17);
}


.pv-clear-filters {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding:
        10px
        14px;

    color: #66756c;

    font-size: 12px;
    font-weight: 750;

    text-decoration: none;

    border-radius: 10px;

    transition:
        color 0.2s ease,
        background 0.2s ease;
}


.pv-clear-filters:hover {
    color: #2e7d32;

    background:
        #eef7ef;
}


/* ==========================================================================
   RESULTADO DOS FILTROS
   ========================================================================== */

.pv-filter-result {
    display: flex;
    align-items: center;

    gap: 6px;

    margin-top: 14px;

    padding:
        10px
        14px;

    border:
        1px solid #dfe8e1;

    border-radius: 10px;

    background:
        #f8faf8;

    color: #65736a;

    font-size: 12px;
    line-height: 1.45;
}


.pv-filter-result::before {
    content: "✓";

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

    width: 20px;
    height: 20px;

    flex-shrink: 0;

    border-radius: 50%;

    background:
        #e8f5ea;

    color: #2e7d32;

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


.pv-filter-result strong {
    color: #173f25;

    font-size: 13px;
}


/* ==========================================================================
   DESKTOP INTERMEDIÁRIO
   ========================================================================== */

@media (max-width: 1150px) {

    .pv-filter-form {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .pv-filter-actions {
        grid-column:
            1 / -1;
    }

}


/* ==========================================================================
   TABLET / MOBILE
   ========================================================================== */

@media (max-width: 700px) {

    .pv-public-filters {
        padding:
            24px
            0
            14px;
    }

    .pv-filter-form {
        grid-template-columns:
            1fr;

        gap: 12px;

        padding: 17px;

        border-radius: 16px;
    }

    .pv-filter-actions {
        grid-column: auto;

        flex-direction: column;

        align-items: stretch;

        width: 100%;
    }

    .pv-filter-actions .btn,
    .pv-clear-filters {
        width: 100%;
    }

    .pv-filter-result {
        align-items: flex-start;
    }

}


/* ==========================================================================
   MOBILE PEQUENO
   ========================================================================== */

@media (max-width: 420px) {

    .pv-filter-form {
        padding: 15px;
    }

    .pv-filter-field select {
        min-height: 44px;

        font-size: 12px;
    }

    .pv-filter-actions .btn,
    .pv-clear-filters {
        min-height: 44px;
    }

}


/* ==========================================================================
   ACESSIBILIDADE
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .pv-filter-field select,
    .pv-filter-actions .btn,
    .pv-clear-filters {
        transition: none;
    }

    .pv-filter-actions .btn:hover {
        transform: none;
    }

}
/* ==========================================================================
   17. EXPORTAR CSV
   ========================================================================== */

.pv-export-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 46px;

    padding: 10px 16px;

    border: 1px solid #bfd8c5;
    border-radius: 11px;

    background: #f7fbf8;

    color: #226c37;

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

    text-decoration: none;
    white-space: nowrap;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.pv-export-btn:hover {
    transform: translateY(-2px);

    background: #eef7f0;

    border-color: #9fc5a8;

    color: #175b2b;

    box-shadow:
        0 8px 18px
        rgba(46, 125, 50, 0.10);
}


@media (max-width: 700px) {

    .pv-export-btn {
        width: 100%;
    }

}


@media (prefers-reduced-motion: reduce) {

    .pv-export-btn {
        transition: none;
    }

    .pv-export-btn:hover {
        transform: none;
    }

}
/* ==========================================================================
   SPRINT 10.4-E4.3.4
   BOTÃO RELATÓRIO / PDF
   ========================================================================== */

.pv-report-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-height: 46px;

    padding: 10px 16px;

    border: 1px solid #d8c47d;
    border-radius: 11px;

    background: #fffdf5;

    color: #725b12;

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

    text-decoration: none;
    white-space: nowrap;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.pv-report-btn:hover {
    transform: translateY(-2px);

    background: #fff8dc;

    border-color: #c7aa47;

    color: #5f4b0d;

    box-shadow:
        0 8px 18px
        rgba(120, 94, 18, 0.10);
}


/* TABLET / MOBILE */

@media (max-width: 700px) {

    .pv-report-btn {
        width: 100%;
    }

}


/* ACESSIBILIDADE */

@media (prefers-reduced-motion: reduce) {

    .pv-report-btn {
        transition: none;
    }

    .pv-report-btn:hover {
        transform: none;
    }

}

/* Release 20.0-E3.1B — visão segura do associado */
.pv-member-banner { padding: 18px 0 0; }
.pv-member-banner__card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid #d8eadc;
    border-radius: 18px;
    background: #f4fbf5;
    box-shadow: 0 8px 24px rgba(24, 94, 45, .08);
}
.pv-member-banner__card > span { font-size: 32px; }
.pv-member-banner__card div { flex: 1; }
.pv-member-banner__card strong { display: block; color: #184d2c; font-size: 18px; }
.pv-member-banner__card p { margin: 4px 0 0; color: #4c6554; }
.pv-member-banner__card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 12px;
    background: #1d6a3b;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
.pv-member-banner__card.is-warning { background: #fff9e8; border-color: #f0d88e; }
.producao-vegetal-page.is-member-view .pv-public-hero p { max-width: 700px; }
@media (max-width: 720px) {
    .pv-member-banner__card { align-items: flex-start; flex-wrap: wrap; }
    .pv-member-banner__card a { width: 100%; }
    .producao-vegetal-page.is-member-view .pv-filter-form { grid-template-columns: 1fr; }
    .producao-vegetal-page.is-member-view .pv-filter-actions > * { width: 100%; justify-content: center; }
}


/* Sprint 20.0-E3.3 — Assistente de cadastro do associado */
.pv-member-create{padding:26px 0 8px}.pv-create-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid #d8eadc;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(24,94,45,.08)}.pv-create-head h2{margin:7px 0 5px;color:#153f27;font-size:clamp(24px,3vw,34px)}.pv-create-head p{margin:0;color:#52675a}.pv-create-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border:0;border-radius:14px;background:#247c37;color:#fff;font-weight:800;font-size:16px;cursor:pointer}.pv-create-toggle span{font-size:25px}.pv-wizard{display:none;margin-top:16px;padding:24px;border:1px solid #d8eadc;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(24,94,45,.08)}.pv-wizard.is-open{display:block}.pv-wizard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:25px}.pv-wizard-progress span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e6eee8;color:#647268;font-weight:900}.pv-wizard-progress span.is-active{background:#247c37;color:#fff}.pv-wizard-progress i{width:min(80px,12vw);height:3px;background:#e2e9e4}.pv-wizard-step{display:none;padding:0;border:0}.pv-wizard-step.is-active{display:block}.pv-wizard-step legend{width:100%;margin-bottom:20px;color:#173f29;font-size:clamp(24px,4vw,34px);font-weight:900;text-align:center}.pv-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.pv-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:14px;border:2px solid #dce9df;border-radius:18px;background:#fbfdfb;cursor:pointer;text-align:center}.pv-choice input{position:absolute;opacity:0}.pv-choice span{font-size:36px}.pv-choice strong{margin-top:8px;font-size:16px}.pv-choice:has(input:checked){border-color:#247c37;background:#eef9f0;box-shadow:0 0 0 3px rgba(36,124,55,.1)}.pv-simple-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.pv-simple-field>span{color:#294b35;font-weight:800}.pv-simple-field input,.pv-simple-field select,.pv-simple-field textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid #cbdccf;border-radius:13px;background:#fff;color:#183a27;font:inherit}.pv-simple-field textarea{min-height:95px;resize:vertical}.pv-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pv-wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.pv-wizard-actions button{min-height:50px;padding:0 20px;border-radius:13px;font-weight:800;cursor:pointer}.pv-step-back{border:1px solid #b8ccbd;background:#fff;color:#285039}.pv-step-next,.pv-step-submit{border:0;background:#247c37;color:#fff}.pv-step-submit{display:none}.pv-wizard.is-last .pv-step-next{display:none}.pv-wizard.is-last .pv-step-submit{display:inline-flex;align-items:center}.pv-wizard-note{margin:18px 0 0;padding:13px;border-radius:12px;background:#f1f8f2;color:#405a47;text-align:center}.pv-front-alert{margin-bottom:15px;padding:15px 18px;border-radius:13px;font-weight:800}.pv-front-alert.is-success{background:#eaf8ed;color:#17632e}.pv-front-alert.is-error{background:#fff1ef;color:#9f2d22}
@media(max-width:720px){.pv-create-head{align-items:stretch;flex-direction:column}.pv-create-toggle{width:100%}.pv-wizard{padding:18px}.pv-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-choice{min-height:108px}.pv-inline-fields{grid-template-columns:1fr}.pv-wizard-actions{display:grid;grid-template-columns:1fr 1fr}.pv-wizard-actions button{width:100%;padding:0 10px}.pv-step-submit{grid-column:1/-1}.pv-wizard-progress i{width:28px}}