:root {
    --segment-destaque: #00ed3b;
    --segment-primary: #4f46e5;
    --bg-segment-primary: #4f46e522;
    --segment-primary-dark: #312e81;
    --segment-secondary: #6366f1;
    --segment-contrast: #ffffff;
    --segment-hover: rgba(79, 70, 229, 0.12);
    --segment-outline: rgba(99, 102, 241, 0.35);
    --segment-focus-strong: rgba(49, 46, 129, 0.5);
    --segment-navbar-bg: #ffffff;
    --segment-navbar-text: #1f2937;
    --segment-navbar-accent: #312e81;
    --segment-body-bg: #e3e9f7;
    --segment-surface: #ffffff;
    --segment-surface-alt: #f5f7fb;
    --segment-sidebar-hover: rgba(79, 70, 229, 0.08);
    --segment-sidebar-border: rgba(79, 70, 229, 0.14);
    --segment-footer-bg: #312e81;
    --segment-footer-text: #e0e7ff;
    --segment-footer-link: #ffffff;
    --segment-focus: #4f46e544;
    --success: #20c997;
}

body.theme-lava,
[data-theme-preview="theme-lava"] {
    --segment-destaque: #00ed3b;
    --segment-primary: #0b2a55;
    --bg-segment-primary: #0b2a5522;
    --segment-primary-dark: #061d3d;
    --segment-secondary: #00bcd4;
    --segment-hover: rgba(0, 188, 212, 0.16);
    --segment-outline: rgba(0, 188, 212, 0.28);
    --segment-focus-strong: rgba(0, 188, 212, 0.45);
    --segment-navbar-bg: linear-gradient(90deg, #061d3d 0%, #0b2a55 100%);
    --segment-navbar-text: #f4fbff;
    --segment-navbar-accent: #00bcd4;
    --segment-body-bg: #e4f3ff;
    --segment-surface-alt: #f0f8ff;
    --segment-footer-bg: #061d3d;
    --segment-footer-text: #d7ecff;
    --segment-footer-link: #00bcd4;
    --segment-sidebar-hover: rgba(0, 188, 212, 0.1);
    --segment-sidebar-border: rgba(0, 188, 212, 0.24);
    --segment-focus: rgba(0, 188, 212, 0.35);
    --success: #20c997;
}

body.theme-barbearia,
[data-theme-preview="theme-barbearia"] {
    --segment-destaque: #00ed3b;
    --segment-primary: #a32020;
    --bg-segment-primary: #a3202022;
    --segment-primary-dark: #1f0b0b;
    --segment-secondary: #b88a44;
    --segment-hover: rgba(184, 138, 68, 0.18);
    --segment-outline: rgba(184, 138, 68, 0.35);
    --segment-focus-strong: rgba(163, 32, 32, 0.45);
    --segment-navbar-bg: linear-gradient(90deg, #0f0f0f 0%, #1f0b0b 100%);
    --segment-navbar-text: #fefefe;
    --segment-navbar-accent: #b88a44;
    --segment-body-bg: #f1e6dd;
    --segment-surface-alt: #fdf7ef;
    --segment-footer-bg: #0f0f0f;
    --segment-footer-text: #fef3dd;
    --segment-footer-link: #b88a44;
    --segment-sidebar-hover: rgba(184, 138, 68, 0.14);
    --segment-sidebar-border: rgba(163, 32, 32, 0.25);
    --segment-focus: rgba(163, 32, 32, 0.35);
    --success: #20c997;
}


body.theme-consultorio,
[data-theme-preview="theme-consultorio"] {
    --segment-destaque: #00ed3b;
    --segment-primary: #0c2a2a; /* Primário */
    --bg-segment-primary: #0c2a2a22;
    --segment-primary-dark: #0D6E6E; /* Primário - dark */
    --segment-secondary: #20c997; /* Secundário */
    --segment-hover: rgba(31, 161, 161, 0.18); /* Hover sutil com primário */
    --segment-outline: rgba(31, 161, 161, 0.35); /* Outline com primário */
    --segment-focus-strong: rgba(13, 110, 110, 0.45); /* Focus forte */
    --segment-navbar-bg: linear-gradient(90deg, #0c2a2a 0%, #0c2a2a 10%, #1FA1A1 100%); /* Navbar gradiente */
    --segment-navbar-text: #FFFFFF; /* Texto navbar */
    --segment-navbar-accent: #0D6E6E; /* Acento */
    --segment-body-bg: #F7FAFA; /* Fundo (claro) */
    --segment-surface-alt: #FFFFFF; /* Superfície alternativa / Card */
    --segment-footer-bg: #0c2a2a; /* Footer fundo */
    --segment-footer-text: #F7FAFA; /* Footer texto */
    --segment-footer-link: #F4B400; /* Footer link */
    --segment-sidebar-hover: rgba(31, 161, 161, 0.14); /* Hover sidebar */
    --segment-sidebar-border: rgba(13, 110, 110, 0.25); /* Borda sidebar */
    --segment-focus: rgba(31, 161, 161, 0.35); /* Focus padrão */
    --success: #20c997;
}



body.theme-manicure,
[data-theme-preview="theme-manicure"] {
    --segment-destaque: #00ed3b;
    --segment-primary: #d275a8;
    --bg-segment-primary: #d275a822;
    --segment-primary-dark: #5f4b59;
    --segment-secondary: #c19b5f;
    --segment-hover: rgba(210, 117, 168, 0.18);
    --segment-outline: rgba(210, 117, 168, 0.35);
    --segment-focus-strong: rgba(210, 117, 168, 0.45);
    --segment-navbar-bg: linear-gradient(90deg, #fff5f9 0%, #f5dce8 100%);
    --segment-navbar-text: #5f4b59;
    --segment-navbar-accent: #d275a8;
    --segment-body-bg: #f7eef4;
    --segment-surface-alt: #fff9fc;
    --segment-footer-bg: #f5dce8;
    --segment-footer-text: #5f4b59;
    --segment-footer-link: #c19b5f;
    --segment-sidebar-hover: rgba(210, 117, 168, 0.14);
    --segment-sidebar-border: rgba(210, 117, 168, 0.25);
    --segment-focus: rgba(210, 117, 168, 0.35);
    --success: #20c997;
}

body.theme-simpligestao,
[data-theme-preview="theme-simpligestao"] {
    --segment-destaque: #00ed3b;
    --segment-primary: #4f46e5;
    --bg-segment-primary: #4f46e522;
    --segment-primary-dark: #3730a3;
    --segment-secondary: #1e90ff;
    --segment-contrast: #ffffff;
    --segment-hover: rgba(30, 144, 255, 0.14);
    --segment-outline: rgba(79, 70, 229, 0.28);
    --segment-focus-strong: rgba(79, 70, 229, 0.5);
    --segment-navbar-bg: #ffffff;
    --segment-navbar-text: #18191a;
    --segment-navbar-accent: #4f46e5;
    --segment-body-bg: #ffffff;
    --segment-surface: #ffffff;
    --segment-surface-alt: #f5f5fb;
    --segment-sidebar-hover: rgba(79, 70, 229, 0.08);
    --segment-sidebar-border: rgba(79, 70, 229, 0.12);
    --segment-footer-bg: #18191a;
    --segment-footer-text: #f9fafb;
    --segment-footer-link: #1e90ff;
    --segment-focus: #4f46e544;
    --success: #20c997;
    color: #18191a;
}

    body.theme-simpligestao .form-control,
    body.theme-simpligestao input,
    body.theme-simpligestao select,
    body.theme-simpligestao textarea {
        /*background-color: #3a3b3c;*/
        /*color: #f9fafb;*/
        border-color: #3a3b3c;
    }

body {
    background-color: var(--segment-body-bg);
}

.navbar,
.segment-header .layout-navbar,
header .navbar {
    background: var(--segment-navbar-bg);
    box-shadow: 0 12px 28px -18px rgba(15, 23, 42, 0.45);
    border-bottom: 1px solid var(--segment-sidebar-border);
}

    .navbar .navbar-brand,
    .layout-navbar__brand {
        color: var(--segment-navbar-accent) !important;
        font-weight: 700;
    }

    .navbar .nav-link,
    .layout-navbar__link {
        color: var(--segment-navbar-text) !important;
        transition: color .2s ease;
    }

        .navbar .nav-link:hover,
        .navbar .nav-link:focus,
        .layout-navbar__link:hover,
        .layout-navbar__link:focus {
            color: var(--segment-secondary) !important;
        }

.btn-comprar,
.btn-custom,
.btn.btn-custom,
button.btn-custom,
.btn-primary {
    background: linear-gradient(140deg, rgba(37, 99, 235, 0.95), var(--segment-primary)) !important;
    border-color: var(--segment-primary) !important;
    color: var(--segment-contrast) !important;
    box-shadow: 0 10px 18px -12px var(--segment-outline);
}

    .btn-comprar:hover,
    .btn-custom:hover,
    .btn.btn-custom:hover,
    .btn-primary:hover {
        background: var(--segment-primary-dark) !important;
        border-color: var(--segment-primary-dark) !important;
    }

    .btn-comprar:focus-visible,
    .btn-custom:focus-visible,
    .btn.btn-custom:focus-visible,
    button.btn-custom:focus-visible,
    .btn-primary:focus-visible,
    .btn-light-custom:focus-visible,
    .btn-outline-primary:focus-visible,
    .btn-voltar:focus-visible,
    .btn-link:focus-visible {
        outline: 2px solid var(--segment-focus-strong);
        outline-offset: 2px;
        box-shadow: none !important;
    }

.btn-comprar-light,
.btn-outline-primary,
.btn-light-custom {
    color: var(--segment-primary)  !important;
    background-color: var(--segment-contrast) !important ;
    border-color: var(--segment-primary) ;
    font-weight: 600;
    border-width: 2px;
}

    .btn-outline-primary.active {
        color: #fff !important;
        background-color: var(--segment-primary) !important;
        border-color: var(--segment-primary);
    }

    .btn-comprar-light:hover,
    .btn-outline-primary:hover,
    .btn-light-custom:hover {
        background: linear-gradient(140deg, rgba(37, 99, 235, 0.95), var(--segment-primary)) !important;
        color: var(--segment-contrast) !important;
    }

.link-redirect-orange,
.link-redirection-simple,
.bt-simples {
    color: var(--segment-primary) !important;
}

    .link-redirect-orange:hover,
    .link-redirection-simple:hover,
    .bt-simples:hover {
        color: var(--segment-secondary) !important;
    }

footer,
.layout-footer {
    /*background: var(--segment-footer-bg);*/
    color: var(--segment-footer-text);
}

    footer a,
    .layout-footer__link {
        color: var(--segment-footer-link);
    }

#sidebar {
    z-index: 100;
    background: var(--segment-surface);
    border-right: 1px solid var(--segment-sidebar-border);
}

.side-item.active {
    background: linear-gradient(140deg, rgba(37, 99, 235, 0.95), var(--segment-primary));
    box-shadow: 0 10px 24px -16px var(--segment-outline);
}

    .side-item.active a {
        color: var(--segment-contrast) !important;
    }

.side-item:hover:not(.active),
#logout_btn:hover {
    background-color: var(--segment-hover);
}

#open_btn {
    background: linear-gradient(140deg, rgba(37, 99, 235, 0.95), var(--segment-primary));
    color: var(--segment-contrast);
}

body .form-control:focus,
body input:focus,
body select:focus,
body textarea:focus {
    /*box-shadow: 0 0 0 0.2rem var(--segment-focus) !important;*/
    border-color: var(--segment-primary) !important;
}

.fundo-login {
    /*background: radial-gradient(circle at top, var(--segment-surface-alt), var(--segment-body-bg));*/
}

    .fundo-login header .navbar {
        background: transparent !important;
        box-shadow: none;
    }

    .fundo-login .top-form-login {
        color: var(--segment-primary) !important;
    }

.fundo-radius {
    border-radius: 50px;
}

.fundo-primary {
    background: linear-gradient(140deg, rgba(37, 99, 235, 0.95), var(--segment-primary));
    color: var(--segment-contrast);
}

.fundo-login .btn-custom {
    min-width: 180px;
    font-weight: 600;
}

.layout-whatsapp__link,
.pn-layout-whatsapp a,
.pn-layout-whatsapp .bt-simples {
    box-shadow: 0 10px 24px -14px var(--segment-outline);
}

@media (max-width: 768px) {
    .navbar,
    header .navbar {
        background: var(--segment-navbar-bg) !important;
    }
}




.theme-dark .label-grid-insumos span{
    color: #000 !important;
}


.border-primary{
    border: 1px solid var(--segment-primary) !important;
}