/*
 * ==========================================================
 * VALORIUM ADMIN
 * CONFIGURACOES - F6.1B
 * FUNDACAO ESTRUTURAL
 * ==========================================================
 */

#adminSettingsPage {
    display: none;
}

#adminSettingsPage.active {
    display: block;
}


.settings-page {
    padding-bottom: 22px;
}


.settings-hero {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border: 1px solid rgba(205, 165, 0, .23);
    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(213, 174, 0, .08),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            #181a1d,
            #121416
        );
}


.settings-hero::after {
    content: "";
    position: absolute;
    right: -85px;
    bottom: -105px;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(218, 177, 0, .08),
            transparent 68%
        );
    pointer-events: none;
}


.settings-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}


.settings-eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #e3b900;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .095em;
    text-transform: uppercase;
}


.settings-hero h2 {
    margin: 0;
    color: #f5f5f6;
    font-size: 24px;
    line-height: 1.15;
}


.settings-hero p {
    max-width: 720px;
    margin: 11px 0 0;
    color: #858b92;
    font-size: 10px;
    line-height: 1.7;
}


.settings-environment {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 29px;
    padding: 0 10px;
    border: 1px solid rgba(218, 177, 0, .22);
    border-radius: 999px;
    color: #d9b619;
    background: rgba(218, 177, 0, .04);
    font-size: 8px;
    font-weight: 800;
}


.settings-environment-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #dfb900;
}


.settings-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 13px;
    padding: 6px;
    overflow-x: auto;
    border: 1px solid #25282c;
    border-radius: 11px;
    background: #141618;
}


.settings-nav-button {
    flex: none;
    min-height: 35px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #777e85;
    background: transparent;
    cursor: pointer;
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}


.settings-nav-button:hover {
    color: #d8dade;
    background: #191b1e;
}


.settings-nav-button.active {
    border-color: rgba(211, 172, 0, .27);
    color: #e6c02a;
    background:
        linear-gradient(
            145deg,
            rgba(218, 177, 0, .08),
            rgba(218, 177, 0, .025)
        );
}


.settings-section {
    display: none;
    margin-top: 12px;
}


.settings-section.active {
    display: block;
}


.settings-overview-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 10px;
}


.settings-category-card {
    position: relative;
    min-height: 190px;
    padding: 17px;
    overflow: hidden;
    border: 1px solid #25282c;
    border-radius: 11px;
    background:
        linear-gradient(
            145deg,
            #181a1c,
            #141618
        );
}


.settings-category-icon {
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border: 1px solid rgba(215, 175, 0, .2);
    border-radius: 9px;
    color: #d8b400;
    background: rgba(215, 175, 0, .04);
    font-size: 14px;
}


.settings-category-card h3 {
    margin: 15px 0 0;
    color: #e9eaeb;
    font-size: 12px;
}


.settings-category-card p {
    min-height: 46px;
    margin: 8px 0 0;
    color: #737a81;
    font-size: 8px;
    line-height: 1.6;
}


.settings-category-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 14px;
    border: 0;
    padding: 0;
    color: #caa900;
    background: transparent;
    cursor: pointer;
    font-size: 8px;
    font-weight: 800;
}


.settings-category-action:hover {
    color: #e4c32c;
}


.settings-panel {
    overflow: hidden;
    border: 1px solid #25282c;
    border-radius: 12px;
    background:
        linear-gradient(
            145deg,
            #181a1c,
            #141618
        );
}


.settings-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 17px;
    border-bottom: 1px solid #25282c;
}


.settings-panel-header h3 {
    margin: 4px 0 0;
    color: #ededee;
    font-size: 14px;
}


.settings-panel-header p {
    max-width: 680px;
    margin: 6px 0 0;
    color: #70777e;
    font-size: 8px;
    line-height: 1.55;
}


.settings-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid #30343a;
    border-radius: 999px;
    color: #8c939a;
    background: #141618;
    font-size: 7px;
    font-weight: 850;
    text-transform: uppercase;
}


.settings-badge.foundation {
    border-color: rgba(210, 171, 0, .22);
    color: #dab81b;
}


.settings-list {
    display: grid;
    gap: 8px;
    padding: 14px;
}


.settings-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    min-height: 55px;
    padding: 0 13px;
    border: 1px solid #25282c;
    border-radius: 9px;
    background: #151719;
}


.settings-list-copy {
    min-width: 0;
}


.settings-list-copy strong {
    display: block;
    color: #d8dade;
    font-size: 9px;
}


.settings-list-copy small {
    display: block;
    margin-top: 5px;
    color: #686f76;
    font-size: 8px;
    line-height: 1.45;
}


.settings-list-state {
    flex: none;
    color: #8b9299;
    font-size: 8px;
    font-weight: 800;
}


.settings-list-state.ready {
    color: #d9b718;
}


.settings-integrations-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
}


.settings-integration-card {
    min-height: 177px;
    padding: 15px;
    border: 1px solid #272a2e;
    border-radius: 10px;
    background: #151719;
}


.settings-integration-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}


.settings-integration-icon {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(215, 175, 0, .2);
    border-radius: 8px;
    color: #dbb600;
    background: rgba(215, 175, 0, .04);
    font-size: 13px;
}


.settings-integration-status {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid #30343a;
    border-radius: 999px;
    color: #8b9298;
    font-size: 7px;
    font-weight: 850;
    text-transform: uppercase;
}


.settings-integration-card h4 {
    margin: 13px 0 0;
    color: #eaebec;
    font-size: 10px;
}


.settings-integration-card p {
    min-height: 40px;
    margin: 7px 0 0;
    color: #6c737a;
    font-size: 8px;
    line-height: 1.55;
}


.settings-integration-action {
    margin-top: 13px;
    border: 0;
    padding: 0;
    color: #cbaa09;
    background: transparent;
    cursor: pointer;
    font-size: 8px;
    font-weight: 800;
}


.settings-note {
    margin-top: 11px;
    padding: 11px 13px;
    border: 1px solid rgba(209, 170, 0, .16);
    border-radius: 9px;
    color: #777e85;
    background: rgba(209, 170, 0, .025);
    font-size: 8px;
    line-height: 1.55;
}


.settings-note strong {
    color: #d7b617;
}


@media (max-width: 1180px) {

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

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

}


@media (max-width: 700px) {

    .settings-hero-content {
        flex-direction: column;
    }

    .settings-overview-grid,
    .settings-integrations-grid {
        grid-template-columns: 1fr;
    }

    .settings-panel-header {
        flex-direction: column;
    }

}


/* ==========================================================
   F6.2B - VALORIUM SISTEMAS
   ========================================================== */

.settings-connector-detail[hidden] {
    display: none !important;
}


.settings-connector-detail {
    margin: 14px;
    overflow: hidden;
    border: 1px solid #282b2f;
    border-radius: 12px;
    background:
        linear-gradient(
            145deg,
            #181a1c,
            #131517
        );
}


.settings-connector-detail-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 15px;
    border-bottom: 1px solid #26292d;
}


.settings-back-button {
    border: 0;
    padding: 0;
    color: #c9a900;
    background: transparent;
    cursor: pointer;
    font-size: 8px;
    font-weight: 800;
}


.settings-back-button:hover {
    color: #ebc72b;
}


.settings-connector-status {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid #34383d;
    border-radius: 999px;
    color: #8d949b;
    background: #141618;
    font-size: 7px;
    font-weight: 850;
    text-transform: uppercase;
}


.settings-connector-status.operational {
    border-color: rgba(75, 203, 103, .24);
    color: #6ee488;
    background: rgba(61, 171, 85, .05);
}


.settings-connector-status.disabled {
    border-color: rgba(218, 177, 0, .23);
    color: #dab91d;
}


.settings-connector-status.warning {
    border-color: rgba(229, 93, 93, .22);
    color: #e66c6c;
}


.settings-connector-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 20px;
    border-bottom: 1px solid #26292d;
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(215, 175, 0, .07),
            transparent 36%
        );
}


.settings-connector-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}


.settings-connector-brand-icon {
    display: grid;
    width: 47px;
    height: 47px;
    flex: 0 0 47px;
    place-items: center;
    border: 1px solid rgba(218, 177, 0, .24);
    border-radius: 11px;
    color: #e2bb0a;
    background: rgba(218, 177, 0, .05);
    font-size: 17px;
    font-weight: 800;
}


.settings-connector-brand h4 {
    margin: 0;
    color: #f0f1f2;
    font-size: 15px;
}


.settings-connector-brand p {
    max-width: 610px;
    margin: 6px 0 0;
    color: #747b82;
    font-size: 8px;
    line-height: 1.55;
}


.settings-connector-mode {
    flex: none;
    min-width: 145px;
    padding: 10px 12px;
    border: 1px solid #2b2f33;
    border-radius: 9px;
    background: #141618;
}


.settings-connector-mode span,
.settings-connector-mode strong {
    display: block;
}


.settings-connector-mode span {
    color: #6f767d;
    font-size: 7px;
}


.settings-connector-mode strong {
    margin-top: 4px;
    color: #d7b619;
    font-size: 8px;
}


.settings-config-loading,
.settings-config-error {
    margin: 15px;
    padding: 17px;
    border: 1px solid #292c30;
    border-radius: 9px;
    color: #8b9299;
    background: #151719;
    font-size: 9px;
}


.settings-config-error {
    border-color: rgba(223, 86, 86, .2);
    color: #e16c6c;
}


.settings-config-body[hidden],
.settings-config-error[hidden] {
    display: none !important;
}


.settings-config-summary {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding: 15px 15px 0;
}


.settings-config-summary article {
    padding: 12px;
    border: 1px solid #282b2f;
    border-radius: 9px;
    background: #151719;
}


.settings-config-summary span,
.settings-config-summary strong {
    display: block;
}


.settings-config-summary span {
    color: #727980;
    font-size: 7px;
}


.settings-config-summary strong {
    margin-top: 5px;
    color: #e0e1e2;
    font-size: 10px;
}


.settings-config-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 15px;
}


.settings-config-field {
    display: block;
}


.settings-config-field > span {
    display: block;
    margin-bottom: 7px;
    color: #a6abb0;
    font-size: 8px;
    font-weight: 800;
}


.settings-config-field input {
    width: 100%;
    min-height: 39px;
    box-sizing: border-box;
    border: 1px solid #303439;
    border-radius: 8px;
    outline: none;
    padding: 0 11px;
    color: #c5c9cc;
    background: #121416;
    font: inherit;
    font-size: 8px;
}


.settings-config-field input[readonly] {
    cursor: default;
}


.settings-config-field small {
    display: block;
    margin-top: 6px;
    color: #5f666d;
    font-size: 7px;
    line-height: 1.45;
}


.settings-config-input-unit {
    display: flex;
    align-items: stretch;
}


.settings-config-input-unit input {
    border-radius: 8px 0 0 8px;
}


.settings-config-input-unit span {
    display: flex;
    min-width: 74px;
    align-items: center;
    justify-content: center;
    border: 1px solid #303439;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    color: #6f767d;
    background: #181a1d;
    font-size: 7px;
}


.settings-config-security {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 15px 15px;
    padding: 14px;
    border: 1px solid rgba(213, 174, 0, .18);
    border-radius: 9px;
    background: rgba(213, 174, 0, .025);
}


.settings-config-security strong {
    color: #d8b718;
    font-size: 9px;
}


.settings-config-security p {
    max-width: 700px;
    margin: 5px 0 0;
    color: #727980;
    font-size: 8px;
    line-height: 1.5;
}


.settings-config-save {
    flex: none;
    min-height: 35px;
    padding: 0 13px;
    border: 1px solid #30343a;
    border-radius: 8px;
    color: #777e85;
    background: #181a1c;
    font-size: 8px;
    font-weight: 800;
}


.settings-config-save:disabled {
    cursor: not-allowed;
    opacity: .75;
}


@media (max-width: 840px) {

    .settings-connector-header,
    .settings-config-security {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-connector-mode {
        min-width: 0;
    }

    .settings-config-summary,
    .settings-config-grid {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   F6.4B - WHATSAPP FOUNDATION
   ========================================================== */

.settings-whatsapp-brand-icon {
    color: #58d879;
    border-color: rgba(72, 199, 103, .22);
    background: rgba(72, 199, 103, .045);
}


.settings-whatsapp-mode-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 15px;
}


.settings-whatsapp-mode-card {
    padding: 16px;
    border: 1px solid #292d31;
    border-radius: 10px;
    background: #151719;
}


.settings-whatsapp-mode-card.current {
    border-color: rgba(70, 198, 101, .18);
}


.settings-whatsapp-mode-card.future {
    border-color: rgba(216, 177, 0, .17);
}


.settings-whatsapp-mode-kicker {
    display: block;
    color: #777f86;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .07em;
}


.settings-whatsapp-mode-card.current
.settings-whatsapp-mode-kicker {
    color: #61d980;
}


.settings-whatsapp-mode-card.future
.settings-whatsapp-mode-kicker {
    color: #d5b41a;
}


.settings-whatsapp-mode-card h5 {
    margin: 8px 0 0;
    color: #e8e9ea;
    font-size: 11px;
}


.settings-whatsapp-mode-card > p {
    min-height: 39px;
    margin: 7px 0 0;
    color: #70777e;
    font-size: 8px;
    line-height: 1.55;
}


.settings-whatsapp-state-list {
    display: grid;
    gap: 7px;
    margin-top: 14px;
}


.settings-whatsapp-state-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 35px;
    padding: 0 10px;
    border: 1px solid #292d31;
    border-radius: 7px;
    background: #121416;
}


.settings-whatsapp-state-list span {
    color: #70777e;
    font-size: 7px;
}


.settings-whatsapp-state-list strong {
    color: #c5c9cc;
    font-size: 7px;
    font-weight: 800;
    text-align: right;
}


.settings-whatsapp-capabilities {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 15px 15px;
}


.settings-whatsapp-capability {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid #2c3034;
    border-radius: 999px;
    color: #777f86;
    background: #151719;
    font-size: 7px;
    font-weight: 750;
}


@media (max-width: 840px) {

    .settings-whatsapp-mode-grid {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   F6.5B - PAYMENT GATEWAY FOUNDATION
   ========================================================== */

.settings-payments-brand-icon {
    color: #e4bc22;
    border-color: rgba(228, 188, 34, .20);
    background: rgba(228, 188, 34, .045);
}

.settings-payment-foundation-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 15px;
}

.settings-payment-foundation-card {
    padding: 16px;
    border: 1px solid #292d31;
    border-radius: 10px;
    background: #151719;
}

.settings-payment-kicker {
    display: block;
    color: #d4b323;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .07em;
}

.settings-payment-foundation-card h5 {
    margin: 8px 0 0;
    color: #e8e9ea;
    font-size: 11px;
}

.settings-payment-foundation-card p {
    margin: 7px 0 0;
    color: #70777e;
    font-size: 8px;
    line-height: 1.55;
}

.settings-payment-state-list {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 0 15px 15px;
}

.settings-payment-state-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid #292d31;
    border-radius: 7px;
    background: #121416;
}

.settings-payment-state-list span {
    color: #70777e;
    font-size: 7px;
}

.settings-payment-state-list strong {
    color: #c7cbce;
    font-size: 7px;
    font-weight: 800;
    text-align: right;
}

@media (max-width: 840px) {

    .settings-payment-foundation-grid,
    .settings-payment-state-list {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   F6.5D - PAYMENT PROVIDER FRAMEWORK
   ========================================================== */

.settings-provider-framework {
    margin: 0 15px 15px;
    padding: 16px;
    border: 1px solid #292d31;
    border-radius: 10px;
    background: #121416;
}

.settings-provider-framework-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.settings-provider-framework-head h5 {
    margin: 7px 0 0;
    color: #e8e9ea;
    font-size: 11px;
}

.settings-provider-framework-head p {
    max-width: 620px;
    margin: 7px 0 0;
    color: #70777e;
    font-size: 8px;
    line-height: 1.55;
}

.settings-provider-framework-badge {
    flex: none;
    padding: 6px 9px;
    border: 1px solid rgba(228, 188, 34, .22);
    border-radius: 999px;
    color: #d6b622;
    background: rgba(228, 188, 34, .035);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .04em;
}

.settings-provider-catalog {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

.settings-provider-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 74px;
    padding: 12px 13px;
    border: 1px solid #292d31;
    border-radius: 8px;
    background: #151719;
    text-align: left;
}

.settings-provider-option-copy {
    min-width: 0;
}

.settings-provider-option-copy strong {
    display: block;
    color: #d9dcde;
    font-size: 9px;
}

.settings-provider-option-copy span {
    display: block;
    margin-top: 5px;
    color: #686f75;
    font-size: 7px;
    line-height: 1.45;
}

.settings-provider-option-state {
    flex: none;
    padding: 5px 7px;
    border: 1px solid #303438;
    border-radius: 999px;
    color: #737a80;
    font-size: 6px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.settings-provider-option.ready {
    cursor: pointer;
    border-color: rgba(65, 196, 104, .28);
}

.settings-provider-option.ready
.settings-provider-option-state {
    color: #59d67e;
    border-color: rgba(65, 196, 104, .28);
    background: rgba(65, 196, 104, .045);
}

.settings-provider-option.pending {
    cursor: default;
    opacity: .88;
}

.settings-provider-fields {
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid #282c30;
}

.settings-provider-fields-head h5 {
    margin: 7px 0 0;
    color: #e6e8e9;
    font-size: 10px;
}

.settings-provider-fields-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.settings-provider-field {
    display: grid;
    gap: 6px;
}

.settings-provider-field label {
    color: #777e84;
    font-size: 7px;
}

.settings-provider-field input {
    min-height: 36px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #2a2e32;
    border-radius: 7px;
    color: #cfd2d4;
    background: #101214;
    font-size: 8px;
}

.settings-provider-field input:disabled {
    opacity: .6;
}

.settings-provider-empty {
    grid-column: 1 / -1;
    padding: 14px;
    border: 1px dashed #303438;
    border-radius: 8px;
    color: #747b80;
    font-size: 8px;
    text-align: center;
}

@media (max-width: 840px) {

    .settings-provider-catalog,
    .settings-provider-fields-grid {
        grid-template-columns: 1fr;
    }

    .settings-provider-framework-head {
        flex-direction: column;
    }

}


/*
 * ==========================================================
 * SITE_SETTINGS_1D
 * CONFIGURAÇÕES DO SITE
 * ==========================================================
 */

.settings-site-shell {
    display: grid;
    gap: 12px;
}


.settings-site-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 21px;
    border: 1px solid #282b2f;
    border-radius: 12px;
    background:
        radial-gradient(
            circle at 92% 0%,
            rgba(218, 177, 0, .09),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #191b1e,
            #131517
        );
}


.settings-site-hero::after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -78px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(218, 177, 0, .07),
            transparent 69%
        );
    pointer-events: none;
}


.settings-site-hero-copy {
    position: relative;
    z-index: 1;
}


.settings-site-hero h3 {
    margin: 5px 0 0;
    color: #f1f2f3;
    font-size: 17px;
}


.settings-site-hero p {
    max-width: 660px;
    margin: 7px 0 0;
    color: #747b82;
    font-size: 8px;
    line-height: 1.6;
}


.settings-site-health {
    position: relative;
    z-index: 1;
    min-width: 165px;
    padding: 11px 13px;
    border: 1px solid rgba(218, 177, 0, .19);
    border-radius: 9px;
    background: rgba(218, 177, 0, .025);
}


.settings-site-health span,
.settings-site-health strong {
    display: block;
}


.settings-site-health span {
    color: #71787f;
    font-size: 7px;
}


.settings-site-health strong {
    margin-top: 5px;
    color: #deb91a;
    font-size: 8px;
}


.settings-site-loading,
.settings-site-error {
    padding: 16px;
    border: 1px solid #292d31;
    border-radius: 10px;
    color: #858c93;
    background: #151719;
    font-size: 8px;
}


.settings-site-error {
    border-color: rgba(222, 82, 82, .22);
    color: #e36f6f;
}


.settings-site-error[hidden],
.settings-site-body[hidden] {
    display: none !important;
}


.settings-site-body {
    display: grid;
    gap: 12px;
}


.settings-site-card {
    overflow: hidden;
    border: 1px solid #282b2f;
    border-radius: 12px;
    background:
        linear-gradient(
            145deg,
            #181a1c,
            #141618
        );
}


.settings-site-card-head {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px;
    border-bottom: 1px solid #272a2e;
}


.settings-site-card-head-copy {
    flex: 1;
}


.settings-site-card-icon {
    display: grid;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    place-items: center;
    border: 1px solid rgba(218, 177, 0, .22);
    border-radius: 10px;
    color: #deb800;
    background: rgba(218, 177, 0, .045);
    font-size: 15px;
}


.settings-site-kicker {
    display: block;
    color: #cbaa0c;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .08em;
}


.settings-site-card-head h4 {
    margin: 5px 0 0;
    color: #ebeced;
    font-size: 12px;
}


.settings-site-card-head p {
    max-width: 680px;
    margin: 5px 0 0;
    color: #70777e;
    font-size: 8px;
    line-height: 1.5;
}


.settings-delivery-mode-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 15px;
}


.settings-delivery-mode-card {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 76px;
    padding: 13px;
    box-sizing: border-box;
    border: 1px solid #2b2e32;
    border-radius: 10px;
    background: #151719;
}


.settings-delivery-mode-card.active {
    border-color: rgba(218, 177, 0, .27);
    background:
        linear-gradient(
            145deg,
            rgba(218, 177, 0, .055),
            rgba(218, 177, 0, .015)
        );
}


.settings-delivery-mode-card.locked {
    opacity: .63;
}


.settings-delivery-mode-card input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}


.settings-delivery-mode-radio {
    position: relative;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    border: 1px solid #4a4f54;
    border-radius: 50%;
}


.settings-delivery-mode-card.active
.settings-delivery-mode-radio {
    border-color: #d6b10b;
}


.settings-delivery-mode-card.active
.settings-delivery-mode-radio::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: #d8b408;
}


.settings-delivery-mode-copy {
    flex: 1;
    min-width: 0;
}


.settings-delivery-mode-copy strong,
.settings-delivery-mode-copy small {
    display: block;
}


.settings-delivery-mode-copy strong {
    color: #e2e4e5;
    font-size: 9px;
}


.settings-delivery-mode-copy small {
    margin-top: 4px;
    color: #6e757c;
    font-size: 7px;
    line-height: 1.45;
}


.settings-delivery-mode-status {
    flex: none;
    padding: 5px 7px;
    border: 1px solid #34383c;
    border-radius: 999px;
    font-size: 6px;
    font-weight: 850;
    text-transform: uppercase;
}


.settings-delivery-mode-status.ready {
    border-color: rgba(71, 194, 99, .22);
    color: #62d77d;
}


.settings-delivery-mode-status.preparing {
    border-color: rgba(218, 177, 0, .21);
    color: #cfad16;
}


.settings-delivery-fixed {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    padding: 0 15px 15px;
}


.settings-delivery-fixed > div {
    width: min(330px, 100%);
}


.settings-site-field-label {
    display: block;
    margin-bottom: 7px;
    color: #a5aab0;
    font-size: 8px;
    font-weight: 800;
}


.settings-money-field {
    display: flex;
    align-items: stretch;
}


.settings-money-field > span {
    display: flex;
    min-width: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #303439;
    border-right: 0;
    border-radius: 8px 0 0 8px;
    color: #d4b416;
    background: #191b1e;
    font-size: 8px;
    font-weight: 850;
}


.settings-money-field input {
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    border: 1px solid #303439;
    border-radius: 0 8px 8px 0;
    outline: none;
    padding: 0 12px;
    color: #e0e2e3;
    background: #111315;
    font: inherit;
    font-size: 10px;
}


.settings-money-field input:focus,
.settings-band-input-unit input:focus {
    border-color: rgba(218, 177, 0, .48);
}


.settings-delivery-fixed small {
    display: block;
    margin-top: 6px;
    color: #626970;
    font-size: 7px;
    line-height: 1.5;
}


.settings-site-primary-button,
.settings-site-secondary-button {
    min-height: 36px;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0 12px;
    cursor: pointer;
    font-size: 8px;
    font-weight: 850;
}


.settings-site-primary-button {
    border: 1px solid rgba(218, 177, 0, .32);
    color: #151515;
    background:
        linear-gradient(
            135deg,
            #e1bd17,
            #cda800
        );
}


.settings-site-primary-button:hover {
    filter: brightness(1.06);
}


.settings-site-secondary-button {
    margin-left: auto;
    border: 1px solid #33373b;
    color: #bfc3c7;
    background: #17191b;
}


.settings-site-primary-button:disabled,
.settings-site-secondary-button:disabled {
    cursor: not-allowed;
    opacity: .55;
}


.settings-site-divider {
    height: 1px;
    margin: 0 15px;
    background: #26292d;
}


.settings-delivery-bands {
    padding: 15px;
}


.settings-delivery-bands-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}


.settings-delivery-bands-head h5 {
    margin: 5px 0 0;
    color: #e3e5e6;
    font-size: 10px;
}


.settings-delivery-bands-head p {
    max-width: 660px;
    margin: 5px 0 0;
    color: #6c737a;
    font-size: 7px;
    line-height: 1.5;
}


.settings-delivery-band-list {
    display: grid;
    gap: 7px;
    margin-top: 13px;
}


.settings-delivery-band-row {
    display: grid;
    grid-template-columns:
        35px
        minmax(0, 1fr)
        minmax(0, 1fr)
        34px;
    gap: 8px;
    align-items: end;
    padding: 10px;
    border: 1px solid #292d31;
    border-radius: 9px;
    background: #131517;
}


.settings-delivery-band-index {
    display: flex;
    height: 39px;
    align-items: center;
    justify-content: center;
}


.settings-delivery-band-index span {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    border: 1px solid rgba(218, 177, 0, .2);
    border-radius: 7px;
    color: #d0ad13;
    font-size: 7px;
    font-weight: 850;
}


.settings-delivery-band-row label > span {
    display: block;
    margin-bottom: 5px;
    color: #7b8289;
    font-size: 7px;
}


.settings-band-input-unit {
    display: flex;
}


.settings-band-input-unit input {
    width: 100%;
    min-height: 39px;
    box-sizing: border-box;
    border: 1px solid #303439;
    outline: none;
    padding: 0 10px;
    color: #dadddf;
    background: #111315;
    font: inherit;
    font-size: 8px;
}


.settings-band-input-unit b {
    display: flex;
    min-width: 39px;
    align-items: center;
    justify-content: center;
    border: 1px solid #303439;
    color: #777e85;
    background: #191b1e;
    font-size: 7px;
}


.settings-band-input-unit:not(.money) input {
    border-radius: 7px 0 0 7px;
}


.settings-band-input-unit:not(.money) b {
    border-left: 0;
    border-radius: 0 7px 7px 0;
}


.settings-band-input-unit.money b {
    border-right: 0;
    border-radius: 7px 0 0 7px;
    color: #c7a80e;
}


.settings-band-input-unit.money input {
    border-radius: 0 7px 7px 0;
}


.settings-band-remove {
    width: 34px;
    height: 39px;
    border: 1px solid rgba(222, 85, 85, .18);
    border-radius: 7px;
    color: #db6969;
    background: rgba(222, 85, 85, .035);
    cursor: pointer;
    font-size: 17px;
}


.settings-delivery-bands-empty {
    display: grid;
    place-items: center;
    min-height: 90px;
    border: 1px dashed #303439;
    border-radius: 9px;
    color: #676e75;
    background: #131517;
    text-align: center;
}


.settings-delivery-bands-empty strong,
.settings-delivery-bands-empty span {
    display: block;
}


.settings-delivery-bands-empty strong {
    color: #a6abb0;
    font-size: 8px;
}


.settings-delivery-bands-empty span {
    margin-top: 5px;
    font-size: 7px;
}


.settings-site-footer-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(218, 177, 0, .14);
    border-radius: 9px;
    background: rgba(218, 177, 0, .02);
}


.settings-site-footer-action strong {
    color: #d1b019;
    font-size: 8px;
}


.settings-site-footer-action p {
    margin: 4px 0 0;
    color: #696f76;
    font-size: 7px;
}


.settings-site-feedback {
    margin: 0 15px 15px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 8px;
}


.settings-site-feedback.success {
    border: 1px solid rgba(72, 196, 99, .21);
    color: #68d981;
    background: rgba(72, 196, 99, .04);
}


.settings-site-feedback.error {
    border: 1px solid rgba(222, 85, 85, .22);
    color: #e36c6c;
    background: rgba(222, 85, 85, .04);
}


.settings-banners-summary {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 15px;
}


.settings-banners-summary > div {
    padding: 11px;
    border: 1px solid #292d31;
    border-radius: 9px;
    background: #151719;
}


.settings-banners-summary span,
.settings-banners-summary strong {
    display: block;
}


.settings-banners-summary span {
    color: #6f767d;
    font-size: 7px;
}


.settings-banners-summary strong {
    margin-top: 5px;
    color: #dcdedf;
    font-size: 9px;
}


.settings-banner-list {
    display: grid;
    gap: 9px;
    padding: 0 15px 15px;
}


.settings-banner-card {
    display: grid;
    grid-template-columns:
        minmax(190px, 260px)
        1fr;
    overflow: hidden;
    border: 1px solid #292d31;
    border-radius: 10px;
    background: #141618;
}


.settings-banner-preview {
    position: relative;
    min-height: 112px;
    overflow: hidden;
    background: #101214;
}


.settings-banner-preview img {
    width: 100%;
    height: 100%;
    min-height: 112px;
    object-fit: cover;
    display: block;
}


.settings-banner-preview > span {
    position: absolute;
    top: 9px;
    left: 9px;
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 7px;
    color: #fff;
    background: rgba(11, 13, 15, .72);
    font-size: 7px;
    font-weight: 850;
    backdrop-filter: blur(5px);
}


.settings-banner-content {
    padding: 13px;
}


.settings-banner-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}


.settings-banner-title-row strong,
.settings-banner-title-row small {
    display: block;
}


.settings-banner-title-row strong {
    color: #e0e2e3;
    font-size: 9px;
}


.settings-banner-title-row small {
    margin-top: 5px;
    color: #626970;
    font-size: 7px;
}


.settings-banner-state {
    flex: none;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 6px;
    font-weight: 850;
    text-transform: uppercase;
}


.settings-banner-state.active {
    border: 1px solid rgba(70, 194, 98, .2);
    color: #63d77c;
    background: rgba(70, 194, 98, .035);
}


.settings-banner-state.inactive {
    border: 1px solid #34383c;
    color: #858c93;
}


.settings-banner-meta {
    display: flex;
    gap: 7px;
    margin-top: 11px;
}


.settings-banner-meta span {
    padding: 5px 7px;
    border: 1px solid #2b2f33;
    border-radius: 6px;
    color: #6e757c;
    background: #111315;
    font-size: 7px;
}


.settings-banner-meta b {
    color: #babec2;
}


.settings-banner-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}


.settings-banner-actions button {
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid #303439;
    border-radius: 7px;
    color: #7b8289;
    background: #181a1c;
    font-size: 7px;
    font-weight: 800;
}


.settings-banner-actions button:disabled {
    cursor: not-allowed;
    opacity: .55;
}


.settings-banner-actions button.danger {
    border-color: rgba(221, 84, 84, .17);
    color: #bf6868;
}


.settings-banner-lock-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 15px 15px;
    padding: 12px;
    border: 1px solid rgba(218, 177, 0, .15);
    border-radius: 9px;
    background: rgba(218, 177, 0, .02);
}


.settings-banner-lock-note > span {
    font-size: 12px;
}


.settings-banner-lock-note strong {
    color: #d2b115;
    font-size: 8px;
}


.settings-banner-lock-note p {
    margin: 4px 0 0;
    color: #6c737a;
    font-size: 7px;
    line-height: 1.5;
}


.settings-banner-empty {
    min-height: 100px;
    display: grid;
    place-items: center;
    border: 1px dashed #303439;
    border-radius: 9px;
    color: #737a81;
    font-size: 8px;
}


@media (max-width: 840px) {

    .settings-site-hero,
    .settings-delivery-fixed,
    .settings-delivery-bands-head,
    .settings-site-footer-action {
        flex-direction: column;
        align-items: stretch;
    }


    .settings-site-health {
        min-width: 0;
    }


    .settings-delivery-mode-grid,
    .settings-banners-summary {
        grid-template-columns: 1fr;
    }


    .settings-site-secondary-button {
        margin-left: 0;
    }


    .settings-banner-card {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 620px) {

    .settings-delivery-band-row {
        grid-template-columns:
            31px
            1fr
            34px;
    }


    .settings-delivery-band-row label:nth-of-type(2) {
        grid-column:
            2 / 3;
    }


    .settings-band-remove {
        grid-column:
            3;
        grid-row:
            1;
    }

}


/*
 * ==========================================================
 * SITE_SETTINGS_1E2
 * BANNER ADMIN ACTIONS
 * ==========================================================
 */

.settings-banner-list {
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                min(100%, 520px),
                1fr
            )
        );
}


.settings-banner-card {
    grid-template-columns:
        minmax(210px, 38%)
        minmax(0, 1fr);
}


.settings-banner-actions button:not(:disabled) {
    cursor: pointer;
    color: #b8bdc2;
    transition:
        border-color .18s ease,
        color .18s ease,
        background .18s ease;
}


.settings-banner-actions button:not(:disabled):hover {
    border-color:
        rgba(218, 177, 0, .30);

    color:
        #e0bd18;

    background:
        rgba(218, 177, 0, .045);
}


.settings-banner-actions
button.danger:not(:disabled):hover {
    border-color:
        rgba(222, 85, 85, .30);

    color:
        #e36d6d;

    background:
        rgba(222, 85, 85, .045);
}


.settings-banner-lock-note.ready {
    border-color:
        rgba(70, 194, 98, .18);

    background:
        rgba(70, 194, 98, .025);
}


.settings-banner-lock-note.ready strong {
    color: #67d87f;
}


@media (max-width: 700px) {

    .settings-banner-card {
        grid-template-columns: 1fr;
    }

}


/*
 * ==========================================================
 * STORE_LOCATION_1A
 * ==========================================================
 */

.settings-location-card {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid #2b2f33;
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(218, 177, 0, .025),
            transparent 42%
        ),
        #111315;
}

.settings-location-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.settings-location-icon {
    flex: none;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(218, 177, 0, .20);
    border-radius: 11px;
    color: #dab100;
    background: rgba(218, 177, 0, .035);
    font-size: 18px;
}

.settings-location-head-copy {
    flex: 1;
    min-width: 0;
}

.settings-location-head-copy h3 {
    margin: 5px 0 0;
    color: #eceeef;
    font-size: 15px;
}

.settings-location-head-copy p {
    max-width: 720px;
    margin: 7px 0 0;
    color: #747b82;
    font-size: 9px;
    line-height: 1.6;
}

.settings-location-status {
    flex: none;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 7px;
    font-weight: 850;
    text-transform: uppercase;
}

.settings-location-status.pending {
    border: 1px solid rgba(218, 177, 0, .20);
    color: #d2b115;
    background: rgba(218, 177, 0, .035);
}

.settings-location-status.valid {
    border: 1px solid rgba(70, 194, 98, .20);
    color: #67d87f;
    background: rgba(70, 194, 98, .035);
}

.settings-location-note {
    margin-top: 18px;
    padding: 13px 14px;
    border: 1px solid rgba(218, 177, 0, .12);
    border-radius: 10px;
    background: rgba(218, 177, 0, .018);
}

.settings-location-note strong {
    color: #d8dade;
    font-size: 9px;
}

.settings-location-note p {
    margin: 5px 0 0;
    color: #6f767d;
    font-size: 8px;
    line-height: 1.55;
}

.settings-location-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 18px;
}

.settings-location-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.settings-location-field.span-2 {
    grid-column: span 2;
}

.settings-location-field > span {
    color: #8b9298;
    font-size: 8px;
    font-weight: 750;
}

.settings-location-field input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #303439;
    border-radius: 9px;
    outline: none;
    color: #e0e2e3;
    background: #151719;
    font-size: 9px;
}

.settings-location-field input:focus {
    border-color: rgba(218, 177, 0, .38);
    background: #181a1c;
}

.settings-location-coordinates {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.settings-location-coordinates > div {
    padding: 12px;
    border: 1px solid #282c30;
    border-radius: 9px;
    background: #0f1113;
}

.settings-location-coordinates span,
.settings-location-coordinates strong {
    display: block;
}

.settings-location-coordinates span {
    color: #686f76;
    font-size: 7px;
    text-transform: uppercase;
}

.settings-location-coordinates strong {
    margin-top: 5px;
    color: #b9bec2;
    font-size: 9px;
}

.settings-location-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding-top: 17px;
    border-top: 1px solid #25292d;
}

.settings-location-footer strong {
    color: #d4d7d9;
    font-size: 9px;
}

.settings-location-footer p {
    margin: 5px 0 0;
    color: #6e757c;
    font-size: 8px;
}

.settings-location-save {
    flex: none;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(218, 177, 0, .32);
    border-radius: 8px;
    cursor: pointer;
    color: #e2c530;
    background: rgba(218, 177, 0, .045);
    font-size: 8px;
    font-weight: 850;
}

.settings-location-save:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.settings-location-feedback {
    margin-top: 13px;
    padding: 11px 12px;
    border-radius: 8px;
    font-size: 8px;
}

.settings-location-feedback.success {
    border: 1px solid rgba(70, 194, 98, .18);
    color: #65d77d;
    background: rgba(70, 194, 98, .025);
}

.settings-location-feedback.error {
    border: 1px solid rgba(222, 85, 85, .18);
    color: #db6e6e;
    background: rgba(222, 85, 85, .025);
}

@media (max-width: 720px) {

    .settings-location-head,
    .settings-location-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-location-status {
        align-self: flex-start;
    }

    .settings-location-grid {
        grid-template-columns: 1fr;
    }

    .settings-location-field.span-2 {
        grid-column: auto;
    }

    .settings-location-coordinates {
        grid-template-columns: 1fr;
    }
}


/*
 * ==========================================================
 * STORE_LOCATION_UI_V2
 * Alinhamento visual da área de localização
 * ==========================================================
 */

.settings-location-shell {
    margin-top: 22px;
}

#settingsStoreLocationCard {
    display: block;
    width: 100%;
    padding: 26px;
    border: 1px solid rgba(218, 177, 0, .15);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at top right,
            rgba(218, 177, 0, .10),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(15, 18, 23, .98),
            rgba(10, 12, 16, .98)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .03),
        0 16px 40px rgba(0, 0, 0, .20);
}

#settingsStoreLocationCard,
#settingsStoreLocationCard * {
    box-sizing: border-box;
}

#settingsStoreLocationCard .settings-location-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

#settingsStoreLocationCard .settings-location-header-left {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
    flex: 1;
}

#settingsStoreLocationCard .settings-location-badge {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(218, 177, 0, .22);
    background: rgba(218, 177, 0, .06);
    color: #e1bd1a;
    font-size: 18px;
    flex: none;
}

#settingsStoreLocationCard .settings-location-title-wrap {
    min-width: 0;
    flex: 1;
}

#settingsStoreLocationCard .settings-location-eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: #e1bd1a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

#settingsStoreLocationCard .settings-location-title {
    margin: 0;
    color: #f5f7fa;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
}

#settingsStoreLocationCard .settings-location-subtitle {
    margin: 10px 0 0;
    max-width: 760px;
    color: #98a2ad;
    font-size: 13px;
    line-height: 1.65;
}

#settingsStoreLocationCard .settings-location-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .04em;
}

#settingsStoreLocationCard .settings-location-status-pill.is-pending {
    color: #e1bd1a;
    border: 1px solid rgba(218, 177, 0, .22);
    background: rgba(218, 177, 0, .06);
}

#settingsStoreLocationCard .settings-location-status-pill.is-valid {
    color: #70db8c;
    border: 1px solid rgba(80, 215, 114, .22);
    background: rgba(80, 215, 114, .06);
}

#settingsStoreLocationCard .settings-location-highlight {
    margin-top: 20px;
    padding: 16px 18px;
    border: 1px solid rgba(218, 177, 0, .12);
    border-radius: 14px;
    background: rgba(218, 177, 0, .03);
}

#settingsStoreLocationCard .settings-location-highlight strong {
    display: block;
    color: #f0f3f7;
    font-size: 13px;
    font-weight: 700;
}

#settingsStoreLocationCard .settings-location-highlight p {
    margin: 8px 0 0;
    color: #96a0ab;
    font-size: 12px;
    line-height: 1.65;
}

#settingsStoreLocationCard .settings-location-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

#settingsStoreLocationCard .settings-location-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

#settingsStoreLocationCard .settings-location-field.span-2 {
    grid-column: span 2;
}

#settingsStoreLocationCard .settings-location-field > span {
    color: #9aa3ae;
    font-size: 11px;
    font-weight: 700;
}

#settingsStoreLocationCard .settings-location-field input {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid #28313a !important;
    background: #151a20 !important;
    color: #f0f3f7 !important;
    outline: none;
    box-shadow: none;
    font-size: 13px;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}

#settingsStoreLocationCard .settings-location-field input::placeholder {
    color: #79838d;
}

#settingsStoreLocationCard .settings-location-field input:focus {
    border-color: rgba(218, 177, 0, .40) !important;
    box-shadow: 0 0 0 3px rgba(218, 177, 0, .10);
    background: #171d24 !important;
}

#settingsStoreLocationCard .settings-location-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

#settingsStoreLocationCard .settings-location-meta-card {
    padding: 16px 16px 14px;
    border: 1px solid #252c34;
    border-radius: 14px;
    background: rgba(255, 255, 255, .02);
}

#settingsStoreLocationCard .settings-location-meta-card span {
    display: block;
    color: #8f99a4;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

#settingsStoreLocationCard .settings-location-meta-card strong {
    display: block;
    margin-top: 8px;
    color: #f1f4f8;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

#settingsStoreLocationCard .settings-location-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

#settingsStoreLocationCard .settings-location-footer-copy {
    min-width: 0;
    flex: 1;
}

#settingsStoreLocationCard .settings-location-footer-copy strong {
    display: block;
    color: #f0f3f7;
    font-size: 13px;
    font-weight: 700;
}

#settingsStoreLocationCard .settings-location-footer-copy p {
    margin: 8px 0 0;
    color: #95a0ab;
    font-size: 12px;
    line-height: 1.65;
}

#settingsStoreLocationCard .settings-location-save-btn {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgba(218, 177, 0, .26);
    background:
        linear-gradient(
            180deg,
            rgba(236, 197, 22, .92),
            rgba(191, 149, 8, .92)
        );
    color: #0d0f12;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .14);
}

#settingsStoreLocationCard .settings-location-save-btn:hover:not(:disabled) {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

#settingsStoreLocationCard .settings-location-save-btn:disabled {
    cursor: not-allowed;
    opacity: .60;
    filter: none;
    transform: none;
}

#settingsStoreLocationCard .settings-location-feedback {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.55;
}

#settingsStoreLocationCard .settings-location-feedback.success {
    color: #79df94;
    border: 1px solid rgba(80, 215, 114, .18);
    background: rgba(80, 215, 114, .06);
}

#settingsStoreLocationCard .settings-location-feedback.error {
    color: #f08c8c;
    border: 1px solid rgba(235, 96, 96, .18);
    background: rgba(235, 96, 96, .06);
}

@media (max-width: 1100px) {
    #settingsStoreLocationCard .settings-location-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #settingsStoreLocationCard .settings-location-meta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    #settingsStoreLocationCard {
        padding: 20px;
    }

    #settingsStoreLocationCard .settings-location-header,
    #settingsStoreLocationCard .settings-location-header-left,
    #settingsStoreLocationCard .settings-location-footer {
        flex-direction: column;
        align-items: stretch;
    }

    #settingsStoreLocationCard .settings-location-status-pill {
        align-self: flex-start;
    }

    #settingsStoreLocationCard .settings-location-grid {
        grid-template-columns: 1fr;
    }

    #settingsStoreLocationCard .settings-location-field.span-2 {
        grid-column: auto;
    }

    #settingsStoreLocationCard .settings-location-save-btn {
        width: 100%;
    }
}


/*
 * ==========================================================
 * GEOLOCATION_GOOGLE_1H
 * ==========================================================
 */

.settings-geolocation-card-icon,
.settings-geolocation-brand-icon {
    color: #e1bd1a;
}

.settings-geolocation-brand-icon {
    border-color: rgba(218, 177, 0, .22);
    background: rgba(218, 177, 0, .06);
}

.settings-geolocation-connector-status.warning {
    color: #e1bd1a;
    border-color: rgba(218, 177, 0, .22);
    background: rgba(218, 177, 0, .06);
}

.settings-geolocation-connector-status.success {
    color: #70db8c;
    border-color: rgba(80, 215, 114, .22);
    background: rgba(80, 215, 114, .06);
}

.settings-geolocation-engine {
    margin-top: 22px;
    padding: 20px;
    border: 1px solid rgba(218, 177, 0, .13);
    border-radius: 16px;
    background:
        radial-gradient(
            circle at top right,
            rgba(218, 177, 0, .07),
            transparent 34%
        ),
        rgba(255, 255, 255, .018);
}

.settings-geolocation-engine-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}

.settings-geolocation-engine-head h5 {
    margin: 7px 0 0;
    color: #f1f4f8;
    font-size: 15px;
}

.settings-geolocation-engine-head p {
    max-width: 700px;
    margin: 8px 0 0;
    color: #929ca7;
    font-size: 11px;
    line-height: 1.65;
}

.settings-geolocation-engine-state {
    flex: none;
    padding: 8px 12px;
    border: 1px solid rgba(218, 177, 0, .18);
    border-radius: 999px;
    color: #dfbd26;
    background: rgba(218, 177, 0, .045);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.settings-geolocation-engine-grid,
.settings-geolocation-capabilities {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.settings-geolocation-engine-grid article,
.settings-geolocation-capabilities > div {
    padding: 14px;
    border: 1px solid #252c34;
    border-radius: 12px;
    background: rgba(255, 255, 255, .018);
}

.settings-geolocation-engine-grid span,
.settings-geolocation-engine-grid strong,
.settings-geolocation-capabilities span,
.settings-geolocation-capabilities strong {
    display: block;
}

.settings-geolocation-engine-grid span,
.settings-geolocation-capabilities span {
    color: #818b96;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.settings-geolocation-engine-grid strong,
.settings-geolocation-capabilities strong {
    margin-top: 7px;
    color: #eef1f5;
    font-size: 12px;
    font-weight: 800;
}

.settings-geolocation-security {
    display: flex;
    gap: 13px;
    margin-top: 18px;
    padding: 15px 17px;
    border: 1px solid rgba(88, 140, 217, .16);
    border-radius: 13px;
    background: rgba(88, 140, 217, .035);
}

.settings-geolocation-security strong {
    color: #dce5f1;
    font-size: 11px;
}

.settings-geolocation-security p {
    margin: 5px 0 0;
    color: #8491a0;
    font-size: 10px;
    line-height: 1.6;
}

#settingsGeolocationDetail .settings-location-shell {
    margin-top: 22px;
}

.settings-geolocation-validation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    margin-top: 22px;
    padding: 18px 20px;
    border: 1px solid rgba(218, 177, 0, .13);
    border-radius: 15px;
    background: rgba(218, 177, 0, .025);
}

.settings-geolocation-validation h5 {
    margin: 7px 0 0;
    color: #f1f4f8;
    font-size: 14px;
}

.settings-geolocation-validation p {
    max-width: 720px;
    margin: 7px 0 0;
    color: #8f99a4;
    font-size: 11px;
    line-height: 1.6;
}

.settings-geolocation-validate {
    flex: none;
    min-width: 170px;
}

.settings-geolocation-prepared-note {
    margin-top: 18px;
    padding: 16px 18px;
    border: 1px solid rgba(80, 215, 114, .13);
    border-radius: 13px;
    background: rgba(80, 215, 114, .025);
}

.settings-geolocation-prepared-note strong {
    color: #74da90;
    font-size: 11px;
}

.settings-geolocation-prepared-note p {
    margin: 6px 0 0;
    color: #87928d;
    font-size: 10px;
    line-height: 1.6;
}


@media (max-width: 1050px) {

    .settings-geolocation-engine-grid,
    .settings-geolocation-capabilities {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 720px) {

    .settings-geolocation-engine-head,
    .settings-geolocation-validation {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-geolocation-engine-grid,
    .settings-geolocation-capabilities {
        grid-template-columns: 1fr;
    }

    .settings-geolocation-validate {
        width: 100%;
    }
}



/*
 * ==========================================================
 * DYNAMIC_FEE_1I
 * ==========================================================
 */

.settings-delivery-mode-card.ready {
    border-color:
        rgba(80, 215, 114, .28);
    background:
        rgba(80, 215, 114, .025);
    cursor: pointer;
}

.settings-delivery-mode-card.ready
.settings-delivery-mode-radio {
    border-color:
        rgba(80, 215, 114, .42);
}

.settings-delivery-mode-card.ready
.settings-delivery-mode-status {
    color: #70db8c;
    border-color:
        rgba(80, 215, 114, .22);
    background:
        rgba(80, 215, 114, .06);
}

.settings-delivery-mode-card.locked
input[type="radio"] {
    cursor: not-allowed;
}

.settings-delivery-mode-card:not(.locked)
input[type="radio"] {
    cursor: pointer;
}


/* VALORIUM_API_EDITOR_CSS2_BEGIN */

/*
 * Valorium Sistemas — API Editor
 * Refinamento visual compacto.
 *
 * Escopo exclusivo:
 * - seletor Ativada/Desativada;
 * - botão Salvar configuração.
 */

#settingsValoriumDetail #settingsValoriumEnabledSelect {
    appearance: none;
    -webkit-appearance: none;

    width: 154px;
    min-width: 154px;
    max-width: 154px;
    height: 36px;
    min-height: 36px;

    padding:
        0
        34px
        0
        12px;

    border:
        1px solid
        rgba(215, 182, 0, 0.34);

    border-radius:
        8px;

    background-color:
        #141618;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c9ad16' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

    background-repeat:
        no-repeat;

    background-position:
        right 11px center;

    background-size:
        12px 12px;

    color:
        #f2f3f4;

    color-scheme:
        dark;

    font:
        inherit;

    font-size:
        0.78rem;

    font-weight:
        700;

    line-height:
        1;

    cursor:
        pointer;

    box-shadow:
        inset
        0
        1px
        0
        rgba(255, 255, 255, 0.025);

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


#settingsValoriumDetail #settingsValoriumEnabledSelect:hover {
    border-color:
        rgba(215, 182, 0, 0.54);

    background-color:
        #17191b;
}


#settingsValoriumDetail #settingsValoriumEnabledSelect:focus,
#settingsValoriumDetail #settingsValoriumEnabledSelect:focus-visible {
    outline:
        none;

    border-color:
        rgba(215, 182, 0, 0.82);

    box-shadow:
        0
        0
        0
        2px
        rgba(215, 182, 0, 0.09);
}


#settingsValoriumDetail #settingsValoriumEnabledSelect option {
    background:
        #141618;

    color:
        #f2f3f4;
}


#settingsValoriumDetail #settingsValoriumEnabledSelect:disabled {
    opacity:
        0.55;

    cursor:
        not-allowed;
}


#settingsValoriumDetail #settingsValoriumSave {
    width:
        auto;

    min-width:
        148px;

    height:
        36px;

    min-height:
        36px;

    padding:
        0
        16px;

    border:
        1px solid
        rgba(216, 181, 0, 0.72);

    border-radius:
        8px;

    background:
        linear-gradient(
            180deg,
            #d7b900 0%,
            #c3a100 100%
        );

    color:
        #111214;

    font:
        inherit;

    font-size:
        0.74rem;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        0;

    white-space:
        nowrap;

    cursor:
        pointer;

    box-shadow:
        0
        5px
        14px
        rgba(0, 0, 0, 0.20),
        inset
        0
        1px
        0
        rgba(255, 255, 255, 0.16);

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


#settingsValoriumDetail #settingsValoriumSave:not(:disabled):hover {
    transform:
        translateY(-1px);

    background:
        linear-gradient(
            180deg,
            #e0c20a 0%,
            #c9a700 100%
        );

    border-color:
        rgba(229, 198, 23, 0.90);

    box-shadow:
        0
        7px
        17px
        rgba(0, 0, 0, 0.24);
}


#settingsValoriumDetail #settingsValoriumSave:not(:disabled):active {
    transform:
        translateY(0);

    box-shadow:
        0
        3px
        9px
        rgba(0, 0, 0, 0.20);
}


#settingsValoriumDetail #settingsValoriumSave:focus-visible {
    outline:
        none;

    box-shadow:
        0
        0
        0
        2px
        rgba(215, 182, 0, 0.14),
        0
        5px
        14px
        rgba(0, 0, 0, 0.20);
}


#settingsValoriumDetail #settingsValoriumSave:disabled {
    opacity:
        0.68;

    cursor:
        wait;

    transform:
        none;
}


@media (max-width: 720px) {

    #settingsValoriumDetail #settingsValoriumEnabledSelect {
        width:
            100%;

        min-width:
            0;

        max-width:
            100%;
    }


    #settingsValoriumDetail #settingsValoriumSave {
        width:
            100%;

        min-width:
            0;
    }
}

/* VALORIUM_API_EDITOR_CSS2_END */

/* WHATSAPP_CONNECT_EDITOR_W4_BEGIN */

#settingsWhatsappDetail .settings-whatsapp-editor {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(215, 182, 0, 0.14);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.018);
}

#settingsWhatsappDetail .settings-whatsapp-editor[hidden] {
    display: none !important;
}

#settingsWhatsappDetail .settings-whatsapp-editor-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

#settingsWhatsappDetail .settings-whatsapp-editor-head h5 {
    margin: 3px 0 4px;
}

#settingsWhatsappDetail .settings-whatsapp-editor-head p {
    margin: 0;
    max-width: 760px;
    opacity: 0.72;
}

#settingsWhatsappDetail .settings-whatsapp-editor-kicker {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #d2b51d;
}

#settingsWhatsappDetail .settings-config-field select {
    width: 100%;
    min-height: 42px;
    padding: 0 38px 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background-color: #141618;
    color: #f2f3f4;
    font: inherit;
    font-size: 0.79rem;
    font-weight: 650;
    color-scheme: dark;
}

#settingsWhatsappDetail .settings-config-field select:focus {
    outline: none;
    border-color: rgba(215, 182, 0, 0.72);
    box-shadow: 0 0 0 2px rgba(215, 182, 0, 0.08);
}

#settingsWhatsappDetail .settings-config-field small {
    display: block;
    margin-top: 6px;
    font-size: 0.69rem;
    line-height: 1.4;
    opacity: 0.62;
}

#settingsWhatsappDetail .settings-whatsapp-editor-note {
    margin-top: 14px;
    padding: 11px 13px;
    border-left: 2px solid rgba(215, 182, 0, 0.55);
    border-radius: 6px;
    background: rgba(215, 182, 0, 0.045);
    font-size: 0.72rem;
    line-height: 1.5;
    opacity: 0.80;
}

#settingsWhatsappDetail #settingsWhatsappSave {
    width: auto;
    min-width: 148px;
    height: 36px;
    min-height: 36px;
    padding: 0 16px;

    border:
        1px solid
        rgba(216, 181, 0, 0.72);

    border-radius: 8px;

    background:
        linear-gradient(
            180deg,
            #d7b900 0%,
            #c3a100 100%
        );

    color: #111214;

    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;

    cursor: pointer;

    box-shadow:
        0
        5px
        14px
        rgba(0, 0, 0, 0.20),
        inset
        0
        1px
        0
        rgba(255, 255, 255, 0.16);

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

#settingsWhatsappDetail #settingsWhatsappSave:not(:disabled):hover {
    transform: translateY(-1px);

    background:
        linear-gradient(
            180deg,
            #e0c20a 0%,
            #c9a700 100%
        );

    border-color:
        rgba(229, 198, 23, 0.90);

    box-shadow:
        0
        7px
        17px
        rgba(0, 0, 0, 0.24);
}

#settingsWhatsappDetail #settingsWhatsappSave:focus-visible {
    outline: none;

    box-shadow:
        0
        0
        0
        2px
        rgba(215, 182, 0, 0.14),
        0
        5px
        14px
        rgba(0, 0, 0, 0.20);
}

#settingsWhatsappDetail #settingsWhatsappSave:disabled {
    opacity: 0.66;
    cursor: wait;
    transform: none;
}

@media (max-width: 720px) {

    #settingsWhatsappDetail .settings-whatsapp-editor {
        padding: 14px;
    }

    #settingsWhatsappDetail #settingsWhatsappSave {
        width: 100%;
        min-width: 0;
    }
}

/* WHATSAPP_CONNECT_EDITOR_W4_END */


/*
 * ==========================================================
 * PAYMENT_GATEWAY_EDITOR_P4_BEGIN
 * ==========================================================
 */

#settingsPaymentsDetail .settings-payment-editor {
    margin: 0 15px 15px;
    padding: 18px;
    border: 1px solid #2d3135;
    border-radius: 12px;
    background: #111315;
}

#settingsPaymentsDetail .settings-payment-editor-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

#settingsPaymentsDetail .settings-payment-editor-head h5 {
    margin: 6px 0 0;
    color: #f0f1f2;
    font-size: 13px;
}

#settingsPaymentsDetail .settings-payment-editor-head p {
    margin: 7px 0 0;
    max-width: 620px;
    color: #7d848b;
    font-size: 8px;
    line-height: 1.55;
}

#settingsPaymentsDetail .settings-payment-editor-mode {
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid rgba(212, 179, 35, .34);
    border-radius: 999px;
    color: #d4b323;
    background: rgba(212, 179, 35, .07);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .05em;
}

#settingsPaymentsDetail .settings-payment-editor-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#settingsPaymentsDetail .settings-payment-editor-secrets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

#settingsPaymentsDetail .settings-payment-editor-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#settingsPaymentsDetail .settings-payment-editor-field > span {
    color: #888f96;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .03em;
}

#settingsPaymentsDetail .settings-payment-editor-field input,
#settingsPaymentsDetail .settings-payment-editor-field select {
    width: 100%;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid #30353a;
    border-radius: 8px;
    outline: none;
    background: #171a1d;
    color: #e8e9ea;
    font-size: 9px;
}

#settingsPaymentsDetail .settings-payment-editor-field input:focus,
#settingsPaymentsDetail .settings-payment-editor-field select:focus {
    border-color: rgba(212, 179, 35, .72);
}

#settingsPaymentsDetail .settings-payment-editor-field input:disabled,
#settingsPaymentsDetail .settings-payment-editor-field select:disabled {
    cursor: not-allowed;
    opacity: .55;
}

#settingsPaymentsDetail .settings-payment-editor-secret-note {
    margin-top: 11px;
    padding: 10px 12px;
    border: 1px solid #292e32;
    border-radius: 8px;
    color: #7b8288;
    background: #141719;
    font-size: 7px;
    line-height: 1.55;
}

#settingsPaymentsDetail .settings-payment-editor-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 15px;
}

#settingsPaymentsDetail .settings-payment-editor-security {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 650px;
}

#settingsPaymentsDetail .settings-payment-editor-security strong {
    color: #cfd2d4;
    font-size: 8px;
}

#settingsPaymentsDetail .settings-payment-editor-security span {
    color: #71787f;
    font-size: 7px;
    line-height: 1.5;
}

#settingsPaymentsDetail #settingsPaymentsSave {
    flex: 0 0 auto;
}

@media (max-width: 840px) {

    #settingsPaymentsDetail .settings-payment-editor-grid {
        grid-template-columns: 1fr;
    }

    #settingsPaymentsDetail .settings-payment-editor-secrets {
        grid-template-columns: 1fr;
    }

    #settingsPaymentsDetail .settings-payment-editor-head {
        flex-direction: column;
    }

    #settingsPaymentsDetail .settings-payment-editor-actions {
        flex-direction: column;
        align-items: stretch;
    }
}

/*
 * ==========================================================
 * PAYMENT_GATEWAY_EDITOR_P4_END
 * ==========================================================
 */

/*
 * ==========================================================
 * PAYMENT_SAVE_BUTTON_STANDARD_BEGIN
 * Botão principal - padrão Valorium
 * ==========================================================
 */

#settingsPaymentsDetail #settingsPaymentsSave {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 156px;
    min-height: 40px;
    padding: 0 18px;

    border: 1px solid #d4b323;
    border-radius: 8px;

    background: #d4b323;
    color: #0b0d0f;

    font-family: inherit;
    font-size: 8px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .02em;

    cursor: pointer;

    box-shadow:
        0 5px 14px rgba(0, 0, 0, .18);

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


#settingsPaymentsDetail #settingsPaymentsSave:hover:not(:disabled) {
    background: #e2c22f;
    border-color: #e2c22f;

    color: #090a0b;

    transform: translateY(-1px);

    box-shadow:
        0 7px 18px rgba(0, 0, 0, .24);
}


#settingsPaymentsDetail #settingsPaymentsSave:active:not(:disabled) {
    transform: translateY(0);

    box-shadow:
        0 3px 9px rgba(0, 0, 0, .20);
}


#settingsPaymentsDetail #settingsPaymentsSave:focus-visible {
    outline: 2px solid rgba(212, 179, 35, .42);
    outline-offset: 3px;
}


#settingsPaymentsDetail #settingsPaymentsSave:disabled {
    border-color: #303438;

    background: #202326;
    color: #686e74;

    cursor: not-allowed;

    box-shadow: none;

    opacity: 1;
}


/*
 * ==========================================================
 * PAYMENT_SAVE_BUTTON_STANDARD_END
 * ==========================================================
 */