/* Source #1215: 302 CSS YOBB – Worker CV Builder + Import V2 */
/**
 * =========================================================
 * YOBB – WORKER CV BUILDER + CV IMPORT V2
 *
 * UUSI YOBB-KORTTISUUNTA
 * - maltillinen radius
 * - Primary-värinen vasen korostusreuna
 * - vaaleat / rauhalliset pinnat
 * - liila vain YOBB-CV-brändikorostuksessa
 * - responsive oikeasti erikseen mobiilille
 * =========================================================
 */


/* =========================================================
   1. CV BUILDER – TOKENS
========================================================= */

.yobb-cv-builder {

    --yobb-builder-primary:
        var(--yobb-primary, var(--e-global-color-primary));

    --yobb-builder-secondary:
        var(--yobb-secondary, var(--e-global-color-secondary));

    --yobb-builder-text:
        var(--yobb-text, var(--e-global-color-text));

    --yobb-builder-accent:
        var(--yobb-accent, var(--e-global-color-accent));


    /* Kortin perusilme */

    --yobb-builder-card-bg:
        var(
            --yobb-card-background,
            var(--yobb-builder-secondary)
        );

    --yobb-builder-border:
        color-mix(
            in srgb,
            var(--yobb-builder-primary) 22%,
            transparent
        );

    --yobb-builder-border-soft:
        color-mix(
            in srgb,
            var(--yobb-builder-text) 12%,
            transparent
        );

    --yobb-builder-soft:
        color-mix(
            in srgb,
            var(--yobb-builder-primary) 5%,
            var(--yobb-builder-secondary)
        );

    --yobb-builder-soft-strong:
        color-mix(
            in srgb,
            var(--yobb-builder-primary) 10%,
            var(--yobb-builder-secondary)
        );

    --yobb-builder-muted:
        color-mix(
            in srgb,
            var(--yobb-builder-text) 62%,
            transparent
        );

    --yobb-builder-radius:
        16px;

    --yobb-builder-radius-small:
        12px;

    --yobb-builder-accent-width:
        4px;

    --yobb-builder-shadow:
        0 8px 22px
        color-mix(
            in srgb,
            var(--yobb-builder-text) 6%,
            transparent
        );


    width: 100%;
    max-width: 920px;

    margin: 0 auto;

    padding:
        0 14px 32px;

    color:
        var(--yobb-builder-text);

    font-family:
        var(
            --yobb-font-body,
            var(--e-global-typography-text-font-family)
        ),
        sans-serif;
}


.yobb-cv-builder,
.yobb-cv-builder * {
    box-sizing: border-box;
}


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

.yobb-cv-builder-hero {

    position: relative;

    margin-bottom:
        16px;

    padding:
        24px 22px;

    overflow:
        hidden;

    border:
        1px solid
        var(--yobb-builder-border);

    border-left:
        5px solid
        var(--yobb-builder-primary);

    border-radius:
        var(--yobb-builder-radius);

    background:
        var(--yobb-builder-card-bg);

    color:
        var(--yobb-builder-text);

    box-shadow:
        var(--yobb-builder-shadow);
}


/*
 * Liila jätetään tässä tarkoituksella
 * vain YOBB-CV-brändikorostukseksi.
 */

.yobb-cv-builder-kicker {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        14px;

    padding:
        6px 11px;

    border-radius:
        999px;

    background:
        var(--yobb-builder-accent);

    color:
        var(--yobb-builder-secondary);

    font-family:
        var(
            --yobb-font-ui,
            var(--e-global-typography-accent-font-family)
        ),
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        0.04em;

    text-transform:
        uppercase;
}


.yobb-cv-builder-hero h1 {

    margin:
        0;

    color:
        var(--yobb-builder-text);

    font-family:
        var(
            --yobb-font-heading,
            var(--e-global-typography-primary-font-family)
        ),
        sans-serif;

    font-size:
        clamp(
            30px,
            7vw,
            46px
        );

    font-weight:
        var(
            --e-global-typography-primary-font-weight,
            600
        );

    line-height:
        1.05;
}


.yobb-cv-builder-hero p {

    max-width:
        680px;

    margin:
        10px 0 0;

    color:
        var(--yobb-builder-muted);

    font-size:
        15px;

    line-height:
        1.5;
}


/* =========================================================
   3. PROGRESS
========================================================= */

.yobb-cv-builder-progress {

    display:
        grid;

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

    gap:
        8px;

    margin:
        0 0 16px;
}


.yobb-cv-builder-progress div {

    min-width:
        0;

    padding:
        10px 5px;

    border:
        1px solid
        var(--yobb-builder-border-soft);

    border-radius:
        12px;

    background:
        var(--yobb-builder-secondary);

    text-align:
        center;

    opacity:
        0.55;

    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        opacity 180ms ease,
        box-shadow 180ms ease;
}


.yobb-cv-builder-progress div.is-active {

    opacity:
        1;

    border-color:
        var(--yobb-builder-primary);

    background:
        var(--yobb-builder-soft);

    box-shadow:
        0 4px 14px
        color-mix(
            in srgb,
            var(--yobb-builder-text) 5%,
            transparent
        );
}


.yobb-cv-builder-progress span {

    display:
        flex;

    width:
        25px;

    height:
        25px;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0 auto 6px;

    border-radius:
        50%;

    background:
        var(--yobb-builder-soft-strong);

    color:
        var(--yobb-builder-text);

    font-size:
        12px;

    font-weight:
        700;

    line-height:
        1;
}


.yobb-cv-builder-progress
div.is-active
span {

    background:
        var(--yobb-builder-primary);

    color:
        var(--yobb-builder-secondary);
}


.yobb-cv-builder-progress small {

    display:
        block;

    color:
        var(--yobb-builder-text);

    font-size:
        10.5px;

    font-weight:
        700;

    line-height:
        1.15;
}


/* =========================================================
   4. PÄÄPANEELI
========================================================= */

.yobb-cv-builder-panel {

    display:
        none;

    padding:
        20px;

    border:
        1px solid
        var(--yobb-builder-border-soft);

    border-left:
        var(--yobb-builder-accent-width)
        solid
        var(--yobb-builder-primary);

    border-radius:
        var(--yobb-builder-radius);

    background:
        var(--yobb-builder-card-bg);

    box-shadow:
        var(--yobb-builder-shadow);
}


.yobb-cv-builder-panel.is-active {
    display: block;
}


/* =========================================================
   5. YOBB-APURI
========================================================= */

.yobb-cv-builder-ai-bubble {

    margin-bottom:
        14px;

    padding:
        15px 16px;

    border:
        1px solid
        var(--yobb-builder-border);

    border-left:
        4px solid
        var(--yobb-builder-primary);

    border-radius:
        var(--yobb-builder-radius-small);

    background:
        var(--yobb-builder-soft);
}


.yobb-cv-builder-ai-bubble strong {

    display:
        block;

    margin:
        0 0 6px;

    color:
        var(--yobb-builder-text);

    font-family:
        var(
            --yobb-font-ui,
            var(--e-global-typography-accent-font-family)
        ),
        sans-serif;

    font-size:
        13px;

    font-weight:
        700;
}


.yobb-cv-builder-ai-bubble p {

    margin:
        0;

    color:
        var(--yobb-builder-text);

    font-size:
        15px;

    line-height:
        1.5;
}


/* =========================================================
   6. ACTION GRID
========================================================= */

.yobb-cv-builder-actions,
.yobb-cv-builder-choice-grid {

    display:
        grid;

    grid-template-columns:
        1fr;

    gap:
        10px;
}


/* =========================================================
   7. NAPIT
========================================================= */

.yobb-cv-builder-primary,
.yobb-cv-builder-secondary,
.yobb-cv-builder-choice {

    width:
        100%;

    min-height:
        48px;

    padding:
        11px 18px;

    border-radius:
        12px;

    font-family:
        var(
            --yobb-button-font-family,
            var(--yobb-font-ui)
        ),
        sans-serif;

    font-size:
        15px;

    font-weight:
        600;

    line-height:
        1.2;

    cursor:
        pointer;

    text-align:
        center;

    text-decoration:
        none;

    box-shadow:
        none;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}


/* PRIMARY */

.yobb-cv-builder-primary {

    border:
        1px solid
        var(--yobb-builder-primary) !important;

    background:
        var(--yobb-builder-primary) !important;

    color:
        var(--yobb-builder-secondary) !important;
}


.yobb-cv-builder-primary:hover {

    background:
        color-mix(
            in srgb,
            var(--yobb-builder-primary) 88%,
            var(--yobb-builder-text)
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--yobb-builder-primary) 88%,
            var(--yobb-builder-text)
        ) !important;

    color:
        var(--yobb-builder-secondary) !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 6px 16px
        color-mix(
            in srgb,
            var(--yobb-builder-primary) 16%,
            transparent
        );
}


/* SECONDARY */

.yobb-cv-builder-secondary {

    border:
        1px solid
        var(--yobb-builder-primary) !important;

    background:
        var(--yobb-builder-secondary) !important;

    color:
        var(--yobb-builder-primary) !important;
}


.yobb-cv-builder-secondary:hover {

    background:
        var(--yobb-builder-soft) !important;

    border-color:
        var(--yobb-builder-primary) !important;

    color:
        var(--yobb-builder-text) !important;

    transform:
        translateY(-1px);
}


.yobb-cv-builder-primary:focus-visible,
.yobb-cv-builder-secondary:focus-visible,
.yobb-cv-builder-choice:focus-visible {

    outline:
        3px solid
        color-mix(
            in srgb,
            var(--yobb-builder-primary) 22%,
            transparent
        );

    outline-offset:
        2px;
}


/* =========================================================
   8. VALINTAKORTIT
========================================================= */

.yobb-cv-builder-choice {

    min-height:
        auto;

    padding:
        15px 16px;

    border:
        1px solid
        var(--yobb-builder-border-soft) !important;

    border-left:
        4px solid
        var(--yobb-builder-primary) !important;

    border-radius:
        var(--yobb-builder-radius-small);

    background:
        var(--yobb-builder-secondary) !important;

    color:
        var(--yobb-builder-text) !important;

    text-align:
        left;
}


.yobb-cv-builder-choice:hover {

    border-color:
        var(--yobb-builder-primary) !important;

    background:
        var(--yobb-builder-soft) !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 5px 15px
        color-mix(
            in srgb,
            var(--yobb-builder-text) 6%,
            transparent
        );
}


.yobb-cv-builder-choice span {

    display:
        block;

    color:
        var(--yobb-builder-text);

    font-size:
        15px;

    font-weight:
        700;
}


.yobb-cv-builder-choice small {

    display:
        block;

    margin-top:
        5px;

    color:
        var(--yobb-builder-muted);

    font-size:
        13px;

    font-weight:
        500;

    line-height:
        1.35;
}


/* =========================================================
   9. SHORTCODE-ALUEET
========================================================= */

.yobb-cv-builder-shortcode-box {

    margin-top:
        12px;
}


.yobb-cv-builder-next-card,
.yobb-cv-builder-missing,
.yobb-cv-builder-next-card-compact {

    margin-top:
        14px;

    padding:
        14px;

    border:
        1px solid
        var(--yobb-builder-border-soft);

    border-left:
        4px solid
        var(--yobb-builder-primary);

    border-radius:
        var(--yobb-builder-radius-small);

    background:
        var(--yobb-builder-secondary);
}


.yobb-cv-builder-next-card p,
.yobb-cv-builder-missing p {

    margin:
        0 0 12px;

    color:
        var(--yobb-builder-muted);

    font-size:
        14px;

    line-height:
        1.45;
}


.yobb-cv-builder-missing strong {

    display:
        block;

    margin-bottom:
        5px;

    color:
        var(--yobb-builder-text);

    font-size:
        14px;

    font-weight:
        700;
}


.yobb-cv-builder-missing code {

    display:
        inline-block;

    padding:
        5px 7px;

    border-radius:
        6px;

    background:
        var(--yobb-builder-soft);

    color:
        var(--yobb-builder-text);

    font-size:
        13px;
}


/* =========================================================
   10. EMBEDDED COMPONENTS
========================================================= */

.yobb-cv-builder
.yobb-cv-tool-section,

.yobb-cv-builder
.yobb-cv-ai-box,

.yobb-cv-builder
.yobb-cv-import-box {

    margin-top:
        0;
}


/* =========================================================
   11. TABLET / DESKTOP
========================================================= */

@media (min-width: 768px) {

    .yobb-cv-builder {

        padding-left:
            0;

        padding-right:
            0;
    }


    .yobb-cv-builder-hero {

        padding:
            28px 30px;
    }


    .yobb-cv-builder-panel {

        padding:
            22px;
    }


    .yobb-cv-builder-ai-bubble {

        padding:
            17px 18px;
    }


    .yobb-cv-builder-actions {

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


    .yobb-cv-builder-choice-grid {

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


/* =========================================================
   12. MOBILE
========================================================= */

@media (max-width: 767px) {

    .yobb-cv-builder {

        margin-top:
            10px;

        margin-bottom:
            12px;

        padding:
            0 10px 16px;
    }


    .yobb-cv-builder-hero {

        margin-bottom:
            12px;

        padding:
            18px 16px;

        border-radius:
            14px;
    }


    .yobb-cv-builder-hero h1 {

        font-size:
            clamp(
                28px,
                10vw,
                38px
            );
    }


    .yobb-cv-builder-progress {

        gap:
            6px;

        margin-bottom:
            12px;
    }


    .yobb-cv-builder-progress div {

        padding:
            8px 3px;

        border-radius:
            10px;
    }


    .yobb-cv-builder-progress small {

        font-size:
            9.5px;
    }


    .yobb-cv-builder-progress span {

        width:
            23px;

        height:
            23px;

        font-size:
            11px;
    }


    .yobb-cv-builder-panel {

        padding:
            14px;

        border-radius:
            14px;
    }


    .yobb-cv-builder-ai-bubble {

        padding:
            13px 14px;

        border-radius:
            10px;
    }


    .yobb-cv-builder-choice {

        padding:
            13px 14px;
    }


    .yobb-cv-builder-primary,
    .yobb-cv-builder-secondary {

        min-height:
            44px;

        padding:
            10px 14px;
    }


    .yobb-cv-builder .yobb-cv-builder-actions {

        gap:
            8px !important;
    }


    .yobb-cv-builder
    .yobb-cv-builder-next-card-compact {

        margin-top:
            10px !important;

        margin-bottom:
            10px !important;

        padding:
            10px 12px !important;
    }


    .yobb-cv-builder
    .yobb-cv-builder-panel.is-active {

        min-height:
            0 !important;

        margin-bottom:
            10px !important;

        padding-bottom:
            14px !important;
    }
}


/* =========================================================
   13. VERY SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .yobb-cv-builder-progress small {

        font-size:
            9px;
    }


    .yobb-cv-builder-progress {

        gap:
            4px;
    }
}


/* =========================================================
   =========================================================
   CV IMPORT
   =========================================================
========================================================= */


/* =========================================================
   14. IMPORT TOKENS
========================================================= */

.yobb-cv-import-box {

    --yobb-import-primary:
        var(--yobb-primary, var(--e-global-color-primary));

    --yobb-import-secondary:
        var(--yobb-secondary, var(--e-global-color-secondary));

    --yobb-import-text:
        var(--yobb-text, var(--e-global-color-text));

    --yobb-import-border:
        color-mix(
            in srgb,
            var(--yobb-import-primary) 22%,
            transparent
        );

    --yobb-import-border-soft:
        color-mix(
            in srgb,
            var(--yobb-import-text) 12%,
            transparent
        );

    --yobb-import-soft:
        color-mix(
            in srgb,
            var(--yobb-import-primary) 5%,
            var(--yobb-import-secondary)
        );

    --yobb-import-muted:
        color-mix(
            in srgb,
            var(--yobb-import-text) 62%,
            transparent
        );

    --yobb-import-error:
        #b42318;


    width:
        100%;

    color:
        var(--yobb-import-text);

    font-family:
        var(
            --yobb-font-body,
            var(--e-global-typography-text-font-family)
        ),
        sans-serif;
}


.yobb-cv-import-box,
.yobb-cv-import-box * {

    box-sizing:
        border-box;
}


/* =========================================================
   15. IMPORT HEADER
========================================================= */

.yobb-cv-import-head {

    margin-bottom:
        14px;

    padding:
        18px;

    border:
        1px solid
        var(--yobb-import-border-soft);

    border-left:
        4px solid
        var(--yobb-import-primary);

    border-radius:
        14px;

    background:
        var(--yobb-import-secondary);
}


.yobb-cv-import-kicker {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        10px;

    padding:
        5px 9px;

    border-radius:
        999px;

    background:
        var(--yobb-import-primary);

    color:
        var(--yobb-import-secondary);

    font-family:
        var(
            --yobb-font-ui,
            var(--e-global-typography-accent-font-family)
        ),
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1;

    text-transform:
        uppercase;
}


.yobb-cv-import-head h2 {

    margin:
        0 0 7px;

    color:
        var(--yobb-import-text);

    font-family:
        var(
            --yobb-font-heading,
            var(--e-global-typography-primary-font-family)
        ),
        sans-serif;

    font-size:
        clamp(
            22px,
            6vw,
            32px
        );

    font-weight:
        var(
            --e-global-typography-primary-font-weight,
            600
        );

    line-height:
        1.08;
}


.yobb-cv-import-head p {

    margin:
        0;

    color:
        var(--yobb-import-muted);

    font-size:
        14px;

    line-height:
        1.45;
}


/* =========================================================
   16. IMPORT MESSAGE
========================================================= */

.yobb-cv-import-message {

    margin-bottom:
        14px;

    padding:
        12px 14px;

    border-radius:
        10px;

    font-size:
        14px;

    font-weight:
        600;
}


.yobb-cv-import-message.is-error {

    border:
        1px solid
        color-mix(
            in srgb,
            var(--yobb-import-error) 24%,
            transparent
        );

    background:
        color-mix(
            in srgb,
            var(--yobb-import-error) 8%,
            white
        );

    color:
        var(--yobb-import-error);
}


/* =========================================================
   17. IMPORT FORM
========================================================= */

.yobb-cv-import-form {

    display:
        grid;

    gap:
        14px;

    padding:
        16px;

    border:
        1px solid
        var(--yobb-import-border-soft);

    border-left:
        4px solid
        var(--yobb-import-primary);

    border-radius:
        14px;

    background:
        var(--yobb-import-secondary);
}


.yobb-cv-import-field {

    display:
        grid;

    gap:
        7px;

    margin:
        0;
}


.yobb-cv-import-field span {

    color:
        var(--yobb-import-text);

    font-size:
        14px;

    font-weight:
        700;
}


.yobb-cv-import-field small {

    color:
        var(--yobb-import-muted);

    font-size:
        13px;

    line-height:
        1.35;
}


/* =========================================================
   18. IMPORT INPUTS
========================================================= */

.yobb-cv-import-field
input[type="file"],

.yobb-cv-import-field
textarea {

    width:
        100%;

    border:
        1px solid
        var(--yobb-import-border-soft);

    border-radius:
        10px;

    background:
        var(--yobb-import-secondary);

    color:
        var(--yobb-import-text);

    font-family:
        inherit;

    font-size:
        15px;
}


.yobb-cv-import-field
input[type="file"] {

    padding:
        11px 12px;
}


.yobb-cv-import-field
textarea {

    min-height:
        120px;

    padding:
        12px 13px;

    resize:
        vertical;
}


.yobb-cv-import-field
input[type="file"]:focus-visible,

.yobb-cv-import-field
textarea:focus-visible {

    outline:
        3px solid
        color-mix(
            in srgb,
            var(--yobb-import-primary) 16%,
            transparent
        );

    outline-offset:
        2px;

    border-color:
        var(--yobb-import-primary);
}


/* =========================================================
   19. IMPORT BUTTONS
========================================================= */

.yobb-cv-import-submit,
.yobb-cv-import-apply {

    width:
        100%;

    min-height:
        48px;

    padding:
        11px 18px;

    border:
        1px solid
        var(--yobb-import-primary) !important;

    border-radius:
        12px;

    background:
        var(--yobb-import-primary) !important;

    color:
        var(--yobb-import-secondary) !important;

    font-family:
        var(
            --yobb-button-font-family,
            var(--yobb-font-ui)
        ),
        sans-serif;

    font-size:
        15px;

    font-weight:
        600;

    line-height:
        1.2;

    cursor:
        pointer;

    text-align:
        center;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}


.yobb-cv-import-submit:hover,
.yobb-cv-import-apply:hover {

    background:
        color-mix(
            in srgb,
            var(--yobb-import-primary) 88%,
            var(--yobb-import-text)
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--yobb-import-primary) 88%,
            var(--yobb-import-text)
        ) !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 6px 16px
        color-mix(
            in srgb,
            var(--yobb-import-primary) 16%,
            transparent
        );
}


/* =========================================================
   20. IMPORT RESULT
========================================================= */

.yobb-cv-import-result {

    margin-top:
        16px;

    padding:
        16px;

    border:
        1px solid
        var(--yobb-import-border-soft);

    border-left:
        4px solid
        var(--yobb-import-primary);

    border-radius:
        14px;

    background:
        var(--yobb-import-secondary);
}


.yobb-cv-import-result h3 {

    margin:
        0 0 12px;

    color:
        var(--yobb-import-text);

    font-family:
        var(
            --yobb-font-heading,
            var(--e-global-typography-primary-font-family)
        ),
        sans-serif;

    font-size:
        22px;

    font-weight:
        600;
}


.yobb-cv-import-result-grid {

    display:
        grid;

    gap:
        10px;
}


.yobb-cv-import-result-grid > div {

    padding:
        13px 14px;

    border:
        1px solid
        var(--yobb-import-border);

    border-left:
        3px solid
        var(--yobb-import-primary);

    border-radius:
        10px;

    background:
        var(--yobb-import-soft);
}


.yobb-cv-import-result-grid h4 {

    margin:
        0 0 7px;

    color:
        var(--yobb-import-text);

    font-size:
        14px;

    font-weight:
        700;
}


.yobb-cv-import-result-grid p {

    margin:
        0;

    color:
        var(--yobb-import-muted);

    font-size:
        14px;

    line-height:
        1.45;
}


.yobb-cv-import-list {

    margin:
        0;

    padding-left:
        18px;

    color:
        var(--yobb-import-muted);

    font-size:
        14px;

    line-height:
        1.45;
}


.yobb-cv-import-list li + li {

    margin-top:
        5px;
}


.yobb-cv-import-empty {

    margin:
        0;

    color:
        var(--yobb-import-muted);

    font-size:
        14px;
}


.yobb-cv-import-actions {

    margin-top:
        14px;
}


.yobb-cv-import-note {

    margin:
        10px 0 0;

    color:
        var(--yobb-import-muted);

    font-size:
        13px;

    line-height:
        1.4;
}


/* =========================================================
   21. IMPORT DESKTOP
========================================================= */

@media (min-width: 768px) {

    .yobb-cv-import-head,
    .yobb-cv-import-form,
    .yobb-cv-import-result {

        padding:
            18px 20px;
    }


    .yobb-cv-import-result-grid {

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


/* =========================================================
   22. IMPORT MOBILE
========================================================= */

@media (max-width: 767px) {

    .yobb-cv-import-head,
    .yobb-cv-import-form,
    .yobb-cv-import-result {

        padding:
            14px;

        border-radius:
            12px;
    }


    .yobb-cv-import-result-grid {

        grid-template-columns:
            1fr;
    }


    .yobb-cv-import-submit,
    .yobb-cv-import-apply {

        min-height:
            44px;
    }
}