{"version":3,"sources":["../../scripts/css/style.scss","../public/css/style.css"],"names":[],"mappings":"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","sourcesContent":["/**\n * WP Epeex Related Style\n */\n@use 'sass:color';\n\n$color-primary: #1260aa;\n$color-secondary: #51a8de;\n$color-tertiary: #0e356d;\n\nbody.toplevel_page_clevernode-settings {\n    *,\n    *::after,\n    *::before {\n        box-sizing: border-box;\n    }\n\n    .wrap {\n        padding: 20px;\n    }\n\n    .checkbox-switch {\n        fieldset input[type='checkbox'] {\n            position: absolute;\n            height: 0;\n            width: 0;\n            visibility: hidden;\n        }\n\n        fieldset label {\n            cursor: pointer;\n            text-indent: -9999px;\n            width: 50px;\n            height: 30px;\n            background: #c7d6e8;\n            display: block;\n            border-radius: 50px;\n            position: relative;\n            border: 1px solid rgba($color-primary, 0.18);\n            box-shadow: inset 0 1px 2px rgba($color-tertiary, 0.08);\n            transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        fieldset label:after {\n            content: '';\n            position: absolute;\n            top: 5px;\n            left: 5px;\n            width: 20px;\n            height: 20px;\n            background: linear-gradient(135deg, #e9eef5 0%, #bcc9d8 100%);\n            border-radius: 20px;\n            transition: 0.3s;\n            border: 1px solid rgba($color-tertiary, 0.12);\n            box-shadow: 0 4px 10px rgba($color-tertiary, 0.16);\n        }\n\n        fieldset input:checked + label {\n            background: linear-gradient(135deg, #79c9ff 0%, $color-secondary 38%, $color-primary 100%);\n            border-color: rgba($color-primary, 0.55);\n            box-shadow: inset 0 0 0 1px rgba(#fff, 0.18), 0 0 0 4px rgba($color-secondary, 0.18), 0 8px 18px rgba($color-primary, 0.2);\n        }\n\n        fieldset input:checked + label:after {\n            left: calc(100% - 5px);\n            transform: translateX(-100%);\n            background: linear-gradient(135deg, #79c9ff 0%, $color-secondary 42%, $color-primary 100%);\n            border-color: rgba($color-primary, 0.35);\n            box-shadow: 0 6px 14px rgba($color-primary, 0.24);\n        }\n\n        fieldset label:active:after {\n            width: 30px;\n        }\n    }\n\n    .metabox-holder {\n        h2 {\n            font-size: 1.5em;\n            padding: 12px 0;\n        }\n    }\n\n    .wp-media-upl:focus,\n    .wp-media-upl:active {\n        box-shadow: none;\n    }\n\n    .clevernode-notice {\n        display: block !important;\n    }\n\n    .clevernode-settings {\n        h1 {\n            padding: 4rem 0 1rem;\n            margin-bottom: 1rem;\n            background: url('../img/logo_clevernode.svg') no-repeat top left;\n        }\n\n        @media (min-width: 900px) {\n            h1 {\n                padding: 1rem 0;\n                background-position: center right;\n            }\n        }\n    }\n\n    .support-content {\n        @media (min-width: 900px) {\n            max-width: 60%;\n        }\n    }\n\n    .support-user-data {\n        margin: 20px 0;\n\n        h3 {\n            font-size: 1rem;\n            text-transform: uppercase;\n            color: $color-secondary;\n        }\n\n        table.user-data {\n            width: 600px;\n            margin: 10px 0;\n            border-spacing: 10px;\n            border: 2px solid $color-secondary;\n            background-color: $color-primary;\n            text-align: left;\n            color: #fff;\n\n            td,\n            th {\n                padding: 10px;\n            }\n\n            th {\n                padding-bottom: 0;\n                text-transform: uppercase;\n                font-size: 0.8rem;\n                color: $color-secondary;\n            }\n        }\n    }\n\n    .connection-form {\n        th {\n            padding: 0;\n        }\n\n        td.connection-status p {\n            margin-top: 0;\n            display: inline;\n            padding: 5px;\n        }\n    }\n\n    .status-success {\n        background-color: #d4edda;\n        color: #155724;\n    }\n\n    .status-warning {\n        background-color: #fff3cd;\n        color: #856404;\n    }\n\n    // Banner\n    .clevernode-banner {\n        position: relative;\n        background-color: #fefefe;\n        padding: 1rem;\n        margin-bottom: 20px;\n        border: 1px solid #ddd;\n        max-width: 900px;\n        transition: all .4s;\n\n        &.hide {\n            margin: 0;\n            padding: 0;\n            opacity: 0;\n            height: 0;\n            overflow: hidden;\n        }\n\n        h2, h3 {\n            margin: 0;\n            line-height: 1.2;\n        }\n        \n        h2 {\n            font-size: 1.2rem;\n            color: $color-primary;\n            margin-bottom: 0.8rem;\n        }\n        \n        h3 {\n            font-size: 1.5rem;\n            color: $color-secondary;\n        }\n        \n        .banner-content {\n            text-align: center;\n\n            img {\n                margin-bottom: 0.5rem;\n            }\n\n            @media(min-width: 781px) {\n                display: flex;\n                align-items: center;\n                text-align: left;\n                \n                p { margin-bottom: 0; }\n\n                img {\n                    width: 100%;\n                    height: auto;\n                    margin-bottom: 0;\n                }\n                \n                .col-1 {\n                    flex: 0 0 10%;\n                }\n\n                .col-2 {\n                    flex: 0 0 70%;\n                    padding: 0 1rem;\n                }\n                \n                .col-3 {\n                    flex: 0 0 20%;\n                    text-align: center;\n                }\n            }\n        }\n\n        #close-banner {\n            position: absolute;\n            top: 10px; right: 10px;\n            text-decoration: none;\n            font-weight: bold;\n            color: #aaa;\n        }\n    }\n    \n    // Modal\n    .clevernode-modal {\n        position: fixed;\n        bottom: 10px; right: 10px;\n        width: 90%;\n        max-width: 400px;\n        transition: all .4s;\n        animation: slideIn 0.5s forwards;\n        \n        &.hide {\n            margin: 0;\n            padding: 0;\n            opacity: 0;\n            overflow: hidden;\n            animation: slideOut 0.8s forwards;\n        }\n        \n        .modal-inner {\n            background-color: color.adjust($color-secondary, $lightness: 36%);\n            border: 1px solid color.adjust($color-secondary, $lightness: 25%);\n            padding: 20px;\n            opacity: 1;\n            transition: all .4s;\n        }\n\n        .modal-content {\n            h2 {\n                color: $color-secondary;\n                font-size: 20px;\n            }\n\n            h3 {\n                color: $color-primary;\n            }\n\n            img {\n                float: left;\n                margin-right: 10px;\n            }\n\n            .heading {\n                overflow: auto;\n            }\n        }\n\n        #close-modal {\n            position: absolute;\n            top: 10px; right: 10px;\n            text-decoration: none;\n            font-weight: bold;\n            color: color.adjust($color-secondary, $lightness: 25%);\n            font-size: 20px;\n        }\n    }\n}\n\n// Success button\n.wp-core-ui .button-success {\n    background-color: #42bc42;\n    border-color: #32a132;\n    color: #fff;\n\n    &:hover,\n    &:focus,\n    &:active {\n        background-color: #32a132;\n        border-color: #258325;\n        color: #fff;\n    }\n}\n\n// Admin UI refresh\nbody.toplevel_page_clevernode-settings {\n    background: radial-gradient(circle at top right, rgba(81, 168, 222, 0.22), transparent 26rem), linear-gradient(180deg, #f5f9fd 0%, #eef4f9 100%);\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-attachment: fixed;\n\n    #wpcontent {\n        padding-left: 0;\n    }\n\n    .wrap.clevernode-settings {\n        max-width: 1180px;\n        margin: 0 auto;\n        padding: 32px 24px 48px;\n    }\n\n    .clevernode-settings-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin: 0 0 24px;\n        padding: 26px 28px;\n        border: 1px solid rgba($color-primary, 0.08);\n        border-radius: 4px;\n        background: #fff;\n        box-shadow: 0 22px 60px rgba($color-tertiary, 0.08);\n    }\n\n    .clevernode-settings-header__copy {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        flex: 1 1 auto;\n    }\n\n    .clevernode-settings-header__headline {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n    }\n\n    .clevernode-settings-header__logo {\n        width: 168px;\n        height: auto;\n\n        @media screen and (min-width: 768px) {\n            order: 2;\n            margin-left: auto;\n        }\n    }\n\n    .clevernode-settings h1 {\n        display: flex;\n        align-items: flex-end;\n        min-height: 0;\n        margin: 0;\n        padding: 0;\n        background: none;\n        box-shadow: none;\n        border: 0;\n        color: $color-tertiary;\n        font-size: clamp(1.8rem, 2vw, 2.4rem);\n        font-weight: 700;\n        letter-spacing: -0.03em;\n    }\n\n    .clevernode-settings-header__meta {\n        margin: 0;\n        color: rgba($color-tertiary, 0.72);\n        font-size: 13px;\n        letter-spacing: 0.01em;\n    }\n\n    .clevernode-settings-notices {\n        margin: 0 0 18px;\n    }\n\n    .clevernode-settings-notices .notice,\n    .notice.clevernode-notice,\n    .notice.settings-error {\n        margin: 0 0 18px;\n        border: 0;\n        border-radius: 6px;\n        box-shadow: 0 14px 30px rgba($color-tertiary, 0.08);\n    }\n\n    .clevernode-settings-notices .notice,\n    .notice.clevernode-notice {\n        position: relative;\n        padding: 14px 18px;\n        background: #eef6ff;\n        color: $color-tertiary;\n    }\n\n    .clevernode-settings-notices .notice.notice-warning,\n    .notice.clevernode-notice.notice-warning {\n        background: #ffe7b8;\n        color: #7a4300;\n    }\n\n    .clevernode-settings-notices .notice.notice-error,\n    .clevernode-settings-notices .notice.error,\n    .notice.clevernode-notice.notice-error,\n    .notice.clevernode-notice.error {\n        background: #ffd4d2;\n        color: #9f1c14;\n    }\n\n    .clevernode-settings-notices .notice.notice-success,\n    .clevernode-settings-notices .notice.updated,\n    .notice.clevernode-notice.notice-success,\n    .notice.clevernode-notice.updated {\n        background: #c9f2d7;\n        color: #046c43;\n    }\n\n    .clevernode-settings-notices .notice p,\n    .notice.clevernode-notice p,\n    .notice.settings-error p {\n        margin: 0;\n        color: inherit;\n    }\n\n    .clevernode-settings-notices .notice a,\n    .notice.clevernode-notice a {\n        color: inherit;\n        font-weight: 600;\n    }\n\n    .clevernode-settings-notices .notice.is-dismissible,\n    .notice.clevernode-notice.is-dismissible {\n        padding-right: 46px;\n    }\n\n    .clevernode-settings-notices .notice .notice-dismiss,\n    .notice.clevernode-notice .notice-dismiss {\n        position: absolute;\n        top: 50%;\n        right: 10px;\n        transform: translateY(-50%);\n        padding: 0;\n        min-height: 36px;\n    }\n\n    .clevernode-settings-notices .notice .notice-dismiss::before,\n    .notice.clevernode-notice .notice-dismiss::before {\n        color: inherit;\n        opacity: 0.72;\n    }\n\n    .nav-tab-wrapper {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        margin: 0 0 22px;\n        padding: 10px;\n        border: 0;\n        border-radius: 4px;\n        background: rgba(#fff, 0.78);\n        box-shadow: inset 0 0 0 1px rgba($color-primary, 0.08), 0 16px 32px rgba($color-tertiary, 0.08);\n        backdrop-filter: blur(12px);\n    }\n\n    .nav-tab-wrapper .nav-tab {\n        float: none;\n        margin: 0;\n        padding: 11px 16px;\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        color: $color-tertiary;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        line-height: 1.2;\n        transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;\n    }\n\n    .nav-tab-wrapper .nav-tab:hover,\n    .nav-tab-wrapper .nav-tab:focus {\n        background: rgba($color-secondary, 0.14);\n        color: $color-primary;\n        box-shadow: none;\n        transform: translateY(-1px);\n    }\n\n    .nav-tab-wrapper .nav-tab.nav-tab-active {\n        background: linear-gradient(135deg, $color-secondary 0%, color.adjust($color-primary, $lightness: 6%) 100%);\n        color: #fff;\n        box-shadow: 0 10px 20px rgba($color-primary, 0.24);\n    }\n\n    .metabox-holder {\n        margin-top: 0;\n    }\n\n    .group {\n        margin-bottom: 24px;\n        padding: 28px;\n        border: 1px solid rgba($color-primary, 0.08);\n        border-radius: 28px;\n        background: linear-gradient(180deg, rgba(#fff, 0.98) 0%, rgba(#fbfdff, 0.98) 100%);\n        box-shadow: 0 22px 52px rgba($color-tertiary, 0.08);\n    }\n\n    .group:empty,\n    .group[id$='-part-top']:empty,\n    .group[id$='-part-bottom']:empty {\n        display: none !important;\n    }\n\n    .group[id$='-part-top'],\n    .group[id$='-part-bottom'] {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        border-radius: 0;\n        background: transparent;\n        box-shadow: none;\n    }\n\n    .group > h2 {\n        margin: 0 0 8px;\n        padding: 0;\n        color: $color-tertiary;\n        font-size: 1.55rem;\n        font-weight: 700;\n        letter-spacing: -0.03em;\n    }\n\n    .group > p,\n    .group .tab-content > p {\n        max-width: 78ch;\n        margin-top: 0;\n        color: rgba($color-tertiary, 0.82);\n        font-size: 14px;\n        line-height: 1.6;\n    }\n\n    .connection-form + p,\n    form > h2,\n    .section-help-content > h2,\n    .group .tab-content > h2 {\n        color: $color-tertiary;\n    }\n\n    form > h2,\n    .section-help-content > h2,\n    .group .tab-content > h2 {\n        margin: 0 0 8px;\n        padding: 0;\n        font-size: 1.55rem;\n        font-weight: 700;\n        letter-spacing: -0.03em;\n        line-height: 1.2;\n    }\n\n    form > h2 + p,\n    .section-help-content > h2 + p,\n    .group .tab-content > h2 + .support-content > h4,\n    .group .tab-content > h2 + p,\n    .group > p,\n    .group .tab-content p {\n        color: rgba($color-tertiary, 0.82);\n        font-size: 14px;\n        line-height: 1.6;\n    }\n\n    form > h3 + p {\n        max-width: 78ch;\n        margin: 0 0 18px;\n    }\n\n    .group .tab-content > h2 {\n        margin-bottom: 12px;\n    }\n\n    .form-table {\n        margin-top: 18px;\n        border-collapse: separate;\n        border-spacing: 0 14px;\n    }\n\n    .form-table > tbody > tr > th,\n    .form-table > tbody > tr > td {\n        padding: 20px 22px;\n        border-top: 1px solid rgba($color-primary, 0.06);\n        border-bottom: 1px solid rgba($color-primary, 0.06);\n        background: #f8fbfe;\n        vertical-align: middle;\n    }\n\n    .form-table > tbody > tr > th {\n        width: 260px;\n        border-left: 1px solid rgba($color-primary, 0.06);\n        border-radius: 4px;\n        color: $color-tertiary;\n        font-size: 12px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n\n        p { margin: 0; }\n    }\n\n    .form-table > tbody > tr > td {\n        border-right: 1px solid rgba($color-primary, 0.06);\n        border-radius: 0 20px 20px 0;\n        color: $color-tertiary;\n        margin: 0;\n    }\n\n    .form-table fieldset {\n        margin: 0;\n    }\n\n    input[type='text'],\n    input[type='email'],\n    input[type='url'],\n    input[type='number'],\n    input[type='password'],\n    select,\n    textarea {\n        width: 100%;\n        max-width: 520px;\n        min-height: 46px;\n        padding: 8px 14px;\n        border: 1px solid rgba($color-primary, 0.16);\n        border-radius: 14px;\n        background: #fff;\n        box-shadow: inset 0 1px 2px rgba($color-tertiary, 0.04);\n        color: $color-tertiary;\n    }\n\n    textarea {\n        min-height: 132px;\n    }\n\n    input[type='text']:focus,\n    input[type='email']:focus,\n    input[type='url']:focus,\n    input[type='number']:focus,\n    input[type='password']:focus,\n    select:focus,\n    textarea:focus {\n        border-color: rgba($color-secondary, 0.9);\n        box-shadow: 0 0 0 4px rgba($color-secondary, 0.16);\n        outline: 0;\n    }\n\n    .description {\n        margin-top: 8px;\n        color: rgba($color-tertiary, 0.68);\n        font-size: 13px;\n        line-height: 1.55;\n    }\n\n    .checkbox-switch fieldset label {\n        background: #c7d6e8;\n    }\n\n    .checkbox-switch fieldset input:checked + label {\n        background: linear-gradient(135deg, #79c9ff 0%, $color-secondary 38%, $color-primary 100%);\n    }\n\n    .connection-form td.connection-status p,\n    .status-success,\n    .status-warning {\n        display: inline-flex;\n        align-items: center;\n        padding: 7px 12px;\n        border-radius: 999px;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.04em;\n        text-transform: uppercase;\n    }\n\n    .status-success {\n        background: rgba(#2f9e44, 0.12);\n        color: #1f7a33;\n    }\n\n    .status-warning {\n        background: rgba(#f08c00, 0.12);\n        color: #9c5b00;\n    }\n\n    .connection-form > tbody > tr > th,\n    .connection-form > tbody > tr > td {\n        vertical-align: top;\n    }\n\n    .connection-form td {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .connection-form td .checkbox-switch {\n        flex: 0 0 100%;\n        margin: 0;\n    }\n\n    .connection-form td .switch-yes {\n        margin: 0;\n    }\n\n    .connection-form td .switch-yes input[type='email'] {\n        margin: 0;\n    }\n\n    .connection-form td .switch-yes,\n    .connection-form td input[type='submit'] {\n        display: inline-flex;\n        vertical-align: middle;\n    }\n\n    .connection-form td .switch-yes + input[type='submit'] {\n        margin-left: 0;\n    }\n\n    .connection-form td .switch-yes input[type='email'] {\n        width: 320px;\n        max-width: 100%;\n    }\n\n    .form-table .button,\n    .clevernode-banner .button,\n    .clevernode-modal .button {\n        min-height: 42px;\n        padding: 0 16px;\n        border-radius: 999px;\n        font-weight: 700;\n        letter-spacing: 0.01em;\n    }\n\n    .button.button-primary,\n    .wp-core-ui .button-primary {\n        border-color: transparent;\n        background: linear-gradient(135deg, $color-secondary 0%, $color-primary 100%);\n        box-shadow: 0 12px 24px rgba($color-primary, 0.2);\n    }\n\n    .button.button-primary:hover,\n    .button.button-primary:focus,\n    .wp-core-ui .button-primary:hover,\n    .wp-core-ui .button-primary:focus {\n        border-color: transparent;\n        background: linear-gradient(135deg, color.adjust($color-secondary, $lightness: 4%) 0%, color.adjust($color-primary, $lightness: 4%) 100%);\n    }\n\n    .wp-media-upl img {\n        display: block;\n        max-width: 280px;\n        width: 100%;\n        border-radius: 18px;\n        box-shadow: 0 16px 30px rgba($color-tertiary, 0.12);\n    }\n\n    .radio-switch label,\n    .form-table td > fieldset > label:not(#allow-support) {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin: 0 12px 12px 0;\n        padding: 14px 16px;\n        border: 1px solid rgba($color-primary, 0.1);\n        border-radius: 16px;\n        background: #fff;\n        box-shadow: 0 10px 24px rgba($color-tertiary, 0.05);\n        line-height: 1.45;\n    }\n\n    .radio-switch label,\n    .form-table td > fieldset > label {\n        cursor: pointer;\n    }\n\n    .form-table td > fieldset > label input[type='radio'],\n    .form-table td > fieldset > label input[type='checkbox'] {\n        margin: 0;\n    }\n\n    .input-holder {\n        margin-top: 20px;\n    }\n\n    .support-content {\n        max-width: 960px;\n    }\n\n    .support-content h3,\n    .support-content h4 {\n        color: $color-tertiary;\n    }\n\n    .support-content hr {\n        margin: 26px 0;\n        border: 0;\n        border-top: 1px solid rgba($color-primary, 0.1);\n    }\n\n    .support-user-data table.user-data {\n        width: 100%;\n        max-width: 720px;\n        padding: 10px;\n        border-collapse: separate;\n        border-spacing: 0;\n        overflow: hidden;\n        border: 0;\n        border-radius: 4px;\n        box-shadow: 0 18px 36px rgba($color-tertiary, 0.14);\n    }\n\n    .support-user-data table.user-data th {\n        color: rgba(#fff, 0.7);\n    }\n\n    .clevernode-banner {\n        max-width: none;\n        padding: 24px;\n        border: 0;\n        border-radius: 24px;\n        background: linear-gradient(135deg, #fff 0%, #f5fbff 100%);\n        box-shadow: 0 22px 46px rgba($color-tertiary, 0.08);\n    }\n\n    .clevernode-banner h2 {\n        font-size: 1rem;\n        letter-spacing: 0.06em;\n        text-transform: uppercase;\n    }\n\n    .clevernode-banner h3 {\n        font-size: clamp(1.5rem, 2vw, 2rem);\n        margin-bottom: .5rem;\n        color: $color-tertiary;\n    }\n\n    .clevernode-banner .banner-content .col-1 {\n        flex: 0 0 84px;\n    }\n\n    .clevernode-banner .banner-content .col-1 img {\n        width: 84px;\n        height: 84px;\n        object-fit: contain;\n        border-radius: 22px;\n        background: #fff;\n        box-shadow: 0 14px 28px rgba($color-tertiary, 0.12);\n        padding: 12px;\n    }\n\n    .clevernode-modal {\n        right: 20px;\n        bottom: 20px;\n        max-width: 420px;\n    }\n\n    .clevernode-modal .modal-inner {\n        border: 0;\n        border-radius: 4px;\n        background: linear-gradient(145deg, color.adjust($color-secondary, $lightness: 34%) 0%, #fff 100%);\n        box-shadow: 0 26px 50px rgba($color-tertiary, 0.16);\n    }\n\n    .clevernode-modal .modal-content h2 {\n        margin: 0;\n        color: $color-tertiary;\n    }\n\n    .clevernode-modal .modal-content h3 {\n        margin-top: 10px;\n        font-size: 15px;\n        line-height: 1.5;\n    }\n\n    @media (max-width: 900px) {\n        .clevernode-settings-header {\n            justify-content: flex-start;\n            padding: 22px 20px;\n        }\n\n        .clevernode-settings-header__headline {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 12px;\n        }\n\n        .clevernode-settings-header__logo {\n            width: 138px;\n        }\n\n        .form-table,\n        .form-table tbody,\n        .form-table tr,\n        .form-table th,\n        .form-table td {\n            display: block;\n            width: 100%;\n        }\n\n        .form-table > tbody > tr > th,\n        .form-table > tbody > tr > td {\n            border-radius: 18px;\n        }\n\n        .form-table > tbody > tr > th {\n            margin: 8px;\n        }\n\n        .group {\n            padding: 20px;\n        }\n    }\n}\n\n\n@keyframes slideIn {\n    0% {\n        right: -200%;\n    }\n    100% {\n        right: 10px;\n    }\n}\n\n@keyframes slideOut {\n    0% {\n        right: 10px;\n    }\n    100% {\n        right: -200%;\n    }\n}\n","/**\n * WP Epeex Related Style\n */\nbody.toplevel_page_clevernode-settings *,\nbody.toplevel_page_clevernode-settings *::after,\nbody.toplevel_page_clevernode-settings *::before {\n  box-sizing: border-box;\n}\nbody.toplevel_page_clevernode-settings .wrap {\n  padding: 20px;\n}\nbody.toplevel_page_clevernode-settings .checkbox-switch fieldset input[type=checkbox] {\n  position: absolute;\n  height: 0;\n  width: 0;\n  visibility: hidden;\n}\nbody.toplevel_page_clevernode-settings .checkbox-switch fieldset label {\n  cursor: pointer;\n  text-indent: -9999px;\n  width: 50px;\n  height: 30px;\n  background: #c7d6e8;\n  display: block;\n  border-radius: 50px;\n  position: relative;\n  border: 1px solid rgba(18, 96, 170, 0.18);\n  box-shadow: inset 0 1px 2px rgba(14, 53, 109, 0.08);\n  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n}\nbody.toplevel_page_clevernode-settings .checkbox-switch fieldset label:after {\n  content: \"\";\n  position: absolute;\n  top: 5px;\n  left: 5px;\n  width: 20px;\n  height: 20px;\n  background: linear-gradient(135deg, #e9eef5 0%, #bcc9d8 100%);\n  border-radius: 20px;\n  transition: 0.3s;\n  border: 1px solid rgba(14, 53, 109, 0.12);\n  box-shadow: 0 4px 10px rgba(14, 53, 109, 0.16);\n}\nbody.toplevel_page_clevernode-settings .checkbox-switch fieldset input:checked + label {\n  background: linear-gradient(135deg, #79c9ff 0%, #51a8de 38%, #1260aa 100%);\n  border-color: rgba(18, 96, 170, 0.55);\n  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 0 0 4px rgba(81, 168, 222, 0.18), 0 8px 18px rgba(18, 96, 170, 0.2);\n}\nbody.toplevel_page_clevernode-settings .checkbox-switch fieldset input:checked + label:after {\n  left: calc(100% - 5px);\n  transform: translateX(-100%);\n  background: linear-gradient(135deg, #79c9ff 0%, #51a8de 42%, #1260aa 100%);\n  border-color: rgba(18, 96, 170, 0.35);\n  box-shadow: 0 6px 14px rgba(18, 96, 170, 0.24);\n}\nbody.toplevel_page_clevernode-settings .checkbox-switch fieldset label:active:after {\n  width: 30px;\n}\nbody.toplevel_page_clevernode-settings .metabox-holder h2 {\n  font-size: 1.5em;\n  padding: 12px 0;\n}\nbody.toplevel_page_clevernode-settings .wp-media-upl:focus,\nbody.toplevel_page_clevernode-settings .wp-media-upl:active {\n  box-shadow: none;\n}\nbody.toplevel_page_clevernode-settings .clevernode-notice {\n  display: block !important;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings h1 {\n  padding: 4rem 0 1rem;\n  margin-bottom: 1rem;\n  background: url(\"../img/logo_clevernode.svg\") no-repeat top left;\n}\n@media (min-width: 900px) {\n  body.toplevel_page_clevernode-settings .clevernode-settings h1 {\n    padding: 1rem 0;\n    background-position: center right;\n  }\n}\n@media (min-width: 900px) {\n  body.toplevel_page_clevernode-settings .support-content {\n    max-width: 60%;\n  }\n}\nbody.toplevel_page_clevernode-settings .support-user-data {\n  margin: 20px 0;\n}\nbody.toplevel_page_clevernode-settings .support-user-data h3 {\n  font-size: 1rem;\n  text-transform: uppercase;\n  color: #51a8de;\n}\nbody.toplevel_page_clevernode-settings .support-user-data table.user-data {\n  width: 600px;\n  margin: 10px 0;\n  border-spacing: 10px;\n  border: 2px solid #51a8de;\n  background-color: #1260aa;\n  text-align: left;\n  color: #fff;\n}\nbody.toplevel_page_clevernode-settings .support-user-data table.user-data td,\nbody.toplevel_page_clevernode-settings .support-user-data table.user-data th {\n  padding: 10px;\n}\nbody.toplevel_page_clevernode-settings .support-user-data table.user-data th {\n  padding-bottom: 0;\n  text-transform: uppercase;\n  font-size: 0.8rem;\n  color: #51a8de;\n}\nbody.toplevel_page_clevernode-settings .connection-form th {\n  padding: 0;\n}\nbody.toplevel_page_clevernode-settings .connection-form td.connection-status p {\n  margin-top: 0;\n  display: inline;\n  padding: 5px;\n}\nbody.toplevel_page_clevernode-settings .status-success {\n  background-color: #d4edda;\n  color: #155724;\n}\nbody.toplevel_page_clevernode-settings .status-warning {\n  background-color: #fff3cd;\n  color: #856404;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner {\n  position: relative;\n  background-color: #fefefe;\n  padding: 1rem;\n  margin-bottom: 20px;\n  border: 1px solid #ddd;\n  max-width: 900px;\n  transition: all 0.4s;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner.hide {\n  margin: 0;\n  padding: 0;\n  opacity: 0;\n  height: 0;\n  overflow: hidden;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner h2, body.toplevel_page_clevernode-settings .clevernode-banner h3 {\n  margin: 0;\n  line-height: 1.2;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner h2 {\n  font-size: 1.2rem;\n  color: #1260aa;\n  margin-bottom: 0.8rem;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner h3 {\n  font-size: 1.5rem;\n  color: #51a8de;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner .banner-content {\n  text-align: center;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner .banner-content img {\n  margin-bottom: 0.5rem;\n}\n@media (min-width: 781px) {\n  body.toplevel_page_clevernode-settings .clevernode-banner .banner-content {\n    display: flex;\n    align-items: center;\n    text-align: left;\n  }\n  body.toplevel_page_clevernode-settings .clevernode-banner .banner-content p {\n    margin-bottom: 0;\n  }\n  body.toplevel_page_clevernode-settings .clevernode-banner .banner-content img {\n    width: 100%;\n    height: auto;\n    margin-bottom: 0;\n  }\n  body.toplevel_page_clevernode-settings .clevernode-banner .banner-content .col-1 {\n    flex: 0 0 10%;\n  }\n  body.toplevel_page_clevernode-settings .clevernode-banner .banner-content .col-2 {\n    flex: 0 0 70%;\n    padding: 0 1rem;\n  }\n  body.toplevel_page_clevernode-settings .clevernode-banner .banner-content .col-3 {\n    flex: 0 0 20%;\n    text-align: center;\n  }\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner #close-banner {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  text-decoration: none;\n  font-weight: bold;\n  color: #aaa;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal {\n  position: fixed;\n  bottom: 10px;\n  right: 10px;\n  width: 90%;\n  max-width: 400px;\n  transition: all 0.4s;\n  animation: slideIn 0.5s forwards;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal.hide {\n  margin: 0;\n  padding: 0;\n  opacity: 0;\n  overflow: hidden;\n  animation: slideOut 0.8s forwards;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal .modal-inner {\n  background-color: rgb(235.3304347826, 245.1652173913, 251.2695652174);\n  border: 1px solid rgb(188.1739130435, 221.5869565217, 242.3260869565);\n  padding: 20px;\n  opacity: 1;\n  transition: all 0.4s;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal .modal-content h2 {\n  color: #51a8de;\n  font-size: 20px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal .modal-content h3 {\n  color: #1260aa;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal .modal-content img {\n  float: left;\n  margin-right: 10px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal .modal-content .heading {\n  overflow: auto;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal #close-modal {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  text-decoration: none;\n  font-weight: bold;\n  color: rgb(188.1739130435, 221.5869565217, 242.3260869565);\n  font-size: 20px;\n}\n\n.wp-core-ui .button-success {\n  background-color: #42bc42;\n  border-color: #32a132;\n  color: #fff;\n}\n.wp-core-ui .button-success:hover, .wp-core-ui .button-success:focus, .wp-core-ui .button-success:active {\n  background-color: #32a132;\n  border-color: #258325;\n  color: #fff;\n}\n\nbody.toplevel_page_clevernode-settings {\n  background: radial-gradient(circle at top right, rgba(81, 168, 222, 0.22), transparent 26rem), linear-gradient(180deg, #f5f9fd 0%, #eef4f9 100%);\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-attachment: fixed;\n}\nbody.toplevel_page_clevernode-settings #wpcontent {\n  padding-left: 0;\n}\nbody.toplevel_page_clevernode-settings .wrap.clevernode-settings {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 32px 24px 48px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 0 24px;\n  padding: 26px 28px;\n  border: 1px solid rgba(18, 96, 170, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  box-shadow: 0 22px 60px rgba(14, 53, 109, 0.08);\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-header__copy {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1 1 auto;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-header__headline {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-header__logo {\n  width: 168px;\n  height: auto;\n}\n@media screen and (min-width: 768px) {\n  body.toplevel_page_clevernode-settings .clevernode-settings-header__logo {\n    order: 2;\n    margin-left: auto;\n  }\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings h1 {\n  display: flex;\n  align-items: flex-end;\n  min-height: 0;\n  margin: 0;\n  padding: 0;\n  background: none;\n  box-shadow: none;\n  border: 0;\n  color: #0e356d;\n  font-size: clamp(1.8rem, 2vw, 2.4rem);\n  font-weight: 700;\n  letter-spacing: -0.03em;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-header__meta {\n  margin: 0;\n  color: rgba(14, 53, 109, 0.72);\n  font-size: 13px;\n  letter-spacing: 0.01em;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices {\n  margin: 0 0 18px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice,\nbody.toplevel_page_clevernode-settings .notice.settings-error {\n  margin: 0 0 18px;\n  border: 0;\n  border-radius: 6px;\n  box-shadow: 0 14px 30px rgba(14, 53, 109, 0.08);\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice {\n  position: relative;\n  padding: 14px 18px;\n  background: #eef6ff;\n  color: #0e356d;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice.notice-warning,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice.notice-warning {\n  background: #ffe7b8;\n  color: #7a4300;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice.notice-error,\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice.error,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice.notice-error,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice.error {\n  background: #ffd4d2;\n  color: #9f1c14;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice.notice-success,\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice.updated,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice.notice-success,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice.updated {\n  background: #c9f2d7;\n  color: #046c43;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice p,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice p,\nbody.toplevel_page_clevernode-settings .notice.settings-error p {\n  margin: 0;\n  color: inherit;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice a,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice a {\n  color: inherit;\n  font-weight: 600;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice.is-dismissible,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice.is-dismissible {\n  padding-right: 46px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice .notice-dismiss,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice .notice-dismiss {\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  transform: translateY(-50%);\n  padding: 0;\n  min-height: 36px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-settings-notices .notice .notice-dismiss::before,\nbody.toplevel_page_clevernode-settings .notice.clevernode-notice .notice-dismiss::before {\n  color: inherit;\n  opacity: 0.72;\n}\nbody.toplevel_page_clevernode-settings .nav-tab-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 0 0 22px;\n  padding: 10px;\n  border: 0;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.78);\n  box-shadow: inset 0 0 0 1px rgba(18, 96, 170, 0.08), 0 16px 32px rgba(14, 53, 109, 0.08);\n  backdrop-filter: blur(12px);\n}\nbody.toplevel_page_clevernode-settings .nav-tab-wrapper .nav-tab {\n  float: none;\n  margin: 0;\n  padding: 11px 16px;\n  border: 0;\n  border-radius: 6px;\n  background: transparent;\n  color: #0e356d;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  line-height: 1.2;\n  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n}\nbody.toplevel_page_clevernode-settings .nav-tab-wrapper .nav-tab:hover,\nbody.toplevel_page_clevernode-settings .nav-tab-wrapper .nav-tab:focus {\n  background: rgba(81, 168, 222, 0.14);\n  color: #1260aa;\n  box-shadow: none;\n  transform: translateY(-1px);\n}\nbody.toplevel_page_clevernode-settings .nav-tab-wrapper .nav-tab.nav-tab-active {\n  background: linear-gradient(135deg, #51a8de 0%, rgb(20.929787234, 111.6255319149, 197.670212766) 100%);\n  color: #fff;\n  box-shadow: 0 10px 20px rgba(18, 96, 170, 0.24);\n}\nbody.toplevel_page_clevernode-settings .metabox-holder {\n  margin-top: 0;\n}\nbody.toplevel_page_clevernode-settings .group {\n  margin-bottom: 24px;\n  padding: 28px;\n  border: 1px solid rgba(18, 96, 170, 0.08);\n  border-radius: 28px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 253, 255, 0.98) 100%);\n  box-shadow: 0 22px 52px rgba(14, 53, 109, 0.08);\n}\nbody.toplevel_page_clevernode-settings .group:empty,\nbody.toplevel_page_clevernode-settings .group[id$=-part-top]:empty,\nbody.toplevel_page_clevernode-settings .group[id$=-part-bottom]:empty {\n  display: none !important;\n}\nbody.toplevel_page_clevernode-settings .group[id$=-part-top],\nbody.toplevel_page_clevernode-settings .group[id$=-part-bottom] {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\nbody.toplevel_page_clevernode-settings .group > h2 {\n  margin: 0 0 8px;\n  padding: 0;\n  color: #0e356d;\n  font-size: 1.55rem;\n  font-weight: 700;\n  letter-spacing: -0.03em;\n}\nbody.toplevel_page_clevernode-settings .group > p,\nbody.toplevel_page_clevernode-settings .group .tab-content > p {\n  max-width: 78ch;\n  margin-top: 0;\n  color: rgba(14, 53, 109, 0.82);\n  font-size: 14px;\n  line-height: 1.6;\n}\nbody.toplevel_page_clevernode-settings .connection-form + p,\nbody.toplevel_page_clevernode-settings form > h2,\nbody.toplevel_page_clevernode-settings .section-help-content > h2,\nbody.toplevel_page_clevernode-settings .group .tab-content > h2 {\n  color: #0e356d;\n}\nbody.toplevel_page_clevernode-settings form > h2,\nbody.toplevel_page_clevernode-settings .section-help-content > h2,\nbody.toplevel_page_clevernode-settings .group .tab-content > h2 {\n  margin: 0 0 8px;\n  padding: 0;\n  font-size: 1.55rem;\n  font-weight: 700;\n  letter-spacing: -0.03em;\n  line-height: 1.2;\n}\nbody.toplevel_page_clevernode-settings form > h2 + p,\nbody.toplevel_page_clevernode-settings .section-help-content > h2 + p,\nbody.toplevel_page_clevernode-settings .group .tab-content > h2 + .support-content > h4,\nbody.toplevel_page_clevernode-settings .group .tab-content > h2 + p,\nbody.toplevel_page_clevernode-settings .group > p,\nbody.toplevel_page_clevernode-settings .group .tab-content p {\n  color: rgba(14, 53, 109, 0.82);\n  font-size: 14px;\n  line-height: 1.6;\n}\nbody.toplevel_page_clevernode-settings form > h3 + p {\n  max-width: 78ch;\n  margin: 0 0 18px;\n}\nbody.toplevel_page_clevernode-settings .group .tab-content > h2 {\n  margin-bottom: 12px;\n}\nbody.toplevel_page_clevernode-settings .form-table {\n  margin-top: 18px;\n  border-collapse: separate;\n  border-spacing: 0 14px;\n}\nbody.toplevel_page_clevernode-settings .form-table > tbody > tr > th,\nbody.toplevel_page_clevernode-settings .form-table > tbody > tr > td {\n  padding: 20px 22px;\n  border-top: 1px solid rgba(18, 96, 170, 0.06);\n  border-bottom: 1px solid rgba(18, 96, 170, 0.06);\n  background: #f8fbfe;\n  vertical-align: middle;\n}\nbody.toplevel_page_clevernode-settings .form-table > tbody > tr > th {\n  width: 260px;\n  border-left: 1px solid rgba(18, 96, 170, 0.06);\n  border-radius: 4px;\n  color: #0e356d;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\nbody.toplevel_page_clevernode-settings .form-table > tbody > tr > th p {\n  margin: 0;\n}\nbody.toplevel_page_clevernode-settings .form-table > tbody > tr > td {\n  border-right: 1px solid rgba(18, 96, 170, 0.06);\n  border-radius: 0 20px 20px 0;\n  color: #0e356d;\n  margin: 0;\n}\nbody.toplevel_page_clevernode-settings .form-table fieldset {\n  margin: 0;\n}\nbody.toplevel_page_clevernode-settings input[type=text],\nbody.toplevel_page_clevernode-settings input[type=email],\nbody.toplevel_page_clevernode-settings input[type=url],\nbody.toplevel_page_clevernode-settings input[type=number],\nbody.toplevel_page_clevernode-settings input[type=password],\nbody.toplevel_page_clevernode-settings select,\nbody.toplevel_page_clevernode-settings textarea {\n  width: 100%;\n  max-width: 520px;\n  min-height: 46px;\n  padding: 8px 14px;\n  border: 1px solid rgba(18, 96, 170, 0.16);\n  border-radius: 14px;\n  background: #fff;\n  box-shadow: inset 0 1px 2px rgba(14, 53, 109, 0.04);\n  color: #0e356d;\n}\nbody.toplevel_page_clevernode-settings textarea {\n  min-height: 132px;\n}\nbody.toplevel_page_clevernode-settings input[type=text]:focus,\nbody.toplevel_page_clevernode-settings input[type=email]:focus,\nbody.toplevel_page_clevernode-settings input[type=url]:focus,\nbody.toplevel_page_clevernode-settings input[type=number]:focus,\nbody.toplevel_page_clevernode-settings input[type=password]:focus,\nbody.toplevel_page_clevernode-settings select:focus,\nbody.toplevel_page_clevernode-settings textarea:focus {\n  border-color: rgba(81, 168, 222, 0.9);\n  box-shadow: 0 0 0 4px rgba(81, 168, 222, 0.16);\n  outline: 0;\n}\nbody.toplevel_page_clevernode-settings .description {\n  margin-top: 8px;\n  color: rgba(14, 53, 109, 0.68);\n  font-size: 13px;\n  line-height: 1.55;\n}\nbody.toplevel_page_clevernode-settings .checkbox-switch fieldset label {\n  background: #c7d6e8;\n}\nbody.toplevel_page_clevernode-settings .checkbox-switch fieldset input:checked + label {\n  background: linear-gradient(135deg, #79c9ff 0%, #51a8de 38%, #1260aa 100%);\n}\nbody.toplevel_page_clevernode-settings .connection-form td.connection-status p,\nbody.toplevel_page_clevernode-settings .status-success,\nbody.toplevel_page_clevernode-settings .status-warning {\n  display: inline-flex;\n  align-items: center;\n  padding: 7px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\nbody.toplevel_page_clevernode-settings .status-success {\n  background: rgba(47, 158, 68, 0.12);\n  color: #1f7a33;\n}\nbody.toplevel_page_clevernode-settings .status-warning {\n  background: rgba(240, 140, 0, 0.12);\n  color: #9c5b00;\n}\nbody.toplevel_page_clevernode-settings .connection-form > tbody > tr > th,\nbody.toplevel_page_clevernode-settings .connection-form > tbody > tr > td {\n  vertical-align: top;\n}\nbody.toplevel_page_clevernode-settings .connection-form td {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: 12px;\n}\nbody.toplevel_page_clevernode-settings .connection-form td .checkbox-switch {\n  flex: 0 0 100%;\n  margin: 0;\n}\nbody.toplevel_page_clevernode-settings .connection-form td .switch-yes {\n  margin: 0;\n}\nbody.toplevel_page_clevernode-settings .connection-form td .switch-yes input[type=email] {\n  margin: 0;\n}\nbody.toplevel_page_clevernode-settings .connection-form td .switch-yes,\nbody.toplevel_page_clevernode-settings .connection-form td input[type=submit] {\n  display: inline-flex;\n  vertical-align: middle;\n}\nbody.toplevel_page_clevernode-settings .connection-form td .switch-yes + input[type=submit] {\n  margin-left: 0;\n}\nbody.toplevel_page_clevernode-settings .connection-form td .switch-yes input[type=email] {\n  width: 320px;\n  max-width: 100%;\n}\nbody.toplevel_page_clevernode-settings .form-table .button,\nbody.toplevel_page_clevernode-settings .clevernode-banner .button,\nbody.toplevel_page_clevernode-settings .clevernode-modal .button {\n  min-height: 42px;\n  padding: 0 16px;\n  border-radius: 999px;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n}\nbody.toplevel_page_clevernode-settings .button.button-primary,\nbody.toplevel_page_clevernode-settings .wp-core-ui .button-primary {\n  border-color: transparent;\n  background: linear-gradient(135deg, #51a8de 0%, #1260aa 100%);\n  box-shadow: 0 12px 24px rgba(18, 96, 170, 0.2);\n}\nbody.toplevel_page_clevernode-settings .button.button-primary:hover,\nbody.toplevel_page_clevernode-settings .button.button-primary:focus,\nbody.toplevel_page_clevernode-settings .wp-core-ui .button-primary:hover,\nbody.toplevel_page_clevernode-settings .wp-core-ui .button-primary:focus {\n  border-color: transparent;\n  background: linear-gradient(135deg, rgb(98.147826087, 176.5739130435, 225.252173913) 0%, rgb(19.9531914894, 106.4170212766, 188.4468085106) 100%);\n}\nbody.toplevel_page_clevernode-settings .wp-media-upl img {\n  display: block;\n  max-width: 280px;\n  width: 100%;\n  border-radius: 18px;\n  box-shadow: 0 16px 30px rgba(14, 53, 109, 0.12);\n}\nbody.toplevel_page_clevernode-settings .radio-switch label,\nbody.toplevel_page_clevernode-settings .form-table td > fieldset > label:not(#allow-support) {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 12px 12px 0;\n  padding: 14px 16px;\n  border: 1px solid rgba(18, 96, 170, 0.1);\n  border-radius: 16px;\n  background: #fff;\n  box-shadow: 0 10px 24px rgba(14, 53, 109, 0.05);\n  line-height: 1.45;\n}\nbody.toplevel_page_clevernode-settings .radio-switch label,\nbody.toplevel_page_clevernode-settings .form-table td > fieldset > label {\n  cursor: pointer;\n}\nbody.toplevel_page_clevernode-settings .form-table td > fieldset > label input[type=radio],\nbody.toplevel_page_clevernode-settings .form-table td > fieldset > label input[type=checkbox] {\n  margin: 0;\n}\nbody.toplevel_page_clevernode-settings .input-holder {\n  margin-top: 20px;\n}\nbody.toplevel_page_clevernode-settings .support-content {\n  max-width: 960px;\n}\nbody.toplevel_page_clevernode-settings .support-content h3,\nbody.toplevel_page_clevernode-settings .support-content h4 {\n  color: #0e356d;\n}\nbody.toplevel_page_clevernode-settings .support-content hr {\n  margin: 26px 0;\n  border: 0;\n  border-top: 1px solid rgba(18, 96, 170, 0.1);\n}\nbody.toplevel_page_clevernode-settings .support-user-data table.user-data {\n  width: 100%;\n  max-width: 720px;\n  padding: 10px;\n  border-collapse: separate;\n  border-spacing: 0;\n  overflow: hidden;\n  border: 0;\n  border-radius: 4px;\n  box-shadow: 0 18px 36px rgba(14, 53, 109, 0.14);\n}\nbody.toplevel_page_clevernode-settings .support-user-data table.user-data th {\n  color: rgba(255, 255, 255, 0.7);\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner {\n  max-width: none;\n  padding: 24px;\n  border: 0;\n  border-radius: 24px;\n  background: linear-gradient(135deg, #fff 0%, #f5fbff 100%);\n  box-shadow: 0 22px 46px rgba(14, 53, 109, 0.08);\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner h2 {\n  font-size: 1rem;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner h3 {\n  font-size: clamp(1.5rem, 2vw, 2rem);\n  margin-bottom: 0.5rem;\n  color: #0e356d;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner .banner-content .col-1 {\n  flex: 0 0 84px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-banner .banner-content .col-1 img {\n  width: 84px;\n  height: 84px;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: 22px;\n  background: #fff;\n  box-shadow: 0 14px 28px rgba(14, 53, 109, 0.12);\n  padding: 12px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal {\n  right: 20px;\n  bottom: 20px;\n  max-width: 420px;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal .modal-inner {\n  border: 0;\n  border-radius: 4px;\n  background: linear-gradient(145deg, rgb(226.7565217391, 240.8782608696, 249.6434782609) 0%, #fff 100%);\n  box-shadow: 0 26px 50px rgba(14, 53, 109, 0.16);\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal .modal-content h2 {\n  margin: 0;\n  color: #0e356d;\n}\nbody.toplevel_page_clevernode-settings .clevernode-modal .modal-content h3 {\n  margin-top: 10px;\n  font-size: 15px;\n  line-height: 1.5;\n}\n@media (max-width: 900px) {\n  body.toplevel_page_clevernode-settings .clevernode-settings-header {\n    justify-content: flex-start;\n    padding: 22px 20px;\n  }\n  body.toplevel_page_clevernode-settings .clevernode-settings-header__headline {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n  }\n  body.toplevel_page_clevernode-settings .clevernode-settings-header__logo {\n    width: 138px;\n  }\n  body.toplevel_page_clevernode-settings .form-table,\n  body.toplevel_page_clevernode-settings .form-table tbody,\n  body.toplevel_page_clevernode-settings .form-table tr,\n  body.toplevel_page_clevernode-settings .form-table th,\n  body.toplevel_page_clevernode-settings .form-table td {\n    display: block;\n    width: 100%;\n  }\n  body.toplevel_page_clevernode-settings .form-table > tbody > tr > th,\n  body.toplevel_page_clevernode-settings .form-table > tbody > tr > td {\n    border-radius: 18px;\n  }\n  body.toplevel_page_clevernode-settings .form-table > tbody > tr > th {\n    margin: 8px;\n  }\n  body.toplevel_page_clevernode-settings .group {\n    padding: 20px;\n  }\n}\n\n@keyframes slideIn {\n  0% {\n    right: -200%;\n  }\n  100% {\n    right: 10px;\n  }\n}\n@keyframes slideOut {\n  0% {\n    right: 10px;\n  }\n  100% {\n    right: -200%;\n  }\n}\n\n/*# sourceMappingURL=style.css.map */"]}