/* /Components/Layout/LegalLayout.razor.rz.scp.css */
.legal-layout[b-v6n3nez2su] {
    min-height: 100vh;
    background: #090a0b;
    color: #fff;
}

/* HEADER */

.legal-header[b-v6n3nez2su] {
    position: sticky;
    z-index: 100;
    top: 0;
    border-bottom: 1px solid #292b2d;
    background: rgba(9, 10, 11, .94);
    backdrop-filter: blur(12px);
}

.legal-container[b-v6n3nez2su] {
    box-sizing: border-box;
    width: min(100% - 48px, 1180px);
    margin: 0 auto;
}

.legal-nav[b-v6n3nez2su] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    gap: 30px;
}

.legal-brand[b-v6n3nez2su] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

    .legal-brand img[b-v6n3nez2su] {
        display: block;
        width: auto;
        height: 62px;
    }

.legal-actions[b-v6n3nez2su] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.legal-back[b-v6n3nez2su],
.legal-login[b-v6n3nez2su] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    box-sizing: border-box;
    padding: 0 15px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.legal-back[b-v6n3nez2su] {
    border: 1px solid transparent;
    color: #929599;
}

    .legal-back:hover[b-v6n3nez2su] {
        color: #fff;
    }

.legal-login[b-v6n3nez2su] {
    border: 1px solid #47494c;
    background: #1b1d1f;
    color: #fff;
}

    .legal-login:hover[b-v6n3nez2su] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, .07);
    }

/* MAIN */

.legal-main[b-v6n3nez2su] {
    min-height: calc(100vh - 250px);
    padding: 62px 0 80px;
}

/* FOOTER */

.legal-footer[b-v6n3nez2su] {
    border-top: 1px solid #292b2d;
    background: #0d0e0f;
}

.legal-footer-content[b-v6n3nez2su] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    padding-top: 34px;
    padding-bottom: 34px;
}

.legal-footer-brand[b-v6n3nez2su] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .legal-footer-brand strong[b-v6n3nez2su] {
        color: #fff;
        font-size: 16px;
        font-weight: 900;
        letter-spacing: .04em;
    }

    .legal-footer-brand span[b-v6n3nez2su] {
        color: #85888f;
        font-size: 11px;
    }

.legal-footer-links[b-v6n3nez2su] {
    display: flex;
    align-items: center;
    gap: 25px;
}

    .legal-footer-links a[b-v6n3nez2su] {
        color: #929599;
        font-size: 10px;
        font-weight: 700;
        text-decoration: none;
        transition: color .16s ease;
    }

        .legal-footer-links a:hover[b-v6n3nez2su] {
            color: #fff;
        }

.legal-footer-bottom[b-v6n3nez2su] {
    padding: 17px 0;
    border-top: 1px solid #202225;
    color: #65686d;
    font-size: 9px;
}

/* RESPONSIVE */

@media (max-width: 700px) {
    .legal-container[b-v6n3nez2su] {
        width: min(100% - 32px, 1180px);
    }

    .legal-main[b-v6n3nez2su] {
        padding: 40px 0 55px;
    }

    .legal-footer-content[b-v6n3nez2su] {
        flex-direction: column;
        gap: 25px;
    }

    .legal-footer-links[b-v6n3nez2su] {
        flex-wrap: wrap;
        gap: 14px 20px;
    }
}

@media (max-width: 480px) {
    .legal-nav[b-v6n3nez2su] {
        min-height: 66px;
    }

    .legal-brand img[b-v6n3nez2su] {
        height: 27px;
    }

    .legal-back[b-v6n3nez2su] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-63n129qtdp] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-63n129qtdp] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/OficinaLayout.razor.rz.scp.css */
/* =========================================================
   RE-VISION CRM
   OFICINALAYOUT.RAZOR.CSS
   ========================================================= */


/* =========================================================
   BASE
   ========================================================= */

.crm-page[b-sgq6bmtixn] {
    width: 100%;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 285px minmax(0, 1fr);
    background: radial-gradient( circle at 88% 8%, rgba(255, 45, 45, .10), transparent 25% ), #080808;
    color: #fff;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.crm-sidebar[b-sgq6bmtixn] {
    position: sticky;
    top: 0;
    width: 285px;
    min-width: 285px;
    max-width: 285px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 28px 18px 22px;
    overflow: hidden;
    background: linear-gradient( 180deg, #0c0c0c 0%, #080808 100% );
    border-right: 1px solid #242424;
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 24px;
}


/* =========================================================
   SIDEBAR TOP
   ========================================================= */

.crm-sidebar-top[b-sgq6bmtixn] {
    flex: 0 0 auto;
}

.crm-brand[b-sgq6bmtixn] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

    .crm-brand img[b-sgq6bmtixn] {
        width: 110px;
        max-width: 100%;
        height: auto;
        display: block;
    }

.crm-workshop-name[b-sgq6bmtixn] {
    margin-top: 30px;
    padding: 17px 14px;
    background: linear-gradient( 145deg, #141414, #101010 );
    border: 1px solid #2b2b2b;
    border-radius: 11px;
}

    .crm-workshop-name small[b-sgq6bmtixn] {
        display: block;
        margin-bottom: 5px;
        color: #777;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .crm-workshop-name strong[b-sgq6bmtixn] {
        display: block;
        overflow: hidden;
        color: #fff;
        font-size: 13px;
        font-weight: 900;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* =========================================================
   MENU
   ========================================================= */

.crm-menu[b-sgq6bmtixn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 30px;
}

    .crm-menu a[b-sgq6bmtixn],
    .crm-sidebar-bottom a[b-sgq6bmtixn],
    .crm-sidebar-bottom button[b-sgq6bmtixn] {
        position: relative;
        min-height: 48px;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 0 15px;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: #777;
        font-family: inherit;
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
        text-align: left;
        cursor: pointer;
        transition: background .2s ease, color .2s ease, transform .2s ease;
    }

        .crm-menu a:hover[b-sgq6bmtixn],
        .crm-sidebar-bottom a:hover[b-sgq6bmtixn],
        .crm-sidebar-bottom button:hover[b-sgq6bmtixn] {
            color: #fff;
            background: #121212;
        }

        .crm-menu a.active[b-sgq6bmtixn] {
            color: #fff;
            background: linear-gradient( 90deg, rgba(255, 45, 45, .12), rgba(255, 45, 45, .045) );
        }

            .crm-menu a.active[b-sgq6bmtixn]::before {
                content: "";
                position: absolute;
                left: 0;
                top: 12px;
                bottom: 12px;
                width: 3px;
                background: #ff2d2d;
                border-radius: 0 3px 3px 0;
            }

.crm-menu-icon[b-sgq6bmtixn] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .crm-menu-icon svg[b-sgq6bmtixn] {
        width: 18px;
        height: 18px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.crm-menu a[b-sgq6bmtixn],
.crm-sidebar-bottom a[b-sgq6bmtixn],
.crm-sidebar-bottom button[b-sgq6bmtixn] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.crm-menu a.active .crm-menu-icon[b-sgq6bmtixn] {
    color: #ff2d2d;
}

.crm-menu a.locked[b-sgq6bmtixn] {
    color: #4f4f4f;
    cursor: default;
}

    .crm-menu a.locked:hover[b-sgq6bmtixn] {
        background: transparent;
        color: #4f4f4f;
    }

.crm-lock[b-sgq6bmtixn] {
    margin-left: auto;
    font-size: 10px;
    opacity: .75;
}

.crm-menu-separator[b-sgq6bmtixn] {
    height: 1px;
    margin: 12px 6px;
    background: #222;
}


/* =========================================================
   SIDEBAR BOTTOM
   ========================================================= */

.crm-sidebar-bottom[b-sgq6bmtixn] {
    flex: 0 0 auto;
    padding-top: 18px;
    border-top: 1px solid #222;
}

    .crm-sidebar-bottom a[b-sgq6bmtixn],
    .crm-sidebar-bottom button[b-sgq6bmtixn] {
        width: 100%;
    }

    .crm-sidebar-bottom button[b-sgq6bmtixn] {
        margin-top: 4px;
    }


/* =========================================================
   MAIN
   ========================================================= */

.crm-main[b-sgq6bmtixn] {
    min-width: 0;
    min-height: 100dvh;
    box-sizing: border-box;
    padding: 34px 36px 50px;
    background: #080808;
}

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

@media (max-width: 1200px) {

    .crm-page[b-sgq6bmtixn] {
        grid-template-columns: 245px minmax(0, 1fr);
        width: 245px;
        min-width: 245px;
        max-width: 245px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .crm-sidebar[b-sgq6bmtixn] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .crm-main[b-sgq6bmtixn] {
        padding-left: 26px;
        padding-right: 26px;
    }
}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 900px) {

    .crm-page[b-sgq6bmtixn] {
        display: block;
    }

    .crm-sidebar[b-sgq6bmtixn] {
        position: static;
        width: 100%;
        min-width: 0;
        max-width: none;
        height: auto;
        padding: 18px;
        border-right: 0;
        border-bottom: 1px solid #242424;
    }

    .crm-brand img[b-sgq6bmtixn] {
        width: 135px;
    }

    .crm-workshop-name[b-sgq6bmtixn] {
        margin-top: 18px;
    }

    .crm-menu[b-sgq6bmtixn] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 22px;
    }

    .crm-menu-separator[b-sgq6bmtixn] {
        display: none;
    }

    .crm-sidebar-bottom[b-sgq6bmtixn] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-top: 15px;
    }

    .crm-main[b-sgq6bmtixn] {
        padding: 26px 20px 40px;
    }
}


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

@media (max-width: 650px) {

    .crm-sidebar[b-sgq6bmtixn] {
        padding: 15px;
    }

    .crm-menu[b-sgq6bmtixn] {
        grid-template-columns: 1fr;
    }

    .crm-sidebar-bottom[b-sgq6bmtixn] {
        grid-template-columns: 1fr;
    }

    .crm-main[b-sgq6bmtixn] {
        padding: 22px 14px 36px;
    }
}

.crm-sidebar[b-sgq6bmtixn]::-webkit-scrollbar {
    width: 4px;
}

.crm-sidebar[b-sgq6bmtixn]::-webkit-scrollbar-track {
    background: transparent;
}

.crm-sidebar[b-sgq6bmtixn]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 999px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jf14ewe6ma],
.components-reconnect-repeated-attempt-visible[b-jf14ewe6ma],
.components-reconnect-failed-visible[b-jf14ewe6ma],
.components-pause-visible[b-jf14ewe6ma],
.components-resume-failed-visible[b-jf14ewe6ma],
.components-rejoining-animation[b-jf14ewe6ma] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-jf14ewe6ma],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-jf14ewe6ma],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-jf14ewe6ma],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-jf14ewe6ma],
#components-reconnect-modal.components-reconnect-retrying[b-jf14ewe6ma],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-jf14ewe6ma],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-jf14ewe6ma],
#components-reconnect-modal.components-reconnect-failed[b-jf14ewe6ma],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-jf14ewe6ma] {
    display: block;
}


#components-reconnect-modal[b-jf14ewe6ma] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-jf14ewe6ma 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-jf14ewe6ma 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-jf14ewe6ma 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-jf14ewe6ma]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-jf14ewe6ma 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-jf14ewe6ma {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-jf14ewe6ma {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-jf14ewe6ma {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-jf14ewe6ma] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-jf14ewe6ma] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-jf14ewe6ma] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-jf14ewe6ma] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-jf14ewe6ma] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-jf14ewe6ma] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-jf14ewe6ma] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-jf14ewe6ma 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-jf14ewe6ma] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-jf14ewe6ma {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Agendamentos.razor.rz.scp.css */
/* =========================================================
   AGENDAMENTOS
   ========================================================= */

.schedule-page[b-tn67yxscgk] {
    width: 100%;
    min-height: 100%;
}


/* =========================================================
   HEADER
   ========================================================= */

.schedule-header[b-tn67yxscgk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.schedule-eyebrow[b-tn67yxscgk] {
    display: block;
    margin-bottom: 8px;
    color: #ef3340;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.schedule-header h1[b-tn67yxscgk] {
    margin: 0;
    color: #ffffff;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.schedule-header p[b-tn67yxscgk] {
    margin: 8px 0 0;
    color: #85888f;
    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   ESTADOS
   ========================================================= */

.schedule-state[b-tn67yxscgk] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 30px;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-radius: 16px;
    color: #929599;
    font-size: 14px;
    font-weight: 600;
}

.schedule-state-error[b-tn67yxscgk] {
    border-color: rgba(239, 51, 64, 0.35);
    color: #ef6b74;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.schedule-toolbar[b-tn67yxscgk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 14px;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-radius: 14px;
}

    .schedule-toolbar > strong[b-tn67yxscgk] {
        min-width: 180px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 800;
        text-align: center;
        text-transform: capitalize;
    }

    .schedule-toolbar button[b-tn67yxscgk] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 38px;
        height: 38px;
        padding: 0 12px;
        background: #202225;
        border: 1px solid #383a3d;
        border-radius: 9px;
        color: #ffffff;
        font-family: inherit;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
        transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    }

        .schedule-toolbar button:hover[b-tn67yxscgk] {
            background: #292b2d;
            border-color: #47494c;
        }

    .schedule-toolbar .schedule-today-button[b-tn67yxscgk] {
        min-width: auto;
        margin-left: auto;
        padding: 0 18px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
    }


/* =========================================================
   CALENDÁRIO
   ========================================================= */

.schedule-calendar[b-tn67yxscgk] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    overflow: hidden;
    background: #343638;
    border: 1px solid #343638;
    border-radius: 16px;
    gap: 1px;
}


/* =========================================================
   DIAS DA SEMANA
   ========================================================= */

.schedule-weekday[b-tn67yxscgk] {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    background: #1b1d1f;
    color: #85888f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
}


/* =========================================================
   CÉLULAS DOS DIAS
   ========================================================= */

.schedule-day[b-tn67yxscgk] {
    position: relative;
    min-width: 0;
    min-height: 145px;
    padding: 10px;
    background: #1b1d1f;
    transition: background 0.15s ease;
}

    .schedule-day:hover[b-tn67yxscgk] {
        background: #1f2123;
    }

.schedule-day-outside[b-tn67yxscgk] {
    background: #17191b;
}

    .schedule-day-outside:hover[b-tn67yxscgk] {
        background: #191b1d;
    }

    .schedule-day-outside .schedule-day-number[b-tn67yxscgk] {
        color: #55585c;
    }


/* =========================================================
   NÚMERO DO DIA
   ========================================================= */

.schedule-day-number[b-tn67yxscgk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    margin-bottom: 8px;
    border-radius: 8px;
    color: #929599;
    font-size: 12px;
    font-weight: 800;
}


/* =========================================================
   DIA ATUAL
   ========================================================= */

.schedule-day-today[b-tn67yxscgk] {
    box-shadow: inset 0 0 0 1px rgba(239, 51, 64, 0.45);
}

    .schedule-day-today .schedule-day-number[b-tn67yxscgk] {
        background: #ef3340;
        color: #ffffff;
    }


/* =========================================================
   AGENDAMENTOS DO DIA
   ========================================================= */

.schedule-day-items[b-tn67yxscgk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.schedule-item[b-tn67yxscgk] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    padding: 9px 10px 9px 13px;
    overflow: hidden;
    background: #252729;
    border: 1px solid #383a3d;
    border-radius: 9px;
    color: #ffffff;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

    .schedule-item[b-tn67yxscgk]::before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0;
        width: 3px;
        background: #ef3340;
        border-radius: 0 3px 3px 0;
    }

    .schedule-item:hover[b-tn67yxscgk] {
        background: #292b2d;
        border-color: #47494c;
        transform: translateY(-1px);
    }

    .schedule-item strong[b-tn67yxscgk] {
        margin-bottom: 4px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
    }

    .schedule-item > span[b-tn67yxscgk] {
        display: block;
        max-width: 100%;
        margin-bottom: 3px;
        overflow: hidden;
        color: #ffffff;
        font-size: 11px;
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .schedule-item small[b-tn67yxscgk] {
        display: block;
        width: 100%;
        overflow: hidden;
        color: #85888f;
        font-size: 10px;
        font-weight: 600;
        line-height: 1.4;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* =========================================================
   SCROLLBAR
   ========================================================= */

.schedule-day-items[b-tn67yxscgk] {
    scrollbar-width: thin;
    scrollbar-color: #47494c transparent;
}

    .schedule-day-items[b-tn67yxscgk]::-webkit-scrollbar {
        width: 4px;
    }

    .schedule-day-items[b-tn67yxscgk]::-webkit-scrollbar-track {
        background: transparent;
    }

    .schedule-day-items[b-tn67yxscgk]::-webkit-scrollbar-thumb {
        background: #47494c;
        border-radius: 10px;
    }


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 1200px) {

    .schedule-day[b-tn67yxscgk] {
        min-height: 130px;
        padding: 8px;
    }

    .schedule-item[b-tn67yxscgk] {
        padding: 8px 8px 8px 11px;
    }

        .schedule-item small[b-tn67yxscgk] {
            font-size: 9px;
        }
}


@media (max-width: 900px) {

    .schedule-calendar[b-tn67yxscgk] {
        min-width: 850px;
    }

    .schedule-page[b-tn67yxscgk] {
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .schedule-header[b-tn67yxscgk] {
        min-width: 850px;
    }

    .schedule-toolbar[b-tn67yxscgk] {
        min-width: 850px;
    }
}


@media (max-width: 600px) {

    .schedule-header h1[b-tn67yxscgk] {
        font-size: 27px;
    }

    .schedule-toolbar[b-tn67yxscgk] {
        gap: 7px;
    }

        .schedule-toolbar > strong[b-tn67yxscgk] {
            min-width: 150px;
            font-size: 13px;
        }
}

/* =========================================================
   MAIS SERVIÇOS
   ========================================================= */

.schedule-more[b-tn67yxscgk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 32px;
    padding: 6px 10px;
    background: rgba(239, 51, 64, 0.07);
    border: 1px solid rgba(239, 51, 64, 0.22);
    border-radius: 8px;
    color: #ef5964;
    font-family: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

    .schedule-more:hover[b-tn67yxscgk] {
        background: rgba(239, 51, 64, 0.13);
        border-color: rgba(239, 51, 64, 0.45);
        color: #ffffff;
    }

/* =========================================================
   MODAL DO DIA
   ========================================================= */

.schedule-modal-backdrop[b-tn67yxscgk] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(8px);
}

.schedule-modal[b-tn67yxscgk] {
    width: min(760px, 100%);
    max-height: 85vh;
    overflow: hidden;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
}

.schedule-modal-header[b-tn67yxscgk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 28px 30px 22px;
    border-bottom: 1px solid #343638;
}

.schedule-modal-eyebrow[b-tn67yxscgk] {
    display: block;
    margin-bottom: 8px;
    color: #ef3340;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.schedule-modal-header h2[b-tn67yxscgk] {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
}

.schedule-modal-close[b-tn67yxscgk] {
    width: 38px;
    height: 38px;
    background: #202225;
    border: 1px solid #383a3d;
    border-radius: 9px;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
}

.schedule-modal-list[b-tn67yxscgk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 65vh;
    padding: 18px;
    overflow-y: auto;
}

.schedule-modal-item[b-tn67yxscgk] {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 18px;
    padding: 18px;
    background: #202225;
    border: 1px solid #343638;
    border-radius: 14px;
}

.schedule-modal-time[b-tn67yxscgk] {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
}

.schedule-modal-main[b-tn67yxscgk] {
    min-width: 0;
}

.schedule-modal-top[b-tn67yxscgk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

    .schedule-modal-top > strong[b-tn67yxscgk] {
        color: #ffffff;
        font-size: 16px;
        font-weight: 800;
    }

.schedule-modal-meta[b-tn67yxscgk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 7px;
}

    .schedule-modal-meta span[b-tn67yxscgk] {
        padding: 5px 8px;
        background: #292b2d;
        border: 1px solid #383a3d;
        border-radius: 7px;
        color: #929599;
        font-size: 10px;
        font-weight: 700;
    }

.schedule-modal-customer[b-tn67yxscgk] {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}

    .schedule-modal-customer strong[b-tn67yxscgk] {
        color: #ffffff;
        font-size: 13px;
    }

    .schedule-modal-customer a[b-tn67yxscgk] {
        margin-top: 3px;
        color: #85888f;
        font-size: 11px;
        text-decoration: none;
    }

        .schedule-modal-customer a:hover[b-tn67yxscgk] {
            color: #ffffff;
        }

.schedule-modal-services[b-tn67yxscgk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 13px;
}

    .schedule-modal-services span[b-tn67yxscgk] {
        padding: 6px 9px;
        background: rgba(239, 51, 64, 0.07);
        border: 1px solid rgba(239, 51, 64, 0.22);
        border-radius: 7px;
        color: #d6d7d9;
        font-size: 10px;
        font-weight: 700;
    }


/* ESTADOS */

.schedule-modal-status[b-tn67yxscgk] {
    flex-shrink: 0;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.schedule-modal-status-open[b-tn67yxscgk] {
    background: rgba(224, 170, 37, 0.10);
    border: 1px solid rgba(224, 170, 37, 0.35);
    color: #e8b83f;
}

.schedule-modal-status-progress[b-tn67yxscgk] {
    background: rgba(239, 51, 64, 0.10);
    border: 1px solid rgba(239, 51, 64, 0.35);
    color: #ef5964;
}

.schedule-modal-status-completed[b-tn67yxscgk] {
    background: rgba(80, 180, 120, 0.10);
    border: 1px solid rgba(80, 180, 120, 0.30);
    color: #6dcc91;
}

.schedule-modal-status-cancelled[b-tn67yxscgk] {
    background: #292b2d;
    border: 1px solid #383a3d;
    color: #85888f;
}

@media (max-width: 650px) {
    .schedule-modal-backdrop[b-tn67yxscgk] {
        padding: 14px;
    }

    .schedule-modal-item[b-tn67yxscgk] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .schedule-modal-top[b-tn67yxscgk] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   AÇÕES DO AGENDAMENTO
   ========================================================= */

/* =========================================================
   AÇÕES DO AGENDAMENTO
   ========================================================= */

.schedule-modal-actions[b-tn67yxscgk] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    min-width: 0;
    margin-top: 4px;
    padding-top: 16px;
    box-sizing: border-box;
    border-top: 1px solid #343638;
}

.schedule-modal-action[b-tn67yxscgk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 110px;
    height: 40px;
    padding: 0 16px;
    margin: 0;
    box-sizing: border-box;
    background: #252729;
    border: 1px solid #383a3d;
    border-radius: 9px;
    color: #d8d9db;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

    .schedule-modal-action:hover[b-tn67yxscgk] {
        background: #292b2d;
        border-color: #47494c;
        color: #ffffff;
    }

.schedule-modal-action-primary[b-tn67yxscgk] {
    background: #ef3340;
    border-color: #ef3340;
    color: #ffffff;
}

    .schedule-modal-action-primary:hover[b-tn67yxscgk] {
        background: #ff3d4b;
        border-color: #ff3d4b;
        color: #ffffff;
    }
/* /Components/Pages/AtivarConta.razor.rz.scp.css */
.revision-auth-page[b-fs1xn636cm] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    padding: 30px 20px;
    overflow: hidden;
    background: radial-gradient( circle at 75% 25%, rgba(255, 45, 45, 0.14), transparent 30% ), radial-gradient( circle at 20% 80%, rgba(255, 255, 255, 0.03), transparent 30% ), #080808;
}
    /* brilho subtil */

    .revision-auth-page[b-fs1xn636cm]::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        right: -250px;
        bottom: -250px;
        border-radius: 50%;
        background: rgba(255, 45, 45, 0.06);
        filter: blur(50px);
    }

/* LOGO */

.revision-auth-brand[b-fs1xn636cm] {
    position: absolute;
    top: 25px;
    left: 40px;
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    z-index: 2;
}

    .revision-auth-brand img[b-fs1xn636cm] {
        width: auto;
        height: 72px;
        object-fit: contain;
    }

/* caso ainda tenhas o placeholder antigo */

.revision-auth-logo[b-fs1xn636cm] {
    display: none;
}

/* CARD */

.revision-auth-card[b-fs1xn636cm] {
    position: relative;
    width: 100%;
    max-width: 440px;
    padding: 38px 42px;
    background: rgba(18, 18, 18, .94);
    border: 1px solid #292929;
    border-radius: 20px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .60), 0 0 50px rgba(255, 45, 45, .03);
    backdrop-filter: blur(15px);
}

    /* detalhe vermelho */

    .revision-auth-card[b-fs1xn636cm]::before {
        content: "";
        display: block;
        width: 42px;
        height: 3px;
        margin-bottom: 28px;
        background: #ff2d2d;
        border-radius: 20px;
    }

/* CABEÇALHO */

.revision-auth-heading span[b-fs1xn636cm] {
    display: block;
    color: #ff2d2d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.5px;
}

.revision-auth-heading h1[b-fs1xn636cm] {
    margin: 12px 0 8px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -1px;
}

.revision-auth-heading p[b-fs1xn636cm] {
    margin: 0 0 32px;
    color: #8f8f8f;
    font-size: 15px;
}

/* CAMPOS */
.revision-field[b-fs1xn636cm] {
    width: 100%;
    margin-bottom: 20px;
}

    .revision-field label[b-fs1xn636cm] {
        display: block;
        margin-bottom: 9px;
        color: #d0d0d0;
        font-size: 13px;
        font-weight: 700;
    }

/* IMPORTANTE: CSS ISOLATION + INPUTTEXT */
[b-fs1xn636cm] .revision-input {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    box-sizing: border-box !important;
    padding: 0 16px !important;
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: 1px solid #303030 !important;
    border-radius: 10px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

    [b-fs1xn636cm] .revision-input::placeholder {
        color: #626262 !important;
        opacity: 1;
    }

    [b-fs1xn636cm] .revision-input:hover {
        background: #101010 !important;
        border-color: #444444 !important;
    }

    [b-fs1xn636cm] .revision-input:focus {
        background: #111111 !important;
        border-color: #ff2d2d !important;
        box-shadow: 0 0 0 3px rgba(255,45,45,.10), 0 0 22px rgba(255,45,45,.05) !important;
    }

.revision-auth-card form[b-fs1xn636cm] {
    width: 100%;
}
/* ERRO */

.revision-auth-error[b-fs1xn636cm] {
    margin-bottom: 16px;
    padding: 12px 14px;
    background: rgba(255, 45, 45, 0.08);
    border: 1px solid rgba(255, 45, 45, 0.30);
    border-radius: 8px;
    color: #ff7b7b;
    font-size: 13px;
}

/* BOTÃO LOGIN */

.revision-auth-submit[b-fs1xn636cm] {
    width: 100%;
    height: 52px;
    margin-top: 8px;
    border: 0;
    border-radius: 9px;
    background: #ff2d2d;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

    .revision-auth-submit:hover[b-fs1xn636cm] {
        background: #db1f1f;
        transform: translateY(-1px);
    }

    .revision-auth-submit:disabled[b-fs1xn636cm] {
        opacity: 0.6;
        cursor: wait;
        transform: none;
    }

/* REGISTO */

.revision-auth-register[b-fs1xn636cm] {
    margin-top: 26px;
    text-align: center;
    color: #777777;
    font-size: 13px;
}

    .revision-auth-register a[b-fs1xn636cm] {
        margin-left: 4px;
        color: #ffffff;
        font-weight: 800;
        text-decoration: none;
    }

        .revision-auth-register a:hover[b-fs1xn636cm] {
            color: #ff2d2d;
        }

/* VOLTAR */

.revision-auth-back[b-fs1xn636cm] {
    display: block;
    margin-top: 28px;
    text-align: center;
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .revision-auth-back:hover[b-fs1xn636cm] {
        color: #ffffff;
    }

/* RESPONSIVE */

@media (max-width: 600px) {

    .revision-auth-page[b-fs1xn636cm] {
        min-height: 100vh;
        padding: 90px 14px 30px;
        align-items: center;
        justify-content: center;
    }

    .revision-auth-brand[b-fs1xn636cm] {
        top: 18px;
        left: 20px;
    }

        .revision-auth-brand img[b-fs1xn636cm] {
            height: 60px;
        }

    .revision-auth-card[b-fs1xn636cm] {
        padding: 32px 22px;
        border-radius: 17px;
    }

    .revision-auth-heading h1[b-fs1xn636cm] {
        font-size: 32px;
    }
}


/* =========================================================
   RE-VISION — ATIVAÇÃO DE CONTA
   ========================================================= */

.revision-password-help[b-fs1xn636cm] {
    margin-top: -8px;
    margin-bottom: 18px;
    color: #85888f;
    font-size: 12px;
    line-height: 1.5;
}

.revision-auth-card input:disabled[b-fs1xn636cm] {
    background: #151719;
    border-color: #2f3133;
    color: #85888f;
    cursor: not-allowed;
    opacity: 1;
}

.revision-auth-submit:disabled[b-fs1xn636cm] {
    cursor: not-allowed;
    opacity: 0.65;
}

.revision-auth-card .revision-auth-heading > span[b-fs1xn636cm] {
    display: inline-block;
}

.revision-auth-card input[type="password"][b-fs1xn636cm] {
    letter-spacing: 0.02em;
}

@media (max-width: 600px) {
    .revision-password-help[b-fs1xn636cm] {
        margin-bottom: 16px;
        font-size: 11px;
    }
}
/* /Components/Pages/Cliente.razor.rz.scp.css */
.revision-client-page[b-880ijcijei] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    background: radial-gradient( circle at 78% 30%, rgba(255, 45, 45, .15), transparent 28% ), #080808;
    color: #ffffff;
}


.revision-client-card[b-880ijcijei] {
    width: min(1180px, 100%);
    min-height: 610px;
    padding: 60px;
    position: relative;
    overflow: hidden;
    background: linear-gradient( 135deg, #151515, #0c0c0c );
    border: 1px solid #292929;
    border-radius: 26px;
    box-shadow: 0 35px 100px rgba(0,0,0,.55);
}


    .revision-client-card[b-880ijcijei]::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        right: -170px;
        top: -170px;
        border-radius: 50%;
        background: rgba(255, 45, 45, .08);
        filter: blur(30px);
    }


.revision-client-content[b-880ijcijei] {
    min-height: 490px;
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 70px;
}


/* =========================================================
   TEXTO
   ========================================================= */

.revision-client-copy[b-880ijcijei] {
    max-width: 590px;
}


.revision-eyebrow[b-880ijcijei] {
    color: #ff2d2d;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
}


.revision-client-copy h1[b-880ijcijei] {
    margin: 16px 0 22px;
    color: #ffffff;
    font-size: clamp(46px, 5vw, 70px);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -2.4px;
}


    .revision-client-copy h1 span[b-880ijcijei] {
        display: block;
        color: #ff2d2d;
    }


.revision-client-copy p[b-880ijcijei] {
    max-width: 570px;
    color: #a8a8a8;
    font-size: 17px;
    line-height: 1.8;
}


/* FEATURES */

.revision-client-features[b-880ijcijei] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin-top: 28px;
    color: #c6c6c6;
    font-size: 13px;
}


    .revision-client-features span[b-880ijcijei]::first-letter {
        color: #ff2d2d;
    }


/* ACTIONS */

.revision-client-actions[b-880ijcijei] {
    display: flex;
    gap: 12px;
    margin-top: 34px;
}


.revision-btn[b-880ijcijei] {
    min-height: 48px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}


.revision-btn-outline[b-880ijcijei] {
    color: #ffffff;
    background: transparent;
    border: 1px solid #3a3a3a;
}


    .revision-btn-outline:hover[b-880ijcijei] {
        background: #181818;
    }


.revision-btn-primary[b-880ijcijei] {
    color: #ffffff;
    background: #ff2d2d;
    border: 1px solid #ff2d2d;
}


    .revision-btn-primary:hover[b-880ijcijei] {
        background: #db1f1f;
    }


/* =========================================================
   PHONE MOCKUP
   ========================================================= */

.revision-client-visual[b-880ijcijei] {
    min-height: 480px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


.revision-phone-glow[b-880ijcijei] {
    position: absolute;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background: rgba(255, 45, 45, .20);
    filter: blur(85px);
}


.revision-phone[b-880ijcijei] {
    position: relative;
    z-index: 2;
    width: 275px;
    min-height: 510px;
    padding: 16px;
    background: linear-gradient( 150deg, #171717, #080808 );
    border: 7px solid #252525;
    border-radius: 42px;
    box-shadow: 0 40px 80px rgba(0,0,0,.65);
    transform: rotate(3deg);
}


    .revision-phone[b-880ijcijei]::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 50%;
        width: 75px;
        height: 17px;
        transform: translateX(-50%);
        border-radius: 20px;
        background: #050505;
    }


.revision-phone-top[b-880ijcijei] {
    margin-top: 18px;
    padding: 14px 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    font-size: 12px;
}


    .revision-phone-top strong[b-880ijcijei] {
        color: #ff2d2d;
        letter-spacing: 1px;
    }


.revision-phone-body[b-880ijcijei] {
    padding: 20px 6px;
}


    .revision-phone-body > small[b-880ijcijei] {
        color: #777777;
    }


    .revision-phone-body h3[b-880ijcijei] {
        margin: 7px 0 20px;
        font-size: 24px;
    }


/* VEHICLE */

.revision-vehicle-card[b-880ijcijei] {
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient( 135deg, #202020, #131313 );
    border: 1px solid #303030;
    border-radius: 14px;
}


    .revision-vehicle-card div[b-880ijcijei] {
        display: flex;
        flex-direction: column;
    }


    .revision-vehicle-card small[b-880ijcijei] {
        color: #777777;
    }


    .revision-vehicle-card strong[b-880ijcijei] {
        margin-top: 3px;
        font-size: 14px;
    }


    .revision-vehicle-card > span[b-880ijcijei] {
        color: #ff2d2d;
        font-size: 12px;
        font-weight: 900;
    }


/* GRID */

.revision-phone-grid[b-880ijcijei] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
}


    .revision-phone-grid div[b-880ijcijei] {
        padding: 18px 10px;
        text-align: center;
        background: #111111;
        border: 1px solid #272727;
        border-radius: 12px;
    }


    .revision-phone-grid strong[b-880ijcijei] {
        display: block;
        color: #ff2d2d;
        font-size: 22px;
    }


    .revision-phone-grid span[b-880ijcijei] {
        display: block;
        margin-top: 4px;
        color: #777777;
        font-size: 10px;
    }


/* NEXT BOOKING */

.revision-phone-action[b-880ijcijei] {
    margin-top: 12px;
    padding: 17px;
    display: flex;
    flex-direction: column;
    background: rgba(255,45,45,.08);
    border: 1px solid rgba(255,45,45,.25);
    border-radius: 12px;
    color: #a2a2a2;
    font-size: 11px;
}


    .revision-phone-action strong[b-880ijcijei] {
        margin-top: 7px;
        color: #ffffff;
        font-size: 14px;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .revision-client-card[b-880ijcijei] {
        padding: 48px 32px;
    }

    .revision-client-content[b-880ijcijei] {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .revision-client-copy[b-880ijcijei] {
        text-align: center;
        margin: 0 auto;
    }

    .revision-client-features[b-880ijcijei],
    .revision-client-actions[b-880ijcijei] {
        justify-content: center;
    }

    .revision-client-visual[b-880ijcijei] {
        min-height: 520px;
    }
}


@media (max-width: 600px) {

    .revision-client-page[b-880ijcijei] {
        padding: 18px 12px;
    }

    .revision-client-card[b-880ijcijei] {
        min-height: auto;
        padding: 42px 22px;
        border-radius: 19px;
    }

    .revision-client-copy h1[b-880ijcijei] {
        font-size: 40px;
    }

    .revision-client-copy p[b-880ijcijei] {
        font-size: 15px;
    }

    .revision-client-features[b-880ijcijei] {
        flex-direction: column;
        gap: 9px;
    }

    .revision-client-actions[b-880ijcijei] {
        flex-direction: column;
    }

        .revision-client-actions .revision-btn[b-880ijcijei] {
            width: 100%;
        }

    .revision-phone[b-880ijcijei] {
        width: 245px;
        min-height: 470px;
    }
}

.revision-nowrap[b-880ijcijei] {
    white-space: nowrap;
}

.client-download[b-880ijcijei] {
    margin-top: 26px;
}

.client-download-label[b-880ijcijei] {
    display: block;
    margin-bottom: 10px;
    color: #777777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4px;
}

.client-store-links[b-880ijcijei] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.client-store-button[b-880ijcijei] {
    min-width: 150px;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    padding: 8px 14px;
    background: #080808;
    border: 1px solid #343434;
    border-radius: 10px;
    color: #ffffff;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

    .client-store-button:hover[b-880ijcijei] {
        transform: translateY(-2px);
        background: #111111;
        border-color: #555555;
    }

.client-store-icon[b-880ijcijei] {
    width: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 19px;
}

.client-store-button span:last-child[b-880ijcijei] {
    display: flex;
    flex-direction: column;
}

.client-store-button small[b-880ijcijei] {
    color: #858585;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
}

.client-store-button strong[b-880ijcijei] {
    margin-top: 3px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}
/* /Components/Pages/ClienteDetalhe.razor.rz.scp.css */
.customer-detail-page[b-n75up3q765] {
    width: 100%;
    padding: 0 0 48px;
    color: #ffffff;
}

/* =========================================================
   HEADER
   ========================================================= */

.detail-header[b-n75up3q765] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.detail-header-main[b-n75up3q765] {
    min-width: 0;
}

.back-button[b-n75up3q765] {
    display: inline-flex;
    align-items: center;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #929599;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: color .16s ease;
}

    .back-button:hover[b-n75up3q765] {
        color: #ffffff;
    }

.detail-eyebrow[b-n75up3q765] {
    display: block;
    margin-bottom: 5px;
    color: #ef3340;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.detail-header h1[b-n75up3q765] {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.7px;
}

.detail-header p[b-n75up3q765] {
    margin: 0;
    color: #929599;
    font-size: 14px;
    line-height: 1.6;
}

.detail-id[b-n75up3q765] {
    min-width: 130px;
    padding: 16px 18px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    text-align: right;
}

    .detail-id span[b-n75up3q765] {
        display: block;
        margin-bottom: 5px;
        color: #85888f;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.3px;
    }

    .detail-id strong[b-n75up3q765] {
        color: #ffffff;
        font-size: 20px;
        font-weight: 800;
    }

/* =========================================================
   CONTENT
   ========================================================= */

.detail-content[b-n75up3q765] {
    display: grid;
    gap: 18px;
}

.detail-card[b-n75up3q765] {
    border: 1px solid #343638;
    border-radius: 13px;
    background: linear-gradient( 145deg, #1b1d1f 0%, #191b1d 100% );
    overflow: hidden;
}

.section-heading[b-n75up3q765] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid #303235;
}

.section-eyebrow[b-n75up3q765] {
    display: block;
    margin-bottom: 5px;
    color: #ef3340;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.section-heading h2[b-n75up3q765] {
    margin: 0;
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
}

.section-heading p[b-n75up3q765] {
    margin: 6px 0 0;
    color: #85888f;
    font-size: 12px;
    line-height: 1.5;
}

/* =========================================================
   CUSTOMER INFO
   ========================================================= */

.customer-info-grid[b-n75up3q765] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 4px 24px 22px;
}

.info-field[b-n75up3q765] {
    min-width: 0;
    padding: 20px 20px 16px 0;
    border-bottom: 1px solid #2c2e30;
}

    .info-field:nth-last-child(-n + 3)[b-n75up3q765] {
        border-bottom: 0;
    }

    .info-field span[b-n75up3q765] {
        display: block;
        margin-bottom: 7px;
        color: #6f7278;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.1px;
    }

    .info-field strong[b-n75up3q765] {
        display: block;
        overflow: hidden;
        color: #d7d8da;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.4;
        text-overflow: ellipsis;
    }

/* =========================================================
   VEHICLE COUNT
   ========================================================= */

.vehicle-count[b-n75up3q765] {
    min-width: 76px;
    padding: 10px 14px;
    border: 1px solid #383a3d;
    border-radius: 9px;
    background: #252729;
    text-align: right;
}

    .vehicle-count span[b-n75up3q765] {
        display: block;
        margin-bottom: 3px;
        color: #6f7278;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .vehicle-count strong[b-n75up3q765] {
        display: block;
        color: #ffffff;
        font-size: 18px;
        font-weight: 800;
    }

/* =========================================================
   VEHICLES
   ========================================================= */

.vehicles-list[b-n75up3q765] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.vehicle-row[b-n75up3q765] {
    position: relative;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) 130px auto;
    align-items: center;
    gap: 24px;
    min-height: 96px;
    padding: 18px 18px 18px 22px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 10px;
    background: linear-gradient( 90deg, #202225 0%, #202225 76%, rgba(239, 51, 64, .05) 100% );
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

    .vehicle-row[b-n75up3q765]::before {
        content: "";
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 0;
        width: 3px;
        border-radius: 0 3px 3px 0;
        background: #ef3340;
    }

    .vehicle-row:hover[b-n75up3q765] {
        transform: translateY(-1px);
        border-color: #47494c;
        background: linear-gradient( 90deg, #252729 0%, #252729 76%, rgba(239, 51, 64, .075) 100% );
    }

/* =========================================================
   PLATE
   ========================================================= */

.vehicle-identity[b-n75up3q765] {
    min-width: 0;
}

.vehicle-label[b-n75up3q765] {
    display: block;
    margin-bottom: 6px;
    color: #6f7278;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.vehicle-plate[b-n75up3q765] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 102px;
    height: 34px;
    padding: 0 11px;
    border: 1px solid #47494c;
    border-radius: 6px;
    background: #f0f0ed;
    color: #111214;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* =========================================================
   VEHICLE DESCRIPTION
   ========================================================= */

.vehicle-description[b-n75up3q765] {
    min-width: 0;
}

    .vehicle-description > strong[b-n75up3q765] {
        display: block;
        margin-bottom: 7px;
        overflow: hidden;
        color: #ffffff;
        font-size: 15px;
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.vehicle-details[b-n75up3q765] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #85888f;
    font-size: 11px;
}

    .vehicle-details span[b-n75up3q765] {
        display: inline-flex;
        align-items: center;
    }

        .vehicle-details span:not(:last-child)[b-n75up3q765]::after {
            content: "";
            width: 3px;
            height: 3px;
            margin: 0 8px;
            border-radius: 50%;
            background: #55585d;
        }

/* =========================================================
   LAST VISIT
   ========================================================= */

.vehicle-visit[b-n75up3q765] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .vehicle-visit span[b-n75up3q765] {
        color: #6f7278;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .vehicle-visit strong[b-n75up3q765] {
        color: #d7d8da;
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
    }

/* =========================================================
   ACTION
   ========================================================= */

.vehicle-actions[b-n75up3q765] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.history-button[b-n75up3q765] {
    height: 39px;
    padding: 0 15px;
    border: 1px solid #47494c;
    border-radius: 8px;
    background: #292b2d;
    color: #ffffff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

    .history-button:hover[b-n75up3q765] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, .09);
    }

/* =========================================================
   EMPTY VEHICLES
   ========================================================= */

.vehicles-empty[b-n75up3q765] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 130px;
    padding: 28px 24px;
}

.empty-icon[b-n75up3q765] {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid #3b3d40;
    border-radius: 50%;
    background: #252729;
    color: #85888f;
    font-size: 15px;
    font-weight: 800;
}

.vehicles-empty > div:last-child[b-n75up3q765] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.vehicles-empty strong[b-n75up3q765] {
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.vehicles-empty span[b-n75up3q765] {
    color: #85888f;
    font-size: 12px;
}

/* =========================================================
   INTERNAL NOTES
   ========================================================= */

.notes-card > p[b-n75up3q765] {
    margin: 0;
    padding: 22px 24px 26px;
    color: #c4c6c9;
    font-size: 13px;
    line-height: 1.7;
    white-space: pre-line;
}

/* =========================================================
   STATES
   ========================================================= */

.detail-state[b-n75up3q765] {
    display: flex;
    min-height: 180px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 28px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: #1b1d1f;
    color: #929599;
    font-size: 14px;
}

    .detail-state.error strong[b-n75up3q765] {
        color: #ffffff;
        font-size: 16px;
    }

    .detail-state button[b-n75up3q765] {
        height: 40px;
        margin-top: 5px;
        padding: 0 16px;
        border: 1px solid #ef3340;
        border-radius: 8px;
        background: #ef3340;
        color: #ffffff;
        font-family: inherit;
        font-size: 12px;
        font-weight: 800;
        cursor: pointer;
    }

        .detail-state button:hover[b-n75up3q765] {
            background: #d92b37;
            border-color: #d92b37;
        }

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

    .vehicle-row[b-n75up3q765] {
        grid-template-columns: 130px minmax(0, 1fr) auto;
    }

    .vehicle-visit[b-n75up3q765] {
        grid-column: 2;
        grid-row: 2;
    }

    .vehicle-actions[b-n75up3q765] {
        grid-column: 3;
        grid-row: 1 / 3;
    }
}

@media (max-width: 760px) {

    .detail-header[b-n75up3q765] {
        flex-direction: column;
    }

    .detail-id[b-n75up3q765] {
        width: 100%;
        text-align: left;
    }

    .customer-info-grid[b-n75up3q765] {
        grid-template-columns: 1fr 1fr;
    }

    .info-field:nth-last-child(-n + 3)[b-n75up3q765] {
        border-bottom: 1px solid #2c2e30;
    }

    .info-field:nth-last-child(-n + 2)[b-n75up3q765] {
        border-bottom: 0;
    }

    .vehicle-row[b-n75up3q765] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .vehicle-visit[b-n75up3q765],
    .vehicle-actions[b-n75up3q765] {
        grid-column: 1;
        grid-row: auto;
    }

    .vehicle-actions[b-n75up3q765] {
        justify-content: stretch;
    }

    .history-button[b-n75up3q765] {
        width: 100%;
    }
}

@media (max-width: 500px) {

    .detail-header h1[b-n75up3q765] {
        font-size: 27px;
    }

    .customer-info-grid[b-n75up3q765] {
        grid-template-columns: 1fr;
    }

    .info-field[b-n75up3q765],
    .info-field:nth-last-child(-n + 2)[b-n75up3q765],
    .info-field:nth-last-child(-n + 3)[b-n75up3q765] {
        border-bottom: 1px solid #2c2e30;
    }

        .info-field:last-child[b-n75up3q765] {
            border-bottom: 0;
        }

    .section-heading[b-n75up3q765] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Clientes.razor.rz.scp.css */
.customers-page[b-e1ng0gbm7s] {
    width: 100%;
    padding: 0 0 48px;
    color: #ffffff;
}

.customers-header[b-e1ng0gbm7s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .customers-header h1[b-e1ng0gbm7s] {
        margin: 4px 0 8px;
        font-size: 32px;
        font-weight: 800;
        letter-spacing: -0.7px;
        color: #ffffff;
    }

    .customers-header p[b-e1ng0gbm7s] {
        margin: 0;
        max-width: 650px;
        color: #929599;
        font-size: 14px;
        line-height: 1.6;
    }

.customers-eyebrow[b-e1ng0gbm7s] {
    display: block;
    color: #ef3340;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.customers-counter[b-e1ng0gbm7s] {
    min-width: 132px;
    padding: 16px 18px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    text-align: right;
}

    .customers-counter span[b-e1ng0gbm7s] {
        display: block;
        margin-bottom: 4px;
        color: #85888f;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.3px;
    }

    .customers-counter strong[b-e1ng0gbm7s] {
        display: block;
        color: #ffffff;
        font-size: 26px;
        line-height: 1;
        font-weight: 800;
    }

.customers-toolbar[b-e1ng0gbm7s] {
    margin-bottom: 20px;
}

.customers-search[b-e1ng0gbm7s] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: #1b1d1f;
}

    .customers-search input[b-e1ng0gbm7s] {
        flex: 1;
        min-width: 0;
        height: 44px;
        padding: 0 14px;
        border: 1px solid #383a3d;
        border-radius: 9px;
        outline: none;
        background: #252729;
        color: #ffffff;
        font-family: inherit;
        font-size: 14px;
        transition: border-color .16s ease, background .16s ease;
    }

        .customers-search input[b-e1ng0gbm7s]::placeholder {
            color: #85888f;
        }

        .customers-search input:focus[b-e1ng0gbm7s] {
            border-color: #5a5d61;
            background: #292b2d;
        }

    .customers-search button[b-e1ng0gbm7s],
    .customers-state button[b-e1ng0gbm7s] {
        height: 44px;
        padding: 0 20px;
        border: 1px solid #ef3340;
        border-radius: 9px;
        background: #ef3340;
        color: #ffffff;
        font-family: inherit;
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
        transition: transform .16s ease, background .16s ease, border-color .16s ease;
    }

        .customers-search button:hover[b-e1ng0gbm7s],
        .customers-state button:hover[b-e1ng0gbm7s] {
            background: #d92b37;
            border-color: #d92b37;
            transform: translateY(-1px);
        }

.customers-list[b-e1ng0gbm7s] {
    display: grid;
    gap: 12px;
}

.customer-card[b-e1ng0gbm7s] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 28px;
    min-height: 118px;
    padding: 22px 24px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 12px;
    background: linear-gradient( 90deg, #1b1d1f 0%, #1b1d1f 74%, rgba(239, 51, 64, .055) 100% );
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

    .customer-card[b-e1ng0gbm7s]::before {
        content: "";
        position: absolute;
        top: 16px;
        bottom: 16px;
        left: 0;
        width: 3px;
        border-radius: 0 3px 3px 0;
        background: #ef3340;
        opacity: .82;
    }

    .customer-card:hover[b-e1ng0gbm7s] {
        transform: translateY(-1px);
        border-color: #47494c;
        background: linear-gradient( 90deg, #1f2123 0%, #1f2123 74%, rgba(239, 51, 64, .08) 100% );
    }

.customer-main[b-e1ng0gbm7s] {
    min-width: 0;
}

.customer-topline[b-e1ng0gbm7s] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 7px;
}

.customer-label[b-e1ng0gbm7s] {
    color: #ef3340;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.customer-id[b-e1ng0gbm7s] {
    color: #6f7278;
    font-size: 11px;
    font-weight: 700;
}

.customer-name[b-e1ng0gbm7s] {
    display: block;
    margin-bottom: 9px;
    overflow: hidden;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-contact-row[b-e1ng0gbm7s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 0;
    color: #929599;
    font-size: 12px;
}

    .customer-contact-row span[b-e1ng0gbm7s] {
        display: inline-flex;
        align-items: center;
    }

        .customer-contact-row span:not(:last-child)[b-e1ng0gbm7s]::after {
            content: "";
            width: 3px;
            height: 3px;
            margin: 0 9px;
            border-radius: 50%;
            background: #5c5f64;
        }

.customer-meta[b-e1ng0gbm7s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(105px, auto));
    gap: 24px;
}

    .customer-meta div[b-e1ng0gbm7s] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .customer-meta span[b-e1ng0gbm7s] {
        color: #6f7278;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.1px;
    }

    .customer-meta strong[b-e1ng0gbm7s] {
        color: #d7d8da;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }

.customer-actions[b-e1ng0gbm7s] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .customer-actions button[b-e1ng0gbm7s] {
        height: 40px;
        padding: 0 16px;
        border: 1px solid #47494c;
        border-radius: 8px;
        background: #252729;
        color: #ffffff;
        font-family: inherit;
        font-size: 12px;
        font-weight: 800;
        white-space: nowrap;
        cursor: pointer;
        transition: border-color .16s ease, background .16s ease, color .16s ease;
    }

        .customer-actions button:hover[b-e1ng0gbm7s] {
            border-color: #ef3340;
            background: rgba(239, 51, 64, .08);
            color: #ffffff;
        }

.customers-state[b-e1ng0gbm7s],
.customers-empty[b-e1ng0gbm7s] {
    min-height: 180px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: linear-gradient( 145deg, #1b1d1f 0%, #191b1d 100% );
}

.customers-state[b-e1ng0gbm7s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 28px;
    color: #929599;
    font-size: 14px;
}

    .customers-state.error strong[b-e1ng0gbm7s] {
        color: #ffffff;
        font-size: 16px;
    }

    .customers-state.error span[b-e1ng0gbm7s] {
        color: #929599;
    }

    .customers-state button[b-e1ng0gbm7s] {
        margin-top: 6px;
    }

.customers-empty[b-e1ng0gbm7s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 32px;
}

.customers-empty-badge[b-e1ng0gbm7s] {
    display: grid;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid #3b3d40;
    border-radius: 50%;
    background: #252729;
    color: #85888f;
    font-size: 18px;
    font-weight: 800;
}

.customers-empty div[b-e1ng0gbm7s] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.customers-empty strong[b-e1ng0gbm7s] {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}

.customers-empty div span[b-e1ng0gbm7s] {
    color: #85888f;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 1080px) {

    .customer-card[b-e1ng0gbm7s] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .customer-meta[b-e1ng0gbm7s] {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-top: 14px;
        border-top: 1px solid #2f3133;
    }

    .customer-actions[b-e1ng0gbm7s] {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 720px) {

    .customers-header[b-e1ng0gbm7s] {
        flex-direction: column;
    }

    .customers-counter[b-e1ng0gbm7s] {
        width: 100%;
        text-align: left;
    }

    .customers-search[b-e1ng0gbm7s] {
        flex-direction: column;
    }

        .customers-search input[b-e1ng0gbm7s],
        .customers-search button[b-e1ng0gbm7s] {
            width: 100%;
        }

    .customer-card[b-e1ng0gbm7s] {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .customer-meta[b-e1ng0gbm7s] {
        grid-column: 1;
        grid-row: auto;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .customer-actions[b-e1ng0gbm7s] {
        grid-column: 1;
        grid-row: auto;
        justify-content: stretch;
    }

        .customer-actions button[b-e1ng0gbm7s] {
            width: 100%;
        }
}

@media (max-width: 480px) {

    .customers-header h1[b-e1ng0gbm7s] {
        font-size: 27px;
    }

    .customer-meta[b-e1ng0gbm7s] {
        grid-template-columns: 1fr;
    }

    .customers-empty[b-e1ng0gbm7s] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Creditos.razor.rz.scp.css */
.credits-page[b-axuz5t2fk0] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 8px 0 48px;
    color: #fff;
}

/* HEADER */

.credits-header[b-axuz5t2fk0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 30px;
}

.credits-eyebrow[b-axuz5t2fk0],
.section-label[b-axuz5t2fk0] {
    display: block;
    margin-bottom: 8px;
    color: #ef3340;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
}

.credits-header h1[b-axuz5t2fk0] {
    margin: 0;
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.credits-header p[b-axuz5t2fk0] {
    max-width: 650px;
    margin: 9px 0 0;
    color: #929599;
    font-size: 14px;
    line-height: 1.6;
}

/* SALDO */

.credits-balance-card[b-axuz5t2fk0] {
    min-width: 180px;
    padding: 16px 20px;
    border: 1px solid #343638;
    border-radius: 10px;
    background: linear-gradient( 135deg, #1b1d1f 0%, #1b1d1f 72%, rgba(239, 51, 64, .08) 100% );
}

    .credits-balance-card > span[b-axuz5t2fk0] {
        display: block;
        margin-bottom: 4px;
        color: #85888f;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .13em;
    }

    .credits-balance-card strong[b-axuz5t2fk0] {
        display: inline-block;
        color: #fff;
        font-size: 28px;
        font-weight: 900;
        letter-spacing: -.03em;
    }

    .credits-balance-card small[b-axuz5t2fk0] {
        margin-left: 5px;
        color: #929599;
        font-size: 11px;
    }

/* LOADING / ERROR */

.credits-loading[b-axuz5t2fk0],
.credits-error[b-axuz5t2fk0] {
    padding: 28px;
    border: 1px solid #343638;
    border-radius: 10px;
    background: #1b1d1f;
    color: #929599;
}

.credits-error[b-axuz5t2fk0] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

    .credits-error strong[b-axuz5t2fk0] {
        color: #fff;
        font-size: 16px;
    }

    .credits-error span[b-axuz5t2fk0] {
        font-size: 13px;
    }

    .credits-error button[b-axuz5t2fk0] {
        min-height: 40px;
        margin-top: 8px;
        padding: 0 16px;
        border: 1px solid #47494c;
        border-radius: 7px;
        background: #252729;
        color: #fff;
        font-family: inherit;
        font-weight: 800;
        cursor: pointer;
    }

/* HEADINGS */

.credits-packages-section[b-axuz5t2fk0],
.credits-payment-section[b-axuz5t2fk0] {
    margin-top: 28px;
}

.section-heading[b-axuz5t2fk0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 16px;
}

    .section-heading h2[b-axuz5t2fk0] {
        margin: 0;
        color: #fff;
        font-size: 21px;
        font-weight: 800;
    }

    .section-heading > p[b-axuz5t2fk0] {
        max-width: 400px;
        margin: 0;
        color: #85888f;
        font-size: 12px;
        line-height: 1.5;
        text-align: right;
    }

/* PACOTES */

.credits-packages-grid[b-axuz5t2fk0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.credit-package[b-axuz5t2fk0] {
    position: relative;
    min-width: 0;
    padding: 22px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 12px;
    background: #1b1d1f;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

    .credit-package:hover[b-axuz5t2fk0] {
        transform: translateY(-2px);
        border-color: #47494c;
        background: #1f2123;
    }

    .credit-package.selected[b-axuz5t2fk0] {
        border-color: #ef3340;
        box-shadow: inset 0 0 0 1px rgba(239, 51, 64, .15);
    }

    .credit-package.featured[b-axuz5t2fk0] {
        background: linear-gradient( 135deg, #1b1d1f 0%, #1b1d1f 67%, rgba(239, 51, 64, .09) 100% );
    }

.package-recommended[b-axuz5t2fk0] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 11px;
    border-bottom-left-radius: 7px;
    background: #ef3340;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.package-top[b-axuz5t2fk0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 23px;
    margin-bottom: 20px;
}

.package-label[b-axuz5t2fk0] {
    color: #85888f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .15em;
}

.package-selected[b-axuz5t2fk0] {
    color: #ef3340;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .1em;
}

.credit-package.featured .package-selected[b-axuz5t2fk0] {
    margin-right: 82px;
}

.package-credits[b-axuz5t2fk0] {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin-bottom: 8px;
}

    .package-credits strong[b-axuz5t2fk0] {
        color: #fff;
        font-size: 34px;
        font-weight: 900;
        letter-spacing: -.04em;
    }

    .package-credits span[b-axuz5t2fk0] {
        color: #929599;
        font-size: 11px;
    }

.package-price[b-axuz5t2fk0] {
    margin-bottom: 6px;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
}

.package-unit-price[b-axuz5t2fk0] {
    min-height: 18px;
    color: #85888f;
    font-size: 10px;
}

.package-select-button[b-axuz5t2fk0] {
    width: 100%;
    min-height: 42px;
    margin-top: 20px;
    border: 1px solid #47494c;
    border-radius: 8px;
    background: #252729;
    color: #fff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

    .package-select-button:hover[b-axuz5t2fk0] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, .08);
    }

.credit-package.selected .package-select-button[b-axuz5t2fk0] {
    border-color: #ef3340;
    background: #ef3340;
}

/* PAGAMENTO */

.credits-payment-section[b-axuz5t2fk0] {
    padding: 24px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: #1b1d1f;
}

.payment-total[b-axuz5t2fk0] {
    text-align: right;
}

    .payment-total span[b-axuz5t2fk0] {
        display: block;
        margin-bottom: 3px;
        color: #85888f;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .payment-total strong[b-axuz5t2fk0] {
        color: #fff;
        font-size: 20px;
    }

.payment-methods[b-axuz5t2fk0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.payment-method[b-axuz5t2fk0] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 72px;
    padding: 13px 15px;
    border: 1px solid #343638;
    border-radius: 9px;
    background: #202225;
    color: #fff;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

    .payment-method:hover[b-axuz5t2fk0] {
        border-color: #47494c;
        background: #252729;
    }

    .payment-method.selected[b-axuz5t2fk0] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, .065);
    }

.payment-method-code[b-axuz5t2fk0] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #47494c;
    border-radius: 7px;
    background: #292b2d;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.payment-method.selected .payment-method-code[b-axuz5t2fk0] {
    border-color: #ef3340;
    color: #ef3340;
}

.payment-method > span:last-child[b-axuz5t2fk0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.payment-method strong[b-axuz5t2fk0] {
    font-size: 13px;
}

.payment-method small[b-axuz5t2fk0] {
    color: #85888f;
    font-size: 10px;
}

/* MB WAY */

.phone-field[b-axuz5t2fk0] {
    max-width: 430px;
    margin-top: 18px;
}

    .phone-field label[b-axuz5t2fk0] {
        display: block;
        margin-bottom: 7px;
        color: #c7c9cc;
        font-size: 11px;
        font-weight: 800;
    }

    .phone-field input[b-axuz5t2fk0] {
        box-sizing: border-box;
        width: 100%;
        height: 44px;
        padding: 0 13px;
        outline: none;
        border: 1px solid #3b3d40;
        border-radius: 7px;
        background: #252729;
        color: #fff;
        font-family: inherit;
        font-size: 13px;
    }

        .phone-field input:focus[b-axuz5t2fk0] {
            border-color: #ef3340;
        }

    .phone-field small[b-axuz5t2fk0] {
        display: block;
        margin-top: 6px;
        color: #85888f;
        font-size: 10px;
    }

/* FOOTER PAGAMENTO */

.payment-footer[b-axuz5t2fk0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #343638;
}

    .payment-footer > div[b-axuz5t2fk0] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .payment-footer span[b-axuz5t2fk0] {
        color: #85888f;
        font-size: 10px;
    }

    .payment-footer strong[b-axuz5t2fk0] {
        color: #fff;
        font-size: 18px;
    }

.payment-button[b-axuz5t2fk0] {
    min-width: 210px;
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid #ef3340;
    border-radius: 8px;
    background: #ef3340;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: opacity .16s ease, transform .16s ease;
}

    .payment-button:hover:not(:disabled)[b-axuz5t2fk0] {
        transform: translateY(-1px);
    }

    .payment-button:disabled[b-axuz5t2fk0] {
        opacity: .55;
        cursor: default;
    }

/* MENSAGENS */

.payment-message[b-axuz5t2fk0] {
    margin-top: 16px;
    padding: 11px 13px;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.5;
}

    .payment-message.error[b-axuz5t2fk0] {
        border: 1px solid rgba(239, 51, 64, .35);
        background: rgba(239, 51, 64, .07);
        color: #ff9299;
    }

    .payment-message.success[b-axuz5t2fk0] {
        border: 1px solid rgba(61, 184, 122, .35);
        background: rgba(61, 184, 122, .07);
        color: #75d8a6;
    }

    .payment-message.pending[b-axuz5t2fk0] {
        border: 1px solid #47494c;
        background: #252729;
        color: #c7c9cc;
    }

/* MODAL */

.payment-overlay[b-axuz5t2fk0] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(5, 6, 7, .82);
    backdrop-filter: blur(5px);
}

.payment-result-card[b-axuz5t2fk0] {
    position: relative;
    box-sizing: border-box;
    width: min(100%, 500px);
    padding: 28px;
    border: 1px solid #3b3d40;
    border-radius: 13px;
    background: #1b1d1f;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.payment-close[b-axuz5t2fk0] {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    padding: 0;
    border: 1px solid #3b3d40;
    border-radius: 7px;
    background: #252729;
    color: #929599;
    font-family: inherit;
    font-size: 19px;
    cursor: pointer;
}

    .payment-close:hover[b-axuz5t2fk0] {
        border-color: #ef3340;
        color: #fff;
    }

.payment-result-eyebrow[b-axuz5t2fk0] {
    display: block;
    margin-bottom: 9px;
    color: #ef3340;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.payment-result-card h2[b-axuz5t2fk0] {
    margin: 0;
    color: #fff;
    font-size: 23px;
    font-weight: 800;
}

.payment-result-card > p[b-axuz5t2fk0] {
    margin: 8px 0 20px;
    color: #929599;
    font-size: 12px;
    line-height: 1.55;
}

/* MULTIBANCO */

.multibanco-details[b-axuz5t2fk0] {
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 9px;
}

    .multibanco-details > div[b-axuz5t2fk0] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        min-height: 58px;
        padding: 0 16px;
        border-bottom: 1px solid #343638;
        background: #202225;
    }

        .multibanco-details > div:last-child[b-axuz5t2fk0] {
            border-bottom: 0;
        }

    .multibanco-details span[b-axuz5t2fk0] {
        color: #85888f;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .1em;
    }

    .multibanco-details strong[b-axuz5t2fk0] {
        color: #fff;
        font-size: 16px;
        letter-spacing: .04em;
    }

.payment-waiting[b-axuz5t2fk0] {
    display: block;
    margin-top: 13px;
    color: #85888f;
    font-size: 10px;
    line-height: 1.5;
}

/* MB WAY MODAL */

.mbway-waiting[b-axuz5t2fk0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 66px;
    padding: 0 16px;
    border: 1px solid #343638;
    border-radius: 9px;
    background: #202225;
}

    .mbway-waiting span[b-axuz5t2fk0] {
        color: #ef3340;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .1em;
    }

    .mbway-waiting strong[b-axuz5t2fk0] {
        color: #fff;
        font-size: 19px;
    }

.check-payment-button[b-axuz5t2fk0] {
    width: 100%;
    min-height: 44px;
    margin-top: 18px;
    border: 1px solid #ef3340;
    border-radius: 8px;
    background: #ef3340;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

    .check-payment-button:disabled[b-axuz5t2fk0] {
        opacity: .55;
    }

/* RESPONSIVE */

@media (max-width: 1100px) {
    .credits-packages-grid[b-axuz5t2fk0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .credits-header[b-axuz5t2fk0] {
        flex-direction: column;
    }

    .credits-balance-card[b-axuz5t2fk0] {
        box-sizing: border-box;
        width: 100%;
    }

    .section-heading[b-axuz5t2fk0] {
        align-items: flex-start;
        flex-direction: column;
    }

        .section-heading > p[b-axuz5t2fk0] {
            text-align: left;
        }

    .payment-methods[b-axuz5t2fk0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .credits-page[b-axuz5t2fk0] {
        padding-bottom: 30px;
    }

    .credits-header h1[b-axuz5t2fk0] {
        font-size: 27px;
    }

    .credits-packages-grid[b-axuz5t2fk0] {
        grid-template-columns: 1fr;
    }

    .payment-footer[b-axuz5t2fk0] {
        align-items: stretch;
        flex-direction: column;
    }

    .payment-button[b-axuz5t2fk0] {
        width: 100%;
    }

    .payment-result-card[b-axuz5t2fk0] {
        padding: 23px;
    }
}
/* /Components/Pages/Definicoes.razor.rz.scp.css */
/* =========================================================
   RE-VISION CRM
   DEFINIÇÕES
   ========================================================= */

.settings-page[b-jgfakg1o6w] {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   HEADER
   ========================================================= */

.settings-header[b-jgfakg1o6w] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 28px;
    border-bottom: 1px solid #232323;
}

    .settings-header h1[b-jgfakg1o6w] {
        margin: 4px 0 6px;
        color: #fff;
        font-size: clamp(30px, 3vw, 42px);
        font-weight: 900;
        letter-spacing: -1.2px;
    }

    .settings-header p[b-jgfakg1o6w] {
        margin: 0;
        color: #85888f;
        font-size: 13px;
    }

.settings-eyebrow[b-jgfakg1o6w] {
    display: inline-block;
    color: #ef3340;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}


/* =========================================================
   LOADING / ERROR
   ========================================================= */

.settings-loading[b-jgfakg1o6w],
.settings-error-card[b-jgfakg1o6w] {
    margin-top: 30px;
    padding: 24px;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
}

.settings-loading[b-jgfakg1o6w] {
    color: #85888f;
    font-size: 13px;
}

.settings-error-card[b-jgfakg1o6w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

    .settings-error-card strong[b-jgfakg1o6w] {
        color: #fff;
        font-size: 15px;
        font-weight: 900;
    }

    .settings-error-card span[b-jgfakg1o6w] {
        color: #85888f;
        font-size: 12px;
    }

    .settings-error-card button[b-jgfakg1o6w] {
        height: 40px;
        margin-top: 8px;
        padding: 0 16px;
        background: #ef3340;
        border: 0;
        border-radius: 8px;
        color: #fff;
        font-family: inherit;
        font-size: 11px;
        font-weight: 900;
        cursor: pointer;
    }


/* =========================================================
   LAYOUT
   ========================================================= */

.settings-layout[b-jgfakg1o6w] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 24px;
    margin-top: 28px;
    align-items: start;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.settings-nav[b-jgfakg1o6w] {
    position: sticky;
    top: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
}

.settings-nav-label[b-jgfakg1o6w] {
    margin: 2px 8px 8px;
    color: #666a70;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

.settings-nav-button[b-jgfakg1o6w] {
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

    .settings-nav-button:hover[b-jgfakg1o6w] {
        background: #222426;
        border-color: #343638;
    }

    .settings-nav-button.active[b-jgfakg1o6w] {
        background: linear-gradient( 90deg, rgba(239, 51, 64, .12), rgba(239, 51, 64, .03) ), #222426;
        border-color: rgba(239, 51, 64, .35);
    }

.settings-nav-icon[b-jgfakg1o6w] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    background: #252729;
    border: 1px solid #3b3d40;
    border-radius: 8px;
    color: #8b8e94;
    font-size: 9px;
    font-weight: 900;
}

.settings-nav-button.active .settings-nav-icon[b-jgfakg1o6w] {
    color: #fff;
    background: #ef3340;
    border-color: #ef3340;
}

.settings-nav-button > span:last-child[b-jgfakg1o6w] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.settings-nav-button strong[b-jgfakg1o6w] {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.settings-nav-button small[b-jgfakg1o6w] {
    color: #74777d;
    font-size: 9px;
    line-height: 1.4;
}


/* =========================================================
   CONTENT
   ========================================================= */

.settings-content[b-jgfakg1o6w] {
    min-width: 0;
}

.settings-card[b-jgfakg1o6w] {
    min-width: 0;
    overflow: hidden;
    background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, .055), transparent 32% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border: 1px solid #383a3d;
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .16);
}


/* =========================================================
   CARD HEADER
   ========================================================= */

.settings-card-header[b-jgfakg1o6w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 30px;
    border-bottom: 1px solid #343638;
}

    .settings-card-header > div:first-child[b-jgfakg1o6w] {
        min-width: 0;
    }

        .settings-card-header > div:first-child > span[b-jgfakg1o6w] {
            display: block;
            margin-bottom: 8px;
            color: #ef3340;
            font-size: 9px;
            font-weight: 900;
            letter-spacing: 1.6px;
        }

    .settings-card-header h2[b-jgfakg1o6w] {
        margin: 0;
        color: #fff;
        font-size: 24px;
        font-weight: 900;
        letter-spacing: -.55px;
    }

    .settings-card-header p[b-jgfakg1o6w] {
        max-width: 620px;
        margin: 7px 0 0;
        color: #85888f;
        font-size: 12px;
        line-height: 1.6;
    }

.settings-workshop-badge[b-jgfakg1o6w] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    flex: 0 0 52px;
    background: #ef3340;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}


/* =========================================================
   FORM
   ========================================================= */

.settings-form[b-jgfakg1o6w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
    padding: 28px 30px;
}

.settings-field[b-jgfakg1o6w] {
    min-width: 0;
}

.settings-field-full[b-jgfakg1o6w] {
    grid-column: 1 / -1;
}

.settings-field label[b-jgfakg1o6w] {
    display: block;
    margin-bottom: 8px;
    color: #cfd1d4;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .25px;
}

.settings-field input[b-jgfakg1o6w] {
    width: 100%;
    height: 46px;
    box-sizing: border-box;
    padding: 0 13px;
    background: #191b1d;
    color: #fff;
    border: 1px solid #3b3d40;
    border-radius: 9px;
    font-family: inherit;
    font-size: 12px;
    outline: none;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

    .settings-field input:hover[b-jgfakg1o6w] {
        border-color: #47494c;
    }

    .settings-field input:focus[b-jgfakg1o6w] {
        background: #1e2022;
        border-color: #ef3340;
        box-shadow: 0 0 0 3px rgba(239, 51, 64, .08);
    }

.settings-field small[b-jgfakg1o6w] {
    display: block;
    margin-top: 7px;
    color: #666a70;
    font-size: 9px;
    line-height: 1.45;
}

.settings-radius-field[b-jgfakg1o6w] {
    position: relative;
}

    .settings-radius-field input[b-jgfakg1o6w] {
        padding-right: 50px;
    }

    .settings-radius-field > span[b-jgfakg1o6w] {
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
        color: #85888f;
        font-size: 11px;
        font-weight: 900;
    }


/* =========================================================
   MESSAGES
   ========================================================= */

.settings-message[b-jgfakg1o6w] {
    margin: 0 30px 20px;
    padding: 11px 13px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
}

    .settings-message.success[b-jgfakg1o6w] {
        color: #69d990;
        background: rgba(46, 204, 113, .07);
        border: 1px solid rgba(46, 204, 113, .24);
    }

    .settings-message.error[b-jgfakg1o6w] {
        color: #ff777d;
        background: rgba(239, 51, 64, .07);
        border: 1px solid rgba(239, 51, 64, .25);
    }


/* =========================================================
   FOOTER
   ========================================================= */

.settings-card-footer[b-jgfakg1o6w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 30px;
    background: rgba(0, 0, 0, .08);
    border-top: 1px solid #343638;
}

    .settings-card-footer > span[b-jgfakg1o6w] {
        color: #666a70;
        font-size: 10px;
    }

.settings-save-button[b-jgfakg1o6w] {
    min-width: 170px;
    height: 42px;
    padding: 0 20px;
    background: #ef3340;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

    .settings-save-button:hover[b-jgfakg1o6w] {
        background: #d92835;
        transform: translateY(-1px);
    }

    .settings-save-button:disabled[b-jgfakg1o6w] {
        opacity: .55;
        cursor: wait;
        transform: none;
    }


/* =========================================================
   ACCOUNT / SECURITY
   ========================================================= */

.settings-info-block[b-jgfakg1o6w] {
    margin: 28px 30px 0;
    padding: 20px;
    background: #252729;
    border: 1px solid #3b3d40;
    border-radius: 11px;
}

    .settings-info-block > span[b-jgfakg1o6w],
    .settings-coming-soon > span[b-jgfakg1o6w] {
        display: block;
        margin-bottom: 8px;
        color: #777b81;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.2px;
    }

    .settings-info-block strong[b-jgfakg1o6w] {
        display: block;
        color: #fff;
        font-size: 15px;
        font-weight: 900;
    }

    .settings-info-block small[b-jgfakg1o6w] {
        display: block;
        margin-top: 6px;
        color: #74777d;
        font-size: 10px;
        line-height: 1.5;
    }

.settings-coming-soon[b-jgfakg1o6w] {
    margin: 18px 30px 30px;
    padding: 22px;
    background: linear-gradient( 145deg, #252729 0%, #222426 100% );
    border: 1px dashed #45474a;
    border-radius: 11px;
}

    .settings-coming-soon strong[b-jgfakg1o6w] {
        display: block;
        color: #fff;
        font-size: 15px;
        font-weight: 900;
    }

    .settings-coming-soon p[b-jgfakg1o6w] {
        margin: 7px 0 0;
        color: #777b81;
        font-size: 11px;
        line-height: 1.6;
    }


/* =========================================================
   SUBSCRIPTION
   ========================================================= */

.settings-status[b-jgfakg1o6w] {
    flex: 0 0 auto;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
}

    .settings-status.active[b-jgfakg1o6w] {
        color: #69d990;
        background: rgba(46, 204, 113, .07);
        border: 1px solid rgba(46, 204, 113, .24);
    }

    .settings-status.inactive[b-jgfakg1o6w] {
        color: #ff777d;
        background: rgba(239, 51, 64, .07);
        border: 1px solid rgba(239, 51, 64, .25);
    }

.settings-summary-grid[b-jgfakg1o6w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 28px 30px 0;
}

    .settings-summary-grid article[b-jgfakg1o6w] {
        min-height: 105px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 18px;
        box-sizing: border-box;
        background: #252729;
        border: 1px solid #3b3d40;
        border-radius: 11px;
    }

        .settings-summary-grid article span[b-jgfakg1o6w] {
            color: #70747a;
            font-size: 9px;
            font-weight: 900;
            letter-spacing: 1px;
        }

        .settings-summary-grid article strong[b-jgfakg1o6w] {
            margin-top: 9px;
            color: #fff;
            font-size: 20px;
            font-weight: 900;
        }

.settings-subscription-note[b-jgfakg1o6w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 18px 30px 30px;
    padding: 20px;
    background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, .08), transparent 40% ), #252729;
    border: 1px solid #3b3d40;
    border-radius: 11px;
}

    .settings-subscription-note span[b-jgfakg1o6w] {
        display: block;
        margin-bottom: 5px;
        color: #ef3340;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1px;
    }

    .settings-subscription-note strong[b-jgfakg1o6w] {
        color: #fff;
        font-size: 13px;
        font-weight: 900;
    }

    .settings-subscription-note p[b-jgfakg1o6w] {
        max-width: 390px;
        margin: 0;
        color: #777b81;
        font-size: 10px;
        line-height: 1.5;
        text-align: right;
    }


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

@media (max-width: 1050px) {

    .settings-layout[b-jgfakg1o6w] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .settings-summary-grid[b-jgfakg1o6w] {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 820px) {

    .settings-layout[b-jgfakg1o6w] {
        grid-template-columns: 1fr;
    }

    .settings-nav[b-jgfakg1o6w] {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .settings-nav-label[b-jgfakg1o6w] {
        grid-column: 1 / -1;
    }

    .settings-nav-button[b-jgfakg1o6w] {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .settings-form[b-jgfakg1o6w] {
        grid-template-columns: 1fr;
    }

    .settings-field-full[b-jgfakg1o6w] {
        grid-column: auto;
    }

    .settings-subscription-note[b-jgfakg1o6w] {
        align-items: flex-start;
        flex-direction: column;
    }

        .settings-subscription-note p[b-jgfakg1o6w] {
            max-width: none;
            text-align: left;
        }
}


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

@media (max-width: 600px) {

    .settings-header[b-jgfakg1o6w] {
        padding-bottom: 22px;
    }

    .settings-nav[b-jgfakg1o6w] {
        display: flex;
        overflow-x: auto;
        flex-direction: row;
        padding: 10px;
    }

    .settings-nav-label[b-jgfakg1o6w] {
        display: none;
    }

    .settings-nav-button[b-jgfakg1o6w] {
        min-width: 190px;
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .settings-card-header[b-jgfakg1o6w] {
        align-items: flex-start;
        padding: 22px 18px;
    }

        .settings-card-header h2[b-jgfakg1o6w] {
            font-size: 21px;
        }

    .settings-form[b-jgfakg1o6w] {
        padding: 22px 18px;
    }

    .settings-message[b-jgfakg1o6w] {
        margin-left: 18px;
        margin-right: 18px;
    }

    .settings-card-footer[b-jgfakg1o6w] {
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
    }

    .settings-save-button[b-jgfakg1o6w] {
        width: 100%;
    }

    .settings-info-block[b-jgfakg1o6w] {
        margin: 22px 18px 0;
    }

    .settings-coming-soon[b-jgfakg1o6w] {
        margin: 16px 18px 22px;
    }

    .settings-summary-grid[b-jgfakg1o6w] {
        padding: 22px 18px 0;
    }

    .settings-subscription-note[b-jgfakg1o6w] {
        margin: 16px 18px 22px;
    }

    .settings-status[b-jgfakg1o6w] {
        white-space: nowrap;
    }
}


/* =========================================================
   SUBSCRIÇÃO - AÇÕES
   ========================================================= */

.settings-subscription-note[b-jgfakg1o6w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.settings-subscription-info[b-jgfakg1o6w] {
    min-width: 0;
}

    .settings-subscription-info > span[b-jgfakg1o6w] {
        display: block;
        margin-bottom: 6px;
        color: #ef3340;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .13em;
    }

    .settings-subscription-info > strong[b-jgfakg1o6w] {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 800;
    }

    .settings-subscription-info > p[b-jgfakg1o6w] {
        max-width: 520px;
        margin: 6px 0 0;
        color: #85888f;
        font-size: 11px;
        line-height: 1.55;
    }

.settings-subscription-actions[b-jgfakg1o6w] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 9px;
}

.settings-subscription-button[b-jgfakg1o6w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 42px;
    padding: 0 17px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

    .settings-subscription-button:hover[b-jgfakg1o6w] {
        transform: translateY(-1px);
    }

    .settings-subscription-button.primary[b-jgfakg1o6w] {
        border: 1px solid #ef3340;
        background: #ef3340;
        color: #fff;
    }

        .settings-subscription-button.primary:hover[b-jgfakg1o6w] {
            background: #ff3b48;
        }

    .settings-subscription-button.secondary[b-jgfakg1o6w] {
        border: 1px solid #47494c;
        background: #252729;
        color: #fff;
    }

        .settings-subscription-button.secondary:hover[b-jgfakg1o6w] {
            border-color: #ef3340;
            background: rgba(239, 51, 64, .07);
        }

    .settings-subscription-button:focus-visible[b-jgfakg1o6w] {
        outline: 2px solid #ef3340;
        outline-offset: 3px;
    }

@media (max-width: 850px) {
    .settings-subscription-note[b-jgfakg1o6w] {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-subscription-actions[b-jgfakg1o6w] {
        width: 100%;
    }

    .settings-subscription-button[b-jgfakg1o6w] {
        flex: 1;
    }
}

@media (max-width: 520px) {
    .settings-subscription-actions[b-jgfakg1o6w] {
        flex-direction: column;
    }

    .settings-subscription-button[b-jgfakg1o6w] {
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.revision-page[b-ut7zpbxbqm] {
    min-height: 100vh;
    background: #080808;
    color: #ffffff;
}

/* =========================================================
   HEADER
   ========================================================= */

.revision-header[b-ut7zpbxbqm] {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(8, 8, 8, 0.92);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
}

.revision-container[b-ut7zpbxbqm] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.revision-nav[b-ut7zpbxbqm] {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

/* LOGO REAL */

.revision-brand[b-ut7zpbxbqm] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
}

.revision-logo[b-ut7zpbxbqm] {
    display: block;
    width: auto;
    height: 62px;
    object-fit: contain;
}

/* MENU */

.revision-menu[b-ut7zpbxbqm] {
    display: flex;
    align-items: center;
    gap: 28px;
}

    .revision-menu a[b-ut7zpbxbqm] {
        position: relative;
        color: #c9c9c9;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: color 0.2s ease;
    }

        .revision-menu a:hover[b-ut7zpbxbqm] {
            color: #ffffff;
        }

        .revision-menu a[b-ut7zpbxbqm]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 0;
            height: 2px;
            background: #ff2d2d;
            transition: width 0.2s ease;
        }

        .revision-menu a:hover[b-ut7zpbxbqm]::after {
            width: 100%;
        }

/* HEADER ACTIONS */

.revision-actions[b-ut7zpbxbqm] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}

.revision-login[b-ut7zpbxbqm] {
    color: #dddddd;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

    .revision-login:hover[b-ut7zpbxbqm] {
        color: #ffffff;
    }

/* =========================================================
   BOTÕES
   ========================================================= */

.revision-btn[b-ut7zpbxbqm] {
    min-height: 46px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

    .revision-btn:hover[b-ut7zpbxbqm] {
        transform: translateY(-2px);
    }

.revision-btn-primary[b-ut7zpbxbqm] {
    background: #ff2d2d;
    color: #ffffff;
}

    .revision-btn-primary:hover[b-ut7zpbxbqm] {
        background: #db1f1f;
        color: #ffffff;
    }

.revision-btn-outline[b-ut7zpbxbqm] {
    background: rgba(255, 255, 255, 0.03);
    border-color: #484848;
    color: #ffffff;
}

    .revision-btn-outline:hover[b-ut7zpbxbqm] {
        background: rgba(255, 255, 255, 0.07);
        border-color: #666666;
    }

.revision-btn-light[b-ut7zpbxbqm] {
    background: #ffffff;
    color: #111111;
}

/* =========================================================
   HERO
   ========================================================= */

.revision-hero[b-ut7zpbxbqm] {
    position: relative;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient( circle at 80% 50%, rgba(255, 45, 45, 0.20), transparent 32% ), linear-gradient( 110deg, #080808 40%, #171717 100% );
}

    /*
   Quando adicionarmos a imagem automóvel final,
   será carregada daqui.
*/

    .revision-hero[b-ut7zpbxbqm]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, rgba(8, 8, 8, 1) 20%, rgba(8, 8, 8, 0.72) 55%, rgba(8, 8, 8, 0.20) ), url('/images/revision-hero.jpg') center right / cover no-repeat;
        opacity: 0.65;
    }

.revision-hero-overlay[b-ut7zpbxbqm] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( to bottom, transparent 60%, #080808 );
}

.revision-hero-content[b-ut7zpbxbqm] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: center;
    gap: 70px;
    padding: 90px 0;
}

.revision-hero-copy[b-ut7zpbxbqm] {
    max-width: 700px;
}

/* EYEBROW */

.revision-eyebrow[b-ut7zpbxbqm],
.revision-section-heading > span[b-ut7zpbxbqm],
.revision-card-label[b-ut7zpbxbqm] {
    color: #ff2d2d;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

/* HERO TITLE */

.revision-hero h1[b-ut7zpbxbqm] {
    margin: 18px 0;
    max-width: 760px;
    color: #ffffff;
    font-size: clamp(44px, 5vw, 72px);
    font-weight: 900;
    line-height: 0.98;
    letter-spacing: -2.5px;
}

    .revision-hero h1 span[b-ut7zpbxbqm] {
        color: #ff2d2d;
    }

.revision-hero p[b-ut7zpbxbqm] {
    max-width: 660px;
    color: #bdbdbd;
    font-size: 17px;
    line-height: 1.75;
}

    .revision-hero p strong[b-ut7zpbxbqm] {
        color: #ffffff;
    }

/* HERO BUTTONS */

.revision-hero-buttons[b-ut7zpbxbqm] {
    display: flex;
    gap: 14px;
    margin: 34px 0;
}

/* TRUST */

.revision-trust[b-ut7zpbxbqm] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    color: #a9a9a9;
    font-size: 13px;
}

/* =========================================================
   MOBILE PREVIEW
   ========================================================= */

.revision-mobile-preview[b-ut7zpbxbqm] {
    width: 100%;
    max-width: 330px;
    margin-left: auto;
    padding: 26px;
    background: linear-gradient( 145deg, #151515, #0d0d0d );
    border: 1px solid #333333;
    border-radius: 32px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.60), 0 0 50px rgba(255, 45, 45, 0.05);
}

.revision-mobile-top[b-ut7zpbxbqm],
.revision-mobile-location[b-ut7zpbxbqm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.revision-mobile-top[b-ut7zpbxbqm] {
    color: #ff2d2d;
    font-weight: 900;
}

.revision-mobile-location[b-ut7zpbxbqm] {
    margin-top: 28px;
    padding: 14px;
    background: #171717;
    border: 1px solid #252525;
    border-radius: 12px;
}

    .revision-mobile-location small[b-ut7zpbxbqm] {
        color: #888888;
    }

.revision-mobile-preview h3[b-ut7zpbxbqm] {
    margin-top: 28px;
}

.revision-mobile-services[b-ut7zpbxbqm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

    .revision-mobile-services span[b-ut7zpbxbqm] {
        padding: 12px;
        background: #101010;
        border: 1px solid #292929;
        border-radius: 10px;
        font-size: 12px;
    }

.revision-mobile-request[b-ut7zpbxbqm] {
    margin-top: 22px;
    padding: 16px;
    background: #171717;
    border: 1px solid #252525;
    border-radius: 12px;
}

    .revision-mobile-request small[b-ut7zpbxbqm] {
        display: block;
        margin-bottom: 6px;
        color: #888888;
    }

.revision-progress[b-ut7zpbxbqm] {
    width: 72%;
    height: 4px;
    margin-top: 12px;
    background: #ff2d2d;
    border-radius: 20px;
}

.revision-mobile-preview button[b-ut7zpbxbqm] {
    width: 100%;
    min-height: 42px;
    margin-top: 16px;
    border: 0;
    border-radius: 8px;
    background: #ff2d2d;
    color: #ffffff;
    font-weight: 800;
}

/* =========================================================
   SECÇÕES
   ========================================================= */

.revision-section[b-ut7zpbxbqm] {
    padding: 110px 0;
}

.revision-section-alt[b-ut7zpbxbqm] {
    background: #0e0e0e;
}

.revision-section-heading[b-ut7zpbxbqm] {
    max-width: 700px;
    margin-bottom: 55px;
}

    .revision-section-heading h2[b-ut7zpbxbqm],
    .revision-split h2[b-ut7zpbxbqm] {
        margin: 16px 0;
        color: #ffffff;
        font-size: clamp(36px, 4vw, 56px);
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -1.5px;
    }

    .revision-section-heading p[b-ut7zpbxbqm],
    .revision-split p[b-ut7zpbxbqm] {
        color: #aaaaaa;
        font-size: 16px;
        line-height: 1.75;
    }

.revision-split h2 span[b-ut7zpbxbqm] {
    color: #ff2d2d;
}

/* =========================================================
   COMO FUNCIONA
   ========================================================= */

.revision-steps[b-ut7zpbxbqm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

    .revision-steps article[b-ut7zpbxbqm] {
        padding: 28px;
        background: linear-gradient( 145deg, #131313, #0f0f0f );
        border: 1px solid #222222;
        border-radius: 14px;
        transition: transform 0.2s ease, border-color 0.2s ease;
    }

        .revision-steps article:hover[b-ut7zpbxbqm] {
            transform: translateY(-5px);
            border-color: #383838;
        }

.revision-step-number[b-ut7zpbxbqm] {
    color: #ff2d2d;
    font-size: 30px;
    font-weight: 900;
}

.revision-steps h3[b-ut7zpbxbqm] {
    margin: 26px 0 12px;
    color: #ffffff;
    font-size: 18px;
}

.revision-steps p[b-ut7zpbxbqm] {
    margin: 0;
    color: #8f8f8f;
    line-height: 1.6;
}

/* =========================================================
   CLIENTES / OFICINAS
   ========================================================= */

.revision-split[b-ut7zpbxbqm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.revision-list[b-ut7zpbxbqm] {
    list-style: none;
    margin: 32px 0;
    padding: 0;
}

    .revision-list li[b-ut7zpbxbqm] {
        margin: 14px 0;
        color: #cccccc;
    }

        .revision-list li[b-ut7zpbxbqm]::before {
            content: "✓";
            margin-right: 12px;
            color: #ff2d2d;
            font-weight: 900;
        }


/* CRM PREVIEW */

.revision-crm-card h3[b-ut7zpbxbqm] {
    margin: 18px 0 30px;
    color: #ffffff;
    font-size: 30px;
}

.revision-crm-row[b-ut7zpbxbqm] {
    display: flex;
    justify-content: space-between;
    padding: 18px 0;
    border-bottom: 1px solid #292929;
}

    .revision-crm-row span[b-ut7zpbxbqm] {
        color: #aaaaaa;
    }

    .revision-crm-row strong[b-ut7zpbxbqm] {
        color: #ff2d2d;
    }

/* =========================================================
   PREÇOS
   ========================================================= */

.revision-pricing-section[b-ut7zpbxbqm] {
    background: #0e0e0e;
}

.revision-pricing-grid[b-ut7zpbxbqm] {
    width: 100%;
    max-width: 820px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.revision-price-card[b-ut7zpbxbqm] {
    position: relative;
    padding: 38px;
    background: #151515;
    border: 1px solid #292929;
    border-radius: 18px;
}

.revision-price-featured[b-ut7zpbxbqm] {
    border-color: #ff2d2d;
    box-shadow: 0 0 40px rgba(255, 45, 45, 0.05);
}

.revision-popular[b-ut7zpbxbqm] {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 7px 10px;
    background: #ff2d2d;
    border-radius: 20px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
}

.revision-price[b-ut7zpbxbqm] {
    margin: 20px 0;
    color: #ffffff;
    font-size: 46px;
    font-weight: 900;
}

    .revision-price small[b-ut7zpbxbqm] {
        color: #888888;
        font-size: 14px;
    }

.revision-price-card p[b-ut7zpbxbqm] {
    min-height: 70px;
    color: #888888;
}

/* =========================================================
   CTA
   ========================================================= */

.revision-cta[b-ut7zpbxbqm] {
    padding: 75px 0;
    background: linear-gradient( 110deg, #ff2d2d, #cf1717 );
}

.revision-cta-inner[b-ut7zpbxbqm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.revision-cta .revision-eyebrow[b-ut7zpbxbqm] {
    color: #ffffff;
}

.revision-cta h2[b-ut7zpbxbqm] {
    max-width: 720px;
    margin: 12px 0 0;
    color: #ffffff;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 900;
    line-height: 1.05;
}

/* =========================================================
   FOOTER
   ========================================================= */

.revision-footer[b-ut7zpbxbqm] {
    padding: 70px 0 20px;
    background: #070707;
}

.revision-footer-grid[b-ut7zpbxbqm] {
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 45px;
}

    .revision-footer-grid > div[b-ut7zpbxbqm] {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

.revision-footer strong[b-ut7zpbxbqm] {
    color: #ffffff;
}

.revision-footer p[b-ut7zpbxbqm],
.revision-footer a[b-ut7zpbxbqm],
.revision-footer span[b-ut7zpbxbqm] {
    color: #858585;
    font-size: 14px;
    text-decoration: none;
}

    .revision-footer a:hover[b-ut7zpbxbqm] {
        color: #ffffff;
    }

.revision-footer-bottom[b-ut7zpbxbqm] {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #1e1e1e;
    color: #666666;
    font-size: 12px;
    text-align: center;
}

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

@media (max-width: 1000px) {

    .revision-menu[b-ut7zpbxbqm] {
        gap: 18px;
    }

        .revision-menu a[b-ut7zpbxbqm] {
            font-size: 12px;
        }

    .revision-hero-content[b-ut7zpbxbqm] {
        gap: 35px;
    }
}

@media (max-width: 900px) {

    .revision-menu[b-ut7zpbxbqm] {
        display: none;
    }

    .revision-hero-content[b-ut7zpbxbqm],
    .revision-split[b-ut7zpbxbqm] {
        grid-template-columns: 1fr;
    }

    .revision-mobile-preview[b-ut7zpbxbqm] {
        margin: 20px auto 0;
    }

    .revision-steps[b-ut7zpbxbqm] {
        grid-template-columns: 1fr 1fr;
    }

    .revision-pricing-grid[b-ut7zpbxbqm] {
        grid-template-columns: 1fr;
    }

    .revision-footer-grid[b-ut7zpbxbqm] {
        grid-template-columns: 1fr 1fr;
    }
}

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

@media (max-width: 600px) {

    .revision-container[b-ut7zpbxbqm] {
        width: min(100% - 24px, 1180px);
    }

    .revision-nav[b-ut7zpbxbqm] {
        min-height: 70px;
    }

    .revision-logo[b-ut7zpbxbqm] {
        height: 54px;
    }

    .revision-actions[b-ut7zpbxbqm] {
        gap: 8px;
    }

        .revision-actions .revision-login[b-ut7zpbxbqm] {
            display: none;
        }

        .revision-actions .revision-btn[b-ut7zpbxbqm] {
            min-height: 40px;
            padding: 0 14px;
            font-size: 12px;
        }

    .revision-hero[b-ut7zpbxbqm] {
        min-height: auto;
    }

    .revision-hero-content[b-ut7zpbxbqm] {
        padding: 70px 0;
    }

    .revision-hero h1[b-ut7zpbxbqm] {
        font-size: 42px;
    }

    .revision-hero-buttons[b-ut7zpbxbqm] {
        flex-direction: column;
    }

        .revision-hero-buttons .revision-btn[b-ut7zpbxbqm] {
            width: 100%;
        }

    .revision-trust[b-ut7zpbxbqm] {
        flex-direction: column;
        gap: 10px;
    }

    .revision-section[b-ut7zpbxbqm] {
        padding: 75px 0;
    }

    .revision-steps[b-ut7zpbxbqm] {
        grid-template-columns: 1fr;
    }

    .revision-split[b-ut7zpbxbqm] {
        gap: 40px;
    }

    .revision-crm-card[b-ut7zpbxbqm] {
        min-height: auto;
        padding: 28px 22px;
    }

    .revision-cta-inner[b-ut7zpbxbqm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .revision-footer-grid[b-ut7zpbxbqm] {
        grid-template-columns: 1fr;
    }
}

.revision-hero h1[b-ut7zpbxbqm],
.revision-hero h1:focus[b-ut7zpbxbqm],
.revision-hero h1:focus-visible[b-ut7zpbxbqm],
.revision-hero-copy[b-ut7zpbxbqm],
.revision-hero-copy:focus[b-ut7zpbxbqm],
.revision-hero-copy:focus-visible[b-ut7zpbxbqm] {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.revision-hero *:focus:not(a):not(button)[b-ut7zpbxbqm] {
    outline: none !important;
}

.revision-feature-panel[b-ut7zpbxbqm] {
    min-height: 430px;
    padding: 42px;
    display: grid;
    grid-template-columns: 1fr 0.95fr;
    gap: 48px;
    align-items: center;
    overflow: hidden;
    background: radial-gradient( circle at 80% 45%, rgba(255, 45, 45, .09), transparent 30% ), linear-gradient( 145deg, #171717, #0f0f0f );
    border: 1px solid #2d2d2d;
    border-radius: 22px;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .35);
}


/* TEXTO */

.revision-feature-copy[b-ut7zpbxbqm] {
    position: relative;
    z-index: 2;
}

    .revision-feature-copy > span[b-ut7zpbxbqm] {
        display: block;
        color: #ff2d2d;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .revision-feature-copy > strong[b-ut7zpbxbqm] {
        display: block;
        margin: 14px 0 16px;
        max-width: 360px;
        color: #ffffff;
        font-size: 38px;
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -1.2px;
    }

    .revision-feature-copy p[b-ut7zpbxbqm] {
        max-width: 380px;
        margin: 0;
        color: #9d9d9d;
        font-size: 15px;
        line-height: 1.7;
    }


/* ÁREA DO TELEFONE */

.revision-feature-phone[b-ut7zpbxbqm] {
    position: relative;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revision-feature-phone-glow[b-ut7zpbxbqm] {
    position: absolute;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: rgba(255, 45, 45, .18);
    filter: blur(78px);
}


/* TELEFONE */

.revision-mini-phone[b-ut7zpbxbqm] {
    position: relative;
    z-index: 2;
    width: 235px;
    min-height: 420px;
    padding: 16px;
    background: linear-gradient( 155deg, #181818, #080808 );
    border: 7px solid #262626;
    border-radius: 38px;
    box-shadow: 0 35px 80px rgba(0, 0, 0, .68), 0 0 0 1px rgba(255, 255, 255, .03);
    transform: rotate(3deg);
}

    .revision-mini-phone[b-ut7zpbxbqm]::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 50%;
        width: 72px;
        height: 15px;
        transform: translateX(-50%);
        background: #050505;
        border-radius: 20px;
    }


/* HEADER DA APP */

.revision-mini-phone-header[b-ut7zpbxbqm] {
    margin-top: 18px;
    padding: 12px 4px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #242424;
    color: #ffffff;
    font-size: 11px;
}

    .revision-mini-phone-header strong[b-ut7zpbxbqm] {
        color: #ff2d2d;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 1px;
    }


/* BODY */

.revision-mini-phone-body[b-ut7zpbxbqm] {
    padding: 18px 4px 4px;
}

    .revision-mini-phone-body > small[b-ut7zpbxbqm] {
        color: #777777;
        font-size: 10px;
    }

    .revision-mini-phone-body h4[b-ut7zpbxbqm] {
        margin: 8px 0 16px;
        color: #ffffff;
        font-size: 20px;
        font-weight: 800;
        line-height: 1.15;
    }


/* SERVIÇOS */

.revision-mini-services[b-ut7zpbxbqm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

    .revision-mini-services span[b-ut7zpbxbqm] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        background: linear-gradient( 145deg, #151515, #101010 );
        border: 1px solid #2a2a2a;
        border-radius: 10px;
        color: #c7c7c7;
        font-size: 9px;
        font-weight: 700;
        text-align: center;
    }


/* PEDIDO */

.revision-mini-request[b-ut7zpbxbqm] {
    margin-top: 12px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    background: rgba(255, 45, 45, .075);
    border: 1px solid rgba(255, 45, 45, .24);
    border-radius: 10px;
}

    .revision-mini-request small[b-ut7zpbxbqm] {
        color: #818181;
        font-size: 9px;
    }

    .revision-mini-request strong[b-ut7zpbxbqm] {
        margin-top: 5px;
        color: #ffffff;
        font-size: 11px;
    }


    /* BARRA VISUAL DO PEDIDO */

    .revision-mini-request[b-ut7zpbxbqm]::after {
        content: "";
        width: 72%;
        height: 4px;
        margin-top: 12px;
        background: #ff2d2d;
        border-radius: 20px;
    }


/* RESPONSIVE */

@media (max-width: 900px) {

    .revision-feature-panel[b-ut7zpbxbqm] {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }

    .revision-feature-copy > strong[b-ut7zpbxbqm],
    .revision-feature-copy p[b-ut7zpbxbqm] {
        margin-left: auto;
        margin-right: auto;
    }

    .revision-feature-phone[b-ut7zpbxbqm] {
        min-height: 440px;
    }
}

@media (max-width: 600px) {

    .revision-feature-panel[b-ut7zpbxbqm] {
        min-height: auto;
        padding: 30px 22px;
    }

    .revision-feature-copy > strong[b-ut7zpbxbqm] {
        font-size: 32px;
    }

    .revision-mini-phone[b-ut7zpbxbqm] {
        width: 215px;
        min-height: 400px;
        transform: none;
    }
}

.revision-contact[b-ut7zpbxbqm] {
    padding: 90px 0;
    background: #ef2027;
}

.revision-contact-inner[b-ut7zpbxbqm] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, .6fr);
    align-items: center;
    gap: 80px;
}

.revision-contact-eyebrow[b-ut7zpbxbqm] {
    display: block;
    margin-bottom: 18px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em;
}

.revision-contact-copy h2[b-ut7zpbxbqm] {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(42px, 5vw, 68px);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.045em;
}

.revision-contact-copy p[b-ut7zpbxbqm] {
    max-width: 620px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.7;
}

.revision-contact-action[b-ut7zpbxbqm] {
    padding: 28px 30px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 12px;
    background: rgba(0, 0, 0, .08);
}

    .revision-contact-action > span[b-ut7zpbxbqm] {
        display: block;
        margin-bottom: 10px;
        color: rgba(255, 255, 255, .7);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .14em;
    }

    .revision-contact-action a[b-ut7zpbxbqm] {
        display: inline-block;
        color: #fff;
        font-size: clamp(21px, 2vw, 27px);
        font-weight: 900;
        letter-spacing: -.02em;
        text-decoration: none;
    }

        .revision-contact-action a:hover[b-ut7zpbxbqm] {
            text-decoration: underline;
            text-underline-offset: 5px;
        }

    .revision-contact-action small[b-ut7zpbxbqm] {
        display: block;
        margin-top: 10px;
        color: rgba(255, 255, 255, .68);
        font-size: 10px;
    }


/* RESPONSIVE */

@media (max-width: 850px) {

    .revision-contact[b-ut7zpbxbqm] {
        padding: 65px 0;
    }

    .revision-contact-inner[b-ut7zpbxbqm] {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .revision-contact-copy h2[b-ut7zpbxbqm] {
        font-size: 46px;
    }

    .revision-contact-action[b-ut7zpbxbqm] {
        max-width: 480px;
    }
}


@media (max-width: 520px) {

    .revision-contact[b-ut7zpbxbqm] {
        padding: 50px 0;
    }

    .revision-contact-copy h2[b-ut7zpbxbqm] {
        font-size: 38px;
    }

    .revision-contact-copy p[b-ut7zpbxbqm] {
        font-size: 13px;
    }

    .revision-contact-action[b-ut7zpbxbqm] {
        padding: 22px;
    }

        .revision-contact-action a[b-ut7zpbxbqm] {
            font-size: 21px;
        }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.revision-auth-page[b-hmc7il5ruu] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    padding: 30px 20px;
    overflow: hidden;
    background: radial-gradient( circle at 75% 25%, rgba(255, 45, 45, 0.14), transparent 30% ), radial-gradient( circle at 20% 80%, rgba(255, 255, 255, 0.03), transparent 30% ), #080808;
}
    /* brilho subtil */

    .revision-auth-page[b-hmc7il5ruu]::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        right: -250px;
        bottom: -250px;
        border-radius: 50%;
        background: rgba(255, 45, 45, 0.06);
        filter: blur(50px);
    }

/* LOGO */

.revision-auth-brand[b-hmc7il5ruu] {
    position: absolute;
    top: 25px;
    left: 40px;
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    z-index: 2;
}

    .revision-auth-brand img[b-hmc7il5ruu] {
        width: auto;
        height: 72px;
        object-fit: contain;
    }

/* caso ainda tenhas o placeholder antigo */

.revision-auth-logo[b-hmc7il5ruu] {
    display: none;
}

/* CARD */

.revision-auth-card[b-hmc7il5ruu] {
    position: relative;
    width: 100%;
    max-width: 440px;
    padding: 38px 42px;
    background: rgba(18, 18, 18, .94);
    border: 1px solid #292929;
    border-radius: 20px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .60), 0 0 50px rgba(255, 45, 45, .03);
    backdrop-filter: blur(15px);
}

    /* detalhe vermelho */

    .revision-auth-card[b-hmc7il5ruu]::before {
        content: "";
        display: block;
        width: 42px;
        height: 3px;
        margin-bottom: 28px;
        background: #ff2d2d;
        border-radius: 20px;
    }

/* CABEÇALHO */

.revision-auth-heading span[b-hmc7il5ruu] {
    display: block;
    color: #ff2d2d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.5px;
}

.revision-auth-heading h1[b-hmc7il5ruu] {
    margin: 12px 0 8px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -1px;
}

.revision-auth-heading p[b-hmc7il5ruu] {
    margin: 0 0 32px;
    color: #8f8f8f;
    font-size: 15px;
}

/* CAMPOS */
.revision-field[b-hmc7il5ruu] {
    width: 100%;
    margin-bottom: 20px;
}

    .revision-field label[b-hmc7il5ruu] {
        display: block;
        margin-bottom: 9px;
        color: #d0d0d0;
        font-size: 13px;
        font-weight: 700;
    }

/* IMPORTANTE: CSS ISOLATION + INPUTTEXT */
[b-hmc7il5ruu] .revision-input {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    box-sizing: border-box !important;
    padding: 0 16px !important;
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: 1px solid #303030 !important;
    border-radius: 10px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

    [b-hmc7il5ruu] .revision-input::placeholder {
        color: #626262 !important;
        opacity: 1;
    }

    [b-hmc7il5ruu] .revision-input:hover {
        background: #101010 !important;
        border-color: #444444 !important;
    }

    [b-hmc7il5ruu] .revision-input:focus {
        background: #111111 !important;
        border-color: #ff2d2d !important;
        box-shadow: 0 0 0 3px rgba(255,45,45,.10), 0 0 22px rgba(255,45,45,.05) !important;
    }

.revision-auth-card form[b-hmc7il5ruu] {
    width: 100%;
}
/* ERRO */

.revision-auth-error[b-hmc7il5ruu] {
    margin-bottom: 16px;
    padding: 12px 14px;
    background: rgba(255, 45, 45, 0.08);
    border: 1px solid rgba(255, 45, 45, 0.30);
    border-radius: 8px;
    color: #ff7b7b;
    font-size: 13px;
}

/* BOTÃO LOGIN */

.revision-auth-submit[b-hmc7il5ruu] {
    width: 100%;
    height: 52px;
    margin-top: 8px;
    border: 0;
    border-radius: 9px;
    background: #ff2d2d;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

    .revision-auth-submit:hover[b-hmc7il5ruu] {
        background: #db1f1f;
        transform: translateY(-1px);
    }

    .revision-auth-submit:disabled[b-hmc7il5ruu] {
        opacity: 0.6;
        cursor: wait;
        transform: none;
    }

/* REGISTO */

.revision-auth-register[b-hmc7il5ruu] {
    margin-top: 26px;
    text-align: center;
    color: #777777;
    font-size: 13px;
}

    .revision-auth-register a[b-hmc7il5ruu] {
        margin-left: 4px;
        color: #ffffff;
        font-weight: 800;
        text-decoration: none;
    }

        .revision-auth-register a:hover[b-hmc7il5ruu] {
            color: #ff2d2d;
        }

/* VOLTAR */

.revision-auth-back[b-hmc7il5ruu] {
    display: block;
    margin-top: 28px;
    text-align: center;
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .revision-auth-back:hover[b-hmc7il5ruu] {
        color: #ffffff;
    }

/* RESPONSIVE */

@media (max-width: 600px) {

    .revision-auth-page[b-hmc7il5ruu] {
        min-height: 100vh;
        padding: 90px 14px 30px;
        align-items: center;
        justify-content: center;
    }

    .revision-auth-brand[b-hmc7il5ruu] {
        top: 18px;
        left: 20px;
    }

        .revision-auth-brand img[b-hmc7il5ruu] {
            height: 60px;
        }

    .revision-auth-card[b-hmc7il5ruu] {
        padding: 32px 22px;
        border-radius: 17px;
    }

    .revision-auth-heading h1[b-hmc7il5ruu] {
        font-size: 32px;
    }
}
/* /Components/Pages/Oficina.razor.rz.scp.css */
/* =========================================================
   RE-VISION CRM
   OFICINA.RAZOR.CSS
   ========================================================= */


/* =========================================================
   HEADER
   ========================================================= */

.crm-header[b-nntzp9n9wr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 28px;
    border-bottom: 1px solid #232323;
}

    .crm-header h1[b-nntzp9n9wr] {
        margin: 3px 0 4px;
        color: #fff;
        font-size: clamp(30px, 3vw, 42px);
        font-weight: 900;
        letter-spacing: -1.2px;
    }

    .crm-header p[b-nntzp9n9wr] {
        margin: 0;
        color: #737373;
        font-size: 13px;
    }

.crm-eyebrow[b-nntzp9n9wr] {
    display: inline-block;
    color: #ff2d2d;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.crm-header-actions[b-nntzp9n9wr] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.crm-credit-pill[b-nntzp9n9wr] {
    min-width: 120px;
    padding: 13px 16px;
    box-sizing: border-box;
    background: #111;
    border: 1px solid #2f2f2f;
    border-radius: 11px;
}

    .crm-credit-pill span[b-nntzp9n9wr] {
        display: block;
        color: #696969;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .crm-credit-pill strong[b-nntzp9n9wr] {
        display: block;
        margin-top: 3px;
        color: #fff;
        font-size: 17px;
        font-weight: 900;
    }

.crm-user-avatar[b-nntzp9n9wr] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: 0 0 50px;
    background: #ff2d2d;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}


/* =========================================================
   LOADING
   ========================================================= */

.crm-loading[b-nntzp9n9wr] {
    margin-top: 30px;
    padding: 28px;
    color: #777;
    background: #101010;
    border: 1px solid #292929;
    border-radius: 14px;
    font-size: 13px;
}


/* =========================================================
   STATS
   ========================================================= */

.crm-stats[b-nntzp9n9wr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 32px;
}

    .crm-stats article[b-nntzp9n9wr] {
        position: relative;
        min-height: 170px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 26px;
        overflow: hidden;
        background: radial-gradient( circle at 100% 0%, rgba(255, 45, 45, .05), transparent 35% ), linear-gradient( 145deg, #151515, #0d0d0d );
        border: 1px solid #303030;
        border-radius: 15px;
    }

        .crm-stats article > span[b-nntzp9n9wr] {
            color: #747474;
            font-size: 11px;
            font-weight: 800;
        }

        .crm-stats article > strong[b-nntzp9n9wr] {
            display: block;
            margin-top: 28px;
            color: #ff2d2d;
            font-size: 38px;
            font-weight: 900;
            line-height: 1;
        }

        .crm-stats article > small[b-nntzp9n9wr] {
            margin-top: auto;
            color: #545454;
            font-size: 10px;
        }


/* =========================================================
   FEEDBACK
   ========================================================= */

.crm-subscription-message[b-nntzp9n9wr] {
    margin-top: 18px;
    padding: 13px 16px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 700;
}

    .crm-subscription-message.success[b-nntzp9n9wr] {
        color: #81e0a0;
        background: rgba(46, 204, 113, .07);
        border: 1px solid rgba(46, 204, 113, .22);
    }

    .crm-subscription-message.error[b-nntzp9n9wr] {
        color: #ff777d;
        background: rgba(255, 45, 45, .07);
        border: 1px solid rgba(255, 45, 45, .25);
    }


/* =========================================================
   SUBSCRIPTION WARNING
   ========================================================= */

.crm-subscription-warning[b-nntzp9n9wr] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(440px, .9fr);
    gap: 30px;
    margin-top: 26px;
    padding: 34px;
    background: radial-gradient( circle at 85% 15%, rgba(255, 45, 45, .09), transparent 35% ), linear-gradient( 145deg, #151515, #0d0d0d );
    border: 1px solid #303030;
    border-radius: 17px;
}

.crm-warning-content[b-nntzp9n9wr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .crm-warning-content h2[b-nntzp9n9wr],
    .crm-active-panel h2[b-nntzp9n9wr] {
        margin: 12px 0 10px;
        color: #fff;
        font-size: 30px;
        font-weight: 900;
        letter-spacing: -.8px;
    }

    .crm-warning-content p[b-nntzp9n9wr],
    .crm-active-panel p[b-nntzp9n9wr] {
        max-width: 600px;
        margin: 0;
        color: #858585;
        font-size: 13px;
        line-height: 1.7;
    }


/* =========================================================
   SUBSCRIPTION PLANS
   ========================================================= */

.crm-plans[b-nntzp9n9wr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.crm-plan[b-nntzp9n9wr] {
    position: relative;
    min-height: 245px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 24px;
    background: #0c0c0c;
    border: 1px solid #2d2d2d;
    border-radius: 13px;
}

    .crm-plan.featured[b-nntzp9n9wr] {
        background: radial-gradient( circle at 100% 0%, rgba(255, 45, 45, .12), transparent 45% ), #0d0d0d;
        border-color: rgba(255, 45, 45, .45);
    }

    .crm-plan > span[b-nntzp9n9wr] {
        color: #777;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .crm-plan > strong[b-nntzp9n9wr] {
        margin-top: 16px;
        color: #fff;
        font-size: 30px;
        font-weight: 900;
    }

    .crm-plan > small[b-nntzp9n9wr] {
        margin-top: 3px;
        color: #676767;
        font-size: 10px;
    }

    .crm-plan button[b-nntzp9n9wr] {
        width: 100%;
        height: 46px;
        margin-top: auto;
        border: 0;
        border-radius: 9px;
        background: #ff2d2d;
        color: #fff;
        font-family: inherit;
        font-size: 11px;
        font-weight: 900;
        cursor: pointer;
        transition: transform .2s ease, background .2s ease;
    }

        .crm-plan button:hover[b-nntzp9n9wr] {
            background: #df2222;
            transform: translateY(-1px);
        }

        .crm-plan button:disabled[b-nntzp9n9wr] {
            opacity: .55;
            cursor: wait;
            transform: none;
        }

.crm-plan-badge[b-nntzp9n9wr] {
    position: absolute;
    top: -10px;
    right: 14px;
    padding: 5px 8px;
    background: #ff2d2d;
    border-radius: 5px;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
}


/* =========================================================
   ACTIVE SUBSCRIPTION
   ========================================================= */

.crm-active-panel[b-nntzp9n9wr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 26px;
    padding: 34px;
    background: radial-gradient( circle at 90% 20%, rgba(46, 204, 113, .06), transparent 35% ), linear-gradient( 145deg, #151515, #0d0d0d );
    border: 1px solid #303030;
    border-radius: 17px;
}

.crm-active-status[b-nntzp9n9wr] {
    flex: 0 0 auto;
    padding: 11px 15px;
    color: #69d990;
    background: rgba(46, 204, 113, .07);
    border: 1px solid rgba(46, 204, 113, .24);
    border-radius: 9px;
    font-size: 11px;
    font-weight: 900;
}


/* =========================================================
   PAYMENT CHOICE
   ========================================================= */

.crm-payment-choice[b-nntzp9n9wr] {
    margin-top: 20px;
    padding: 30px;
    background: radial-gradient( circle at 85% 20%, rgba(255, 45, 45, .07), transparent 30% ), linear-gradient( 145deg, #151515, #0e0e0e );
    border: 1px solid #303030;
    border-radius: 17px;
}

    .crm-payment-choice h2[b-nntzp9n9wr] {
        margin: 10px 0 8px;
        color: #fff;
        font-size: 28px;
        font-weight: 900;
        letter-spacing: -.8px;
    }

    .crm-payment-choice > p[b-nntzp9n9wr] {
        margin: 0 0 22px;
        color: #888;
        font-size: 13px;
    }

        .crm-payment-choice > p strong[b-nntzp9n9wr] {
            color: #fff;
        }


/* =========================================================
   PAYMENT METHODS
   ========================================================= */

.crm-payment-methods[b-nntzp9n9wr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

    .crm-payment-methods button[b-nntzp9n9wr] {
        min-height: 95px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 18px;
        background: linear-gradient( 145deg, #121212, #0c0c0c );
        border: 1px solid #2f2f2f;
        border-radius: 12px;
        color: #fff;
        text-align: left;
        cursor: pointer;
        transition: transform .2s ease, border-color .2s ease, background .2s ease;
    }

        .crm-payment-methods button:hover[b-nntzp9n9wr] {
            transform: translateY(-2px);
            background: #151515;
            border-color: #ff2d2d;
        }

        .crm-payment-methods button strong[b-nntzp9n9wr] {
            color: #fff;
            font-size: 14px;
            font-weight: 900;
        }

        .crm-payment-methods button span[b-nntzp9n9wr] {
            margin-top: 5px;
            color: #777;
            font-size: 11px;
        }


/* =========================================================
   MB WAY PHONE FORM
   ========================================================= */

.crm-mbway-phone-form[b-nntzp9n9wr] {
    margin-top: 18px;
    padding: 20px;
    background: #0c0c0c;
    border: 1px solid #292929;
    border-radius: 12px;
}

    .crm-mbway-phone-form label[b-nntzp9n9wr] {
        display: block;
        margin-bottom: 8px;
        color: #d0d0d0;
        font-size: 12px;
        font-weight: 800;
    }

    .crm-mbway-phone-form input[b-nntzp9n9wr] {
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        padding: 0 14px;
        background: #111;
        color: #fff;
        border: 1px solid #303030;
        border-radius: 9px;
        font-size: 14px;
        outline: none;
        transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

        .crm-mbway-phone-form input[b-nntzp9n9wr]::placeholder {
            color: #5b5b5b;
        }

        .crm-mbway-phone-form input:focus[b-nntzp9n9wr] {
            background: #141414;
            border-color: #ff2d2d;
            box-shadow: 0 0 0 3px rgba(255, 45, 45, .08);
        }

.crm-mbway-phone-hint[b-nntzp9n9wr] {
    display: block;
    margin-top: 7px;
    color: #5f5f5f;
    font-size: 10px;
    line-height: 1.5;
}

.crm-mbway-phone-form > button[b-nntzp9n9wr] {
    width: 100%;
    height: 46px;
    margin-top: 14px;
    border: 0;
    border-radius: 9px;
    background: #ff2d2d;
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

    .crm-mbway-phone-form > button:hover[b-nntzp9n9wr] {
        background: #db1f1f;
        transform: translateY(-1px);
    }

    .crm-mbway-phone-form > button:disabled[b-nntzp9n9wr] {
        opacity: .55;
        cursor: wait;
        transform: none;
    }


/* =========================================================
   MB WAY PAYMENT CARD
   ========================================================= */

.crm-mbway-payment[b-nntzp9n9wr] {
    position: relative;
    margin-top: 26px;
    padding: 34px 30px;
    overflow: hidden;
    text-align: center;
    background: radial-gradient( circle at 65% 0%, rgba(255, 45, 45, .09), transparent 34% ), linear-gradient( 145deg, #131313, #0c0c0c );
    border: 1px solid #303030;
    border-radius: 17px;
}

.crm-mbway-icon[b-nntzp9n9wr] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    background: rgba(255, 45, 45, .08);
    border: 1px solid rgba(255, 45, 45, .28);
    border-radius: 50%;
    font-size: 25px;
}

.crm-mbway-payment h2[b-nntzp9n9wr] {
    margin: 16px 0 10px;
    color: #fff;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 900;
    letter-spacing: -.6px;
}

.crm-mbway-description[b-nntzp9n9wr] {
    max-width: 580px;
    margin: 0 auto;
    color: #888;
    font-size: 13px;
    line-height: 1.7;
}


/* =========================================================
   MB WAY ORDER SUMMARY
   ========================================================= */

.crm-mbway-order[b-nntzp9n9wr] {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px auto 0;
    padding: 9px 14px;
    background: rgba(255, 255, 255, .025);
    border: 1px solid #292929;
    border-radius: 8px;
    color: #777;
    font-size: 11px;
}

    .crm-mbway-order strong[b-nntzp9n9wr] {
        color: #fff;
        font-size: 12px;
        font-weight: 900;
    }


/* =========================================================
   MB WAY COUNTDOWN
   ========================================================= */

.crm-mbway-countdown[b-nntzp9n9wr] {
    width: 190px;
    margin: 22px auto 16px;
    padding: 18px 16px;
    background: #090909;
    border: 1px solid #303030;
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .22);
}

    .crm-mbway-countdown small[b-nntzp9n9wr] {
        display: block;
        margin-bottom: 7px;
        color: #777;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .5px;
        text-transform: uppercase;
    }

    .crm-mbway-countdown strong[b-nntzp9n9wr] {
        display: block;
        color: #ff2d2d;
        font-size: 40px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: 2px;
        font-variant-numeric: tabular-nums;
    }


/* =========================================================
   MB WAY WAITING
   ========================================================= */

.crm-mbway-waiting[b-nntzp9n9wr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 18px;
    color: #aaa;
    font-size: 11px;
    font-weight: 700;
}

    .crm-mbway-waiting > span[b-nntzp9n9wr] {
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        background: #ff2d2d;
        border-radius: 50%;
        animation: mbwayPulse-b-nntzp9n9wr 1.4s infinite;
    }

.crm-mbway-expiry-note[b-nntzp9n9wr] {
    display: block;
    margin-top: 11px;
    color: #5a5a5a;
    font-size: 10px;
}


/* =========================================================
   PAYMENT RESULT
   ========================================================= */

.crm-payment-result[b-nntzp9n9wr] {
    max-width: 580px;
    margin: 0 auto;
    padding: 22px 10px;
    text-align: center;
}

.crm-payment-result-icon[b-nntzp9n9wr] {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    border-radius: 50%;
    font-size: 27px;
    font-weight: 900;
}

.crm-payment-result h2[b-nntzp9n9wr] {
    margin: 12px 0 10px;
    color: #fff;
}

.crm-payment-result p[b-nntzp9n9wr] {
    max-width: 470px;
    margin: 0 auto;
    color: #858585;
    font-size: 13px;
    line-height: 1.7;
}

.crm-payment-result.success .crm-payment-result-icon[b-nntzp9n9wr] {
    color: #65d98b;
    background: rgba(46, 204, 113, .08);
    border: 1px solid rgba(46, 204, 113, .28);
}

.crm-payment-result.expired .crm-payment-result-icon[b-nntzp9n9wr] {
    color: #ff5d63;
    background: rgba(255, 45, 45, .08);
    border: 1px solid rgba(255, 45, 45, .28);
}

.crm-payment-result button[b-nntzp9n9wr] {
    min-width: 180px;
    height: 44px;
    margin-top: 22px;
    padding: 0 22px;
    background: #ff2d2d;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}

    .crm-payment-result button:hover[b-nntzp9n9wr] {
        background: #df2020;
        transform: translateY(-1px);
    }


/* =========================================================
   MB WAY ANIMATION
   ========================================================= */

@keyframes mbwayPulse-b-nntzp9n9wr {

    0% {
        box-shadow: 0 0 0 0 rgba(255, 45, 45, .35);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(255, 45, 45, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 45, 45, 0);
    }
}


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

@media (max-width: 1200px) {
    .crm-stats[b-nntzp9n9wr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .crm-subscription-warning[b-nntzp9n9wr] {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 900px) {
    .crm-header[b-nntzp9n9wr] {
        align-items: flex-start;
    }

    .crm-plans[b-nntzp9n9wr] {
        grid-template-columns: 1fr 1fr;
    }
}


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

@media (max-width: 650px) {
    .crm-header[b-nntzp9n9wr] {
        flex-direction: column;
    }

    .crm-header-actions[b-nntzp9n9wr] {
        width: 100%;
        justify-content: space-between;
    }

    .crm-credit-pill[b-nntzp9n9wr] {
        flex: 1;
    }

    .crm-stats[b-nntzp9n9wr] {
        grid-template-columns: 1fr;
    }

        .crm-stats article[b-nntzp9n9wr] {
            min-height: 145px;
        }

    .crm-subscription-warning[b-nntzp9n9wr],
    .crm-active-panel[b-nntzp9n9wr],
    .crm-payment-choice[b-nntzp9n9wr],
    .crm-mbway-payment[b-nntzp9n9wr] {
        padding: 24px 18px;
    }

    .crm-plans[b-nntzp9n9wr] {
        grid-template-columns: 1fr;
    }

    .crm-payment-methods[b-nntzp9n9wr] {
        grid-template-columns: 1fr;
    }

    .crm-active-panel[b-nntzp9n9wr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .crm-mbway-countdown[b-nntzp9n9wr] {
        width: 170px;
    }

        .crm-mbway-countdown strong[b-nntzp9n9wr] {
            font-size: 35px;
        }

    .crm-mbway-order[b-nntzp9n9wr] {
        flex-direction: column;
        gap: 3px;
    }
}


/* =========================================================
   MULTIBANCO PAYMENT
   ========================================================= */

.crm-multibanco-payment[b-nntzp9n9wr] {
    position: relative;
    margin-top: 26px;
    padding: 34px 30px;
    overflow: hidden;
    text-align: center;
    background: radial-gradient( circle at 68% 0%, rgba(255, 45, 45, .08), transparent 34% ), linear-gradient( 145deg, #131313, #0c0c0c );
    border: 1px solid #303030;
    border-radius: 17px;
}


/* ÍCONE */

.crm-multibanco-icon[b-nntzp9n9wr] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    background: rgba(255, 45, 45, .08);
    border: 1px solid rgba(255, 45, 45, .28);
    border-radius: 50%;
    color: #ff2d2d;
    font-size: 24px;
    font-weight: 900;
}


/* TÍTULO */

.crm-multibanco-payment h2[b-nntzp9n9wr] {
    margin: 16px 0 10px;
    color: #fff;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 900;
    letter-spacing: -.6px;
}

.crm-multibanco-description[b-nntzp9n9wr] {
    max-width: 580px;
    margin: 0 auto;
    color: #888;
    font-size: 13px;
    line-height: 1.7;
}


/* RESUMO DO PLANO */

.crm-multibanco-plan[b-nntzp9n9wr] {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px auto 0;
    padding: 9px 14px;
    background: rgba(255,255,255,.025);
    border: 1px solid #292929;
    border-radius: 8px;
    color: #777;
    font-size: 11px;
}

    .crm-multibanco-plan strong[b-nntzp9n9wr] {
        color: #fff;
        font-size: 12px;
        font-weight: 900;
    }


/* =========================================================
   DADOS MULTIBANCO
   ========================================================= */

.crm-multibanco-details[b-nntzp9n9wr] {
    max-width: 620px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 24px auto 0;
}

    .crm-multibanco-details > div[b-nntzp9n9wr] {
        min-height: 105px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 16px;
        box-sizing: border-box;
        background: #090909;
        border: 1px solid #2f2f2f;
        border-radius: 12px;
    }

    .crm-multibanco-details span[b-nntzp9n9wr] {
        color: #666;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .crm-multibanco-details strong[b-nntzp9n9wr] {
        margin-top: 9px;
        color: #fff;
        font-size: 21px;
        font-weight: 900;
        line-height: 1.1;
        letter-spacing: .4px;
        font-variant-numeric: tabular-nums;
    }


    /* DESTACAR REFERÊNCIA */

    .crm-multibanco-details > div:nth-child(2) strong[b-nntzp9n9wr] {
        color: #ff2d2d;
    }


/* =========================================================
   ESTADO
   ========================================================= */

.crm-multibanco-waiting[b-nntzp9n9wr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 22px;
    color: #aaa;
    font-size: 11px;
    font-weight: 700;
}

    .crm-multibanco-waiting > span[b-nntzp9n9wr] {
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        background: #ff2d2d;
        border-radius: 50%;
        animation: multibancoPulse-b-nntzp9n9wr 1.4s infinite;
    }

.crm-multibanco-note[b-nntzp9n9wr] {
    display: block;
    max-width: 500px;
    margin: 11px auto 0;
    color: #5a5a5a;
    font-size: 10px;
    line-height: 1.5;
}


/* =========================================================
   BOTÃO VOLTAR
   ========================================================= */

.crm-multibanco-back[b-nntzp9n9wr] {
    min-width: 140px;
    height: 42px;
    margin-top: 22px;
    padding: 0 18px;
    background: transparent;
    border: 1px solid #333;
    border-radius: 8px;
    color: #aaa;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}

    .crm-multibanco-back:hover[b-nntzp9n9wr] {
        color: #fff;
        background: #141414;
        border-color: #555;
        transform: translateY(-1px);
    }


/* =========================================================
   ANIMAÇÃO
   ========================================================= */

@keyframes multibancoPulse-b-nntzp9n9wr {

    0% {
        box-shadow: 0 0 0 0 rgba(255, 45, 45, .35);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(255, 45, 45, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 45, 45, 0);
    }
}


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

@media (max-width: 650px) {

    .crm-multibanco-payment[b-nntzp9n9wr] {
        padding: 30px 18px;
    }

    .crm-multibanco-plan[b-nntzp9n9wr] {
        flex-direction: column;
        gap: 3px;
    }

    .crm-multibanco-details[b-nntzp9n9wr] {
        grid-template-columns: 1fr;
    }

        .crm-multibanco-details > div[b-nntzp9n9wr] {
            min-height: 90px;
        }

        .crm-multibanco-details strong[b-nntzp9n9wr] {
            font-size: 20px;
        }
}
.marketplace-empty[b-nntzp9n9wr] {
    max-width: none;
    padding: 20px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
    margin-top: 26px;
    box-sizing: border-box;
    width: auto;
    max-width: none;
}

.marketplace-empty-badge[b-nntzp9n9wr] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 35, 35, 0.08);
    border: 1px solid rgba(255, 35, 35, 0.18);
    color: #ff3636;
    font-size: 14px;
    font-weight: 900;
}

.marketplace-empty-text[b-nntzp9n9wr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .marketplace-empty-text strong[b-nntzp9n9wr] {
        color: #ffffff;
        font-size: 15px;
        font-weight: 800;
    }

    .marketplace-empty-text span[b-nntzp9n9wr] {
        color: #85888f;
        font-size: 13px;
        line-height: 1.5;
    }

.marketplace-eyebrow[b-nntzp9n9wr] {
    display: block;
    margin-bottom: 8px;
    color: #ff3030;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.marketplace-heading-row h2[b-nntzp9n9wr] {
    margin: 0;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
}

.marketplace-heading-row p[b-nntzp9n9wr] {
    margin: 8px 0 0;
    color: #8d9096;
    font-size: 14px;
}

.crm-marketplace-panel[b-nntzp9n9wr] {
    margin-top: 40px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* =========================================================
   RE-VISION CRM
   SURFACE REFRESH
   ========================================================= */


/* ---------------------------------------------------------
   CABEÇALHO / CRÉDITOS
   --------------------------------------------------------- */

.crm-credit-pill[b-nntzp9n9wr] {
    background: linear-gradient( 135deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}


/* ---------------------------------------------------------
   LOADING
   --------------------------------------------------------- */

.crm-loading[b-nntzp9n9wr] {
    background: #1b1d1f;
    border-color: #343638;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}


/* ---------------------------------------------------------
   CARDS DE ESTATÍSTICAS
   --------------------------------------------------------- */

.crm-stats article[b-nntzp9n9wr] {
    background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, 0.07), transparent 38% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .crm-stats article:hover[b-nntzp9n9wr] {
        background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, 0.09), transparent 38% ), linear-gradient( 145deg, #242629 0%, #1d1f21 100% );
        border-color: #45474a;
        box-shadow: 0 14px 38px rgba(0, 0, 0, 0.2);
    }


/* ---------------------------------------------------------
   SUBSCRIÇÃO INATIVA
   --------------------------------------------------------- */

.crm-subscription-warning[b-nntzp9n9wr] {
    background: radial-gradient( circle at 85% 15%, rgba(239, 51, 64, 0.10), transparent 38% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16);
}


/* ---------------------------------------------------------
   PLANOS
   --------------------------------------------------------- */

.crm-plan[b-nntzp9n9wr] {
    background: linear-gradient( 145deg, #252729 0%, #1e2022 100% );
    border-color: #3b3d40;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

    .crm-plan:hover[b-nntzp9n9wr] {
        background: linear-gradient( 145deg, #292b2e 0%, #222426 100% );
        border-color: #484a4d;
    }

    .crm-plan.featured[b-nntzp9n9wr] {
        background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, 0.14), transparent 48% ), linear-gradient( 145deg, #282426 0%, #1f2022 100% );
        border-color: rgba(239, 51, 64, 0.48);
    }


/* ---------------------------------------------------------
   SUBSCRIÇÃO ATIVA
   --------------------------------------------------------- */

.crm-active-panel[b-nntzp9n9wr] {
    background: radial-gradient( circle at 90% 20%, rgba(46, 204, 113, 0.07), transparent 38% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16);
}


/* ---------------------------------------------------------
   ESCOLHA DE PAGAMENTO
   --------------------------------------------------------- */

.crm-payment-choice[b-nntzp9n9wr] {
    background: radial-gradient( circle at 85% 20%, rgba(239, 51, 64, 0.08), transparent 34% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16);
}


/* ---------------------------------------------------------
   MÉTODOS DE PAGAMENTO
   --------------------------------------------------------- */

.crm-payment-methods button[b-nntzp9n9wr] {
    background: linear-gradient( 145deg, #292b2d 0%, #222426 100% );
    border-color: #3e4043;
}

    .crm-payment-methods button:hover[b-nntzp9n9wr] {
        background: linear-gradient( 145deg, #2d2f32 0%, #26282a 100% );
        border-color: #ef3340;
    }


/* ---------------------------------------------------------
   MB WAY - FORMULÁRIO
   --------------------------------------------------------- */

.crm-mbway-phone-form[b-nntzp9n9wr] {
    background: #222426;
    border-color: #393b3e;
}

    .crm-mbway-phone-form input[b-nntzp9n9wr] {
        background: #191b1d;
        border-color: #3b3d40;
    }

        .crm-mbway-phone-form input:focus[b-nntzp9n9wr] {
            background: #1e2022;
            border-color: #ef3340;
        }


/* ---------------------------------------------------------
   MB WAY - PAGAMENTO
   --------------------------------------------------------- */

.crm-mbway-payment[b-nntzp9n9wr] {
    background: radial-gradient( circle at 65% 0%, rgba(239, 51, 64, 0.10), transparent 36% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16);
}

.crm-mbway-order[b-nntzp9n9wr] {
    background: #252729;
    border-color: #3b3d40;
}

.crm-mbway-countdown[b-nntzp9n9wr] {
    background: #191b1d;
    border-color: #3b3d40;
}


/* ---------------------------------------------------------
   MULTIBANCO - PAGAMENTO
   --------------------------------------------------------- */

.crm-multibanco-payment[b-nntzp9n9wr] {
    background: radial-gradient( circle at 68% 0%, rgba(239, 51, 64, 0.09), transparent 36% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16);
}

.crm-multibanco-plan[b-nntzp9n9wr] {
    background: #252729;
    border-color: #3b3d40;
}

.crm-multibanco-details > div[b-nntzp9n9wr] {
    background: linear-gradient( 145deg, #292b2d 0%, #222426 100% );
    border-color: #3e4043;
}


/* ---------------------------------------------------------
   MARKETPLACE / NOVOS PEDIDOS
   --------------------------------------------------------- */

.marketplace-empty[b-nntzp9n9wr] {
    background: linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}


/* ---------------------------------------------------------
   BOTÕES SECUNDÁRIOS
   --------------------------------------------------------- */

.crm-multibanco-back[b-nntzp9n9wr] {
    background: rgba(255, 255, 255, 0.025);
    border-color: #47494c;
}

    .crm-multibanco-back:hover[b-nntzp9n9wr] {
        background: #252729;
        border-color: #5a5c5f;
    }


/* ---------------------------------------------------------
   CONSISTÊNCIA DAS CORES
   --------------------------------------------------------- */

.crm-eyebrow[b-nntzp9n9wr],
.marketplace-eyebrow[b-nntzp9n9wr] {
    color: #ef3340;
}

.crm-stats article > strong[b-nntzp9n9wr] {
    color: #ef3340;
}

.crm-plan button[b-nntzp9n9wr],
.crm-mbway-phone-form > button[b-nntzp9n9wr],
.crm-payment-result button[b-nntzp9n9wr],
.crm-plan-badge[b-nntzp9n9wr] {
    background: #ef3340;
}

/* =========================================================
   DASHBOARD - SUBSCRIÇÃO ATIVA COMPACTA
   ========================================================= */

.crm-active-panel[b-nntzp9n9wr] {
    min-height: 76px;
    margin-top: 22px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: radial-gradient( circle at 90% 20%, rgba(46, 204, 113, 0.055), transparent 32% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border: 1px solid #383a3d;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
}

    .crm-active-panel .crm-warning-content[b-nntzp9n9wr] {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas:
            "eyebrow title"
            "eyebrow description";
        align-items: center;
        column-gap: 18px;
    }

    .crm-active-panel .crm-eyebrow[b-nntzp9n9wr] {
        grid-area: eyebrow;
        margin: 0;
        white-space: nowrap;
    }

    .crm-active-panel h2[b-nntzp9n9wr] {
        grid-area: title;
        margin: 0 0 3px;
        color: #fff;
        font-size: 18px;
        font-weight: 900;
        line-height: 1.15;
        letter-spacing: -0.35px;
    }

    .crm-active-panel p[b-nntzp9n9wr] {
        grid-area: description;
        margin: 0;
        max-width: none;
        color: #85888f;
        font-size: 11px;
        line-height: 1.4;
    }

.crm-active-status[b-nntzp9n9wr] {
    flex: 0 0 auto;
    padding: 9px 13px;
    color: #69d990;
    background: rgba(46, 204, 113, 0.07);
    border: 1px solid rgba(46, 204, 113, 0.24);
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}


/* MOBILE */

@media (max-width: 650px) {

    .crm-active-panel[b-nntzp9n9wr] {
        min-height: 0;
        padding: 18px;
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

        .crm-active-panel .crm-warning-content[b-nntzp9n9wr] {
            display: block;
        }

        .crm-active-panel .crm-eyebrow[b-nntzp9n9wr] {
            display: block;
            margin-bottom: 7px;
        }

        .crm-active-panel h2[b-nntzp9n9wr] {
            margin-bottom: 5px;
        }
}

/* =========================================================
   CRÉDITOS - LINK
   ========================================================= */

.crm-credit-pill-link[b-nntzp9n9wr] {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

    .crm-credit-pill-link:hover[b-nntzp9n9wr] {
        transform: translateY(-1px);
        border-color: #ef3340;
        background: linear-gradient( 135deg, #1f2123 0%, #1f2123 72%, rgba(239, 51, 64, .11) 100% );
    }

        .crm-credit-pill-link:hover strong[b-nntzp9n9wr] {
            color: #fff;
        }

    .crm-credit-pill-link:focus-visible[b-nntzp9n9wr] {
        outline: 2px solid #ef3340;
        outline-offset: 3px;
    }
/* /Components/Pages/Orcamentos.razor.rz.scp.css */
.quotes-page[b-51kbk2u2bo] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.quotes-header[b-51kbk2u2bo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.quotes-eyebrow[b-51kbk2u2bo] {
    display: block;
    margin-bottom: 8px;
    color: #ff2d2d;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2.2px;
}

.quotes-header h1[b-51kbk2u2bo] {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 900;
    letter-spacing: -1.5px;
}

.quotes-header p[b-51kbk2u2bo] {
    margin: 8px 0 0;
    color: #777;
    font-size: 13px;
}


/* =========================================================
   COUNTER
   ========================================================= */

.quotes-counter[b-51kbk2u2bo] {
    min-width: 160px;
    padding: 15px 19px;
    background: linear-gradient( 145deg, #141414, #0e0e0e );
    border: 1px solid #2a2a2a;
    border-radius: 11px;
}

    .quotes-counter span[b-51kbk2u2bo] {
        display: block;
        color: #777;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .quotes-counter strong[b-51kbk2u2bo] {
        display: block;
        margin-top: 3px;
        color: #fff;
        font-size: 25px;
        font-weight: 900;
    }


/* =========================================================
   LIST
   ========================================================= */

.quotes-list[b-51kbk2u2bo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* =========================================================
   ROW
   ========================================================= */

.quote-row[b-51kbk2u2bo] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(360px, 1.8fr) minmax(170px, .75fr) minmax(150px, .7fr) minmax(180px, .75fr);
    gap: 22px;
    align-items: center;
    min-width: 0;
    padding: 21px 24px;
    overflow: hidden;
    background: radial-gradient( circle at 100% 0%, rgba(255, 45, 45, .05), transparent 30% ), linear-gradient( 145deg, #121212, #0d0d0d );
    border: 1px solid #292929;
    border-radius: 12px;
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

    .quote-row:hover[b-51kbk2u2bo] {
        transform: translateY(-1px);
        border-color: #3a3a3a;
        background: radial-gradient( circle at 100% 0%, rgba(255, 45, 45, .075), transparent 30% ), linear-gradient( 145deg, #141414, #0e0e0e );
    }

    .quote-row[b-51kbk2u2bo]::before {
        content: "";
        position: absolute;
        top: 13px;
        bottom: 13px;
        left: 0;
        width: 3px;
        background: #ff2d2d;
        border-radius: 0 3px 3px 0;
    }


/* =========================================================
   MAIN
   ========================================================= */

.quote-main[b-51kbk2u2bo] {
    min-width: 0;
}

.quote-request-top[b-51kbk2u2bo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 6px;
}

.quote-request[b-51kbk2u2bo] {
    color: #ff2d2d;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.quote-main h2[b-51kbk2u2bo] {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}


/* =========================================================
   STATUS
   ========================================================= */

.quote-status[b-51kbk2u2bo] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.quote-status-dot[b-51kbk2u2bo] {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 50%;
}


/* SUBMITTED */

.quote-status.submitted[b-51kbk2u2bo] {
    color: #ffbd59;
    background: rgba(255, 177, 66, .07);
    border: 1px solid rgba(255, 177, 66, .22);
}

    .quote-status.submitted .quote-status-dot[b-51kbk2u2bo] {
        background: #ffbd59;
        box-shadow: 0 0 8px rgba(255, 189, 89, .45);
    }


/* ACCEPTED */

.quote-status.accepted[b-51kbk2u2bo] {
    color: #65d98b;
    background: rgba(46, 204, 113, .07);
    border: 1px solid rgba(46, 204, 113, .24);
}

    .quote-status.accepted .quote-status-dot[b-51kbk2u2bo] {
        background: #65d98b;
        box-shadow: 0 0 8px rgba(101, 217, 139, .45);
    }


/* REJECTED */

.quote-status.rejected[b-51kbk2u2bo] {
    color: #ff777d;
    background: rgba(255, 45, 45, .07);
    border: 1px solid rgba(255, 45, 45, .22);
}

    .quote-status.rejected .quote-status-dot[b-51kbk2u2bo] {
        background: #ff777d;
    }


/* EXPIRED */

.quote-status.expired[b-51kbk2u2bo] {
    color: #888;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .10);
}

    .quote-status.expired .quote-status-dot[b-51kbk2u2bo] {
        background: #777;
    }


/* =========================================================
   SERVICES
   ========================================================= */

.quote-services[b-51kbk2u2bo] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

    .quote-services span[b-51kbk2u2bo] {
        display: inline-flex;
        align-items: center;
        min-height: 25px;
        box-sizing: border-box;
        padding: 4px 8px;
        color: #aaa;
        background: rgba(255, 45, 45, .045);
        border: 1px solid rgba(255, 45, 45, .14);
        border-radius: 5px;
        font-size: 9px;
        font-weight: 800;
    }


/* =========================================================
   NOTES
   ========================================================= */

.quote-notes[b-51kbk2u2bo] {
    max-width: 650px;
    margin: 8px 0 0;
    overflow: hidden;
    color: #737373;
    font-size: 10px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   LABEL
   ========================================================= */

.quote-label[b-51kbk2u2bo] {
    display: block;
    margin-bottom: 7px;
    color: #5d5d5d;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.3px;
}


/* =========================================================
   DATE
   ========================================================= */

.quote-date[b-51kbk2u2bo],
.quote-validity[b-51kbk2u2bo] {
    min-width: 0;
}

    .quote-date strong[b-51kbk2u2bo],
    .quote-validity strong[b-51kbk2u2bo] {
        display: block;
        color: #ccc;
        font-size: 11px;
        font-weight: 900;
    }

.quote-expired-text[b-51kbk2u2bo] {
    display: block;
    margin-top: 5px;
    color: #777;
    font-size: 8px;
    font-weight: 700;
}


/* =========================================================
   AMOUNT
   ========================================================= */

.quote-amount[b-51kbk2u2bo] {
    min-width: 0;
    padding-left: 22px;
    border-left: 1px solid #292929;
}

    .quote-amount strong[b-51kbk2u2bo] {
        display: block;
        color: #fff;
        font-size: 24px;
        font-weight: 900;
        letter-spacing: -.5px;
    }


/* =========================================================
   STATES
   ========================================================= */

.quotes-state[b-51kbk2u2bo] {
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px;
    text-align: center;
    background: linear-gradient( 145deg, #111, #0c0c0c );
    border: 1px solid #292929;
    border-radius: 15px;
}

.quotes-state-icon[b-51kbk2u2bo] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 17px;
    background: rgba(255, 45, 45, .07);
    border: 1px solid rgba(255, 45, 45, .2);
    border-radius: 50%;
    color: #ff2d2d;
    font-size: 18px;
    font-weight: 900;
}

.quotes-state strong[b-51kbk2u2bo] {
    color: #fff;
    font-size: 16px;
}

.quotes-state > span[b-51kbk2u2bo] {
    max-width: 430px;
    margin-top: 8px;
    color: #777;
    font-size: 11px;
    line-height: 1.6;
}

.quotes-state button[b-51kbk2u2bo] {
    margin-top: 20px;
    padding: 11px 18px;
    border: 0;
    border-radius: 7px;
    background: #ff2d2d;
    color: #fff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}


/* =========================================================
   LOADING
   ========================================================= */

.quotes-spinner[b-51kbk2u2bo] {
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    border: 3px solid #282828;
    border-top-color: #ff2d2d;
    border-radius: 50%;
    animation: quotes-spin-b-51kbk2u2bo .8s linear infinite;
}

@keyframes quotes-spin-b-51kbk2u2bo {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1150px) {

    .quote-row[b-51kbk2u2bo] {
        grid-template-columns: minmax(320px, 1.6fr) minmax(160px, .75fr) minmax(170px, .75fr);
    }

    .quote-date[b-51kbk2u2bo] {
        display: none;
    }
}


@media (max-width: 850px) {

    .quote-row[b-51kbk2u2bo] {
        grid-template-columns: 1fr 180px;
        gap: 16px;
    }

    .quote-validity[b-51kbk2u2bo] {
        grid-column: 1;
    }

    .quote-amount[b-51kbk2u2bo] {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: stretch;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}


@media (max-width: 650px) {

    .quotes-header[b-51kbk2u2bo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .quotes-counter[b-51kbk2u2bo] {
        width: 100%;
        box-sizing: border-box;
    }

    .quote-row[b-51kbk2u2bo] {
        display: flex;
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
    }

    .quote-date[b-51kbk2u2bo] {
        display: block;
        padding-top: 13px;
        border-top: 1px solid #262626;
    }

    .quote-validity[b-51kbk2u2bo] {
        padding-top: 13px;
        border-top: 1px solid #262626;
    }

    .quote-amount[b-51kbk2u2bo] {
        padding: 13px 0 0;
        border-top: 1px solid #262626;
        border-left: 0;
    }

    .quote-notes[b-51kbk2u2bo] {
        white-space: normal;
    }
}

.quote-pdf-button[b-51kbk2u2bo] {
    margin-top: 12px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

    .quote-pdf-button:hover:not(:disabled)[b-51kbk2u2bo] {
        background: rgba(255, 255, 255, 0.10);
        border-color: rgba(255, 255, 255, 0.22);
        transform: translateY(-1px);
    }

    .quote-pdf-button:disabled[b-51kbk2u2bo] {
        opacity: 0.55;
        cursor: wait;
    }

.quote-pdf-error[b-51kbk2u2bo] {
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid rgba(255, 80, 80, 0.25);
    border-radius: 10px;
    background: rgba(255, 50, 50, 0.08);
    color: #ff9b9b;
    font-size: 13px;
}
/* =========================================================
   RE-VISION CRM
   ORÇAMENTOS — SURFACE REFRESH
   ========================================================= */


/* ---------------------------------------------------------
   CONTADOR
   --------------------------------------------------------- */

.quotes-counter[b-51kbk2u2bo] {
    background: linear-gradient( 135deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}


/* ---------------------------------------------------------
   ROWS / CARDS
   --------------------------------------------------------- */

.quote-row[b-51kbk2u2bo] {
    background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, 0.07), transparent 32% ), linear-gradient( 105deg, #1b1d1f 0%, #1c1e20 65%, #211b1c 100% );
    border-color: #343638;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
    transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

    .quote-row:hover[b-51kbk2u2bo] {
        transform: translateY(-1px);
        background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, 0.09), transparent 34% ), linear-gradient( 105deg, #1f2123 0%, #202224 65%, #251d1f 100% );
        border-color: #424447;
        box-shadow: 0 14px 38px rgba(0, 0, 0, 0.22);
    }

    .quote-row[b-51kbk2u2bo]::before {
        background: #ef3340;
    }


/* ---------------------------------------------------------
   SERVIÇOS
   --------------------------------------------------------- */

.quote-services span[b-51kbk2u2bo] {
    background: #252729;
    border-color: rgba(239, 51, 64, 0.28);
    color: #c7c7c7;
}


/* ---------------------------------------------------------
   TEXTOS SECUNDÁRIOS
   --------------------------------------------------------- */

.quotes-header p[b-51kbk2u2bo] {
    color: #85888f;
}

.quote-label[b-51kbk2u2bo] {
    color: #73767a;
}

.quote-date strong[b-51kbk2u2bo],
.quote-validity strong[b-51kbk2u2bo] {
    color: #eeeeee;
}

.quote-notes[b-51kbk2u2bo] {
    color: #85888f;
}

.quote-expired-text[b-51kbk2u2bo] {
    color: #85888f;
}


/* ---------------------------------------------------------
   VALOR
   --------------------------------------------------------- */

.quote-amount[b-51kbk2u2bo] {
    border-left-color: #353739;
}

    .quote-amount strong[b-51kbk2u2bo] {
        color: #ffffff;
    }


/* ---------------------------------------------------------
   ESTADOS
   --------------------------------------------------------- */

.quote-status.submitted[b-51kbk2u2bo] {
    color: #ffc66d;
    background: rgba(255, 177, 66, 0.09);
    border-color: rgba(255, 177, 66, 0.28);
}

.quote-status.accepted[b-51kbk2u2bo] {
    color: #6ddd98;
    background: rgba(49, 191, 106, 0.09);
    border-color: rgba(94, 213, 140, 0.28);
}

.quote-status.rejected[b-51kbk2u2bo] {
    color: #ff777d;
    background: rgba(239, 51, 64, 0.09);
    border-color: rgba(239, 51, 64, 0.28);
}

.quote-status.expired[b-51kbk2u2bo] {
    color: #a2a5a9;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
}


/* ---------------------------------------------------------
   EMPTY / ERROR / LOADING
   --------------------------------------------------------- */

.quotes-state[b-51kbk2u2bo] {
    background: radial-gradient( circle at 85% 10%, rgba(239, 51, 64, 0.06), transparent 35% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

.quotes-state-icon[b-51kbk2u2bo] {
    background: rgba(239, 51, 64, 0.09);
    border-color: rgba(239, 51, 64, 0.28);
    color: #ef3340;
}

.quotes-state > span[b-51kbk2u2bo] {
    color: #85888f;
}


/* ---------------------------------------------------------
   BOTÃO RETRY
   --------------------------------------------------------- */

.quotes-state button[b-51kbk2u2bo] {
    background: #ef3340;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .quotes-state button:hover[b-51kbk2u2bo] {
        background: #db2935;
        transform: translateY(-1px);
        box-shadow: 0 8px 20px rgba(239, 51, 64, 0.16);
    }


/* ---------------------------------------------------------
   PDF
   --------------------------------------------------------- */

.quote-pdf-button[b-51kbk2u2bo] {
    background: rgba(255, 255, 255, 0.025);
    border-color: #47494c;
    color: #ffffff;
}

    .quote-pdf-button:hover:not(:disabled)[b-51kbk2u2bo] {
        background: #252729;
        border-color: #5a5c5f;
        transform: translateY(-1px);
    }


/* ---------------------------------------------------------
   ERRO PDF
   --------------------------------------------------------- */

.quote-pdf-error[b-51kbk2u2bo] {
    background: rgba(239, 51, 64, 0.09);
    border-color: rgba(239, 51, 64, 0.28);
    color: #ff9b9b;
}


/* ---------------------------------------------------------
   SPINNER
   --------------------------------------------------------- */

.quotes-spinner[b-51kbk2u2bo] {
    border-color: #3b3d40;
    border-top-color: #ef3340;
}


/* ---------------------------------------------------------
   CORES RE-VISION
   --------------------------------------------------------- */

.quotes-eyebrow[b-51kbk2u2bo],
.quote-request[b-51kbk2u2bo] {
    color: #ef3340;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 650px) {

    .quote-date[b-51kbk2u2bo],
    .quote-validity[b-51kbk2u2bo],
    .quote-amount[b-51kbk2u2bo] {
        border-top-color: #353739;
    }
}
/* /Components/Pages/OrdensServico.razor.rz.scp.css */
.orders-page[b-xd042vscrj] {
    width: 100%;
    min-height: 100%;
    padding: 30px 44px 60px;
    box-sizing: border-box;
}


/* HEADER */

.orders-header[b-xd042vscrj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 28px;
}

.orders-eyebrow[b-xd042vscrj] {
    display: block;
    margin-bottom: 10px;
    color: #ef3340;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.7px;
}

.orders-header h1[b-xd042vscrj] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1.8px;
}

.orders-header p[b-xd042vscrj] {
    margin: 14px 0 0;
    color: #777777;
    font-size: 14px;
}

.orders-counter[b-xd042vscrj] {
    min-width: 190px;
    padding: 20px 24px;
    background: linear-gradient( 135deg, #202225 0%, #1a1c1e 100% );
    border: 1px solid #383a3d;
    border-radius: 13px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

    .orders-counter span[b-xd042vscrj] {
        display: block;
        margin-bottom: 7px;
        color: #777777;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    .orders-counter strong[b-xd042vscrj] {
        color: #ffffff;
        font-size: 25px;
        font-weight: 900;
    }


/* LOADING / EMPTY / ERROR */

.orders-state[b-xd042vscrj] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 40px;
    text-align: center;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

    .orders-state strong[b-xd042vscrj] {
        color: #ffffff;
        font-size: 16px;
    }

    .orders-state span[b-xd042vscrj] {
        max-width: 480px;
        color: #777777;
        font-size: 13px;
        line-height: 1.6;
    }

    .orders-state button[b-xd042vscrj] {
        margin-top: 9px;
        padding: 10px 16px;
        background: transparent;
        border: 1px solid #3a3a3a;
        border-radius: 8px;
        color: #ffffff;
        font-weight: 700;
        cursor: pointer;
    }

        .orders-state button:hover[b-xd042vscrj] {
            border-color: #ef3340;
        }

.orders-state-icon[b-xd042vscrj] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    border-radius: 50%;
    background: #191919;
    border: 1px solid #333333;
    color: #ef3340;
    font-weight: 900;
}

.orders-spinner[b-xd042vscrj] {
    width: 30px;
    height: 30px;
    border: 3px solid #2b2b2b;
    border-top-color: #ef3340;
    border-radius: 50%;
    animation: orders-spin-b-xd042vscrj 0.8s linear infinite;
}

@keyframes orders-spin-b-xd042vscrj {
    to {
        transform: rotate(360deg);
    }
}


/* LISTA */

.orders-list[b-xd042vscrj] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* ROW */

.orders-row[b-xd042vscrj] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(330px, 2fr) minmax(185px, 1.05fr) minmax(185px, 1.05fr) minmax(105px, 0.65fr) minmax(145px, 0.82fr) minmax(155px, 0.88fr);
    align-items: stretch;
    min-height: 176px;
    background: linear-gradient( 105deg, #1b1d1f 0%, #1c1e20 62%, #211b1c 100% );
    border: 1px solid #343638;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .orders-row:hover[b-xd042vscrj] {
        background: linear-gradient( 105deg, #1f2123 0%, #202224 62%, #251d1f 100% );
        border-color: #424447;
        box-shadow: 0 14px 38px rgba(0, 0, 0, 0.22);
    }

    .orders-row[b-xd042vscrj]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 15px;
        bottom: 15px;
        width: 4px;
        background: #ef3340;
        border-radius: 0 4px 4px 0;
    }


/* MAIN */

.orders-main[b-xd042vscrj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 21px 24px 21px 28px;
}

.orders-request-top[b-xd042vscrj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 10px;
}

.orders-request-number[b-xd042vscrj] {
    color: #ef3340;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.orders-main h2[b-xd042vscrj] {
    margin: 0 0 11px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.4px;
}


/* VEHICLE META */

.orders-vehicle-meta[b-xd042vscrj] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.orders-registration[b-xd042vscrj],
.orders-service-pill[b-xd042vscrj] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    background: #252729;
    border: 1px solid #3b3d40;
    border-radius: 7px;
    color: #d4d4d4;
    font-size: 11px;
    font-weight: 700;
}

.orders-registration[b-xd042vscrj] {
    background: #292b2d;
    border-color: #46484b;
    color: #ffffff;
}

.orders-service-pill[b-xd042vscrj] {
    border-color: rgba(239, 51, 64, 0.28);
}
.orders-registration[b-xd042vscrj] {
    color: #ffffff;
}

.orders-service-pill[b-xd042vscrj] {
    border-color: rgba(239, 51, 64, 0.22);
}


/* NOTES */

.orders-client-notes[b-xd042vscrj] {
    width: 100%;
    max-width: 100%;
    margin: 10px 0 0;
    overflow: hidden;
    color: #818181;
    font-size: 11px;
    line-height: 1.4;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* GENERIC COLUMNS */

.orders-info-column[b-xd042vscrj],
.orders-side-column[b-xd042vscrj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 20px 0;
    padding: 0 20px;
    border-left: 1px solid #353739;
}

.orders-label[b-xd042vscrj] {
    display: block;
    margin-bottom: 8px;
    color: #656565;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


/* INFO */

.orders-info-title[b-xd042vscrj] {
    max-width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

.orders-contact-list[b-xd042vscrj] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    margin-top: 6px;
}

    .orders-contact-list a[b-xd042vscrj] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        color: #818181;
        font-size: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-decoration: none;
    }

        .orders-contact-list a:hover[b-xd042vscrj] {
            color: #ffffff;
        }


/* VALUES */

.orders-side-value[b-xd042vscrj] {
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
}

.orders-muted[b-xd042vscrj] {
    display: block;
    margin-top: 6px;
    color: #707070;
    font-size: 9px;
    line-height: 1.45;
}


/* STATUS BADGE */

.orders-status[b-xd042vscrj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

    .orders-status > span[b-xd042vscrj] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
    }

.orders-status-open[b-xd042vscrj] {
    color: #f6be43;
    background: rgba(246, 190, 67, 0.08);
    border: 1px solid rgba(246, 190, 67, 0.28);
}

    .orders-status-open > span[b-xd042vscrj] {
        background: #f6be43;
    }

.orders-status-progress[b-xd042vscrj] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #353535;
}

    .orders-status-progress > span[b-xd042vscrj] {
        background: #ef3340;
    }

.orders-status-awarded[b-xd042vscrj] {
    color: #8eb5ff;
    background: rgba(80, 130, 255, 0.08);
    border: 1px solid rgba(80, 130, 255, 0.25);
}

    .orders-status-awarded > span[b-xd042vscrj] {
        background: #8eb5ff;
    }

.orders-status-completed[b-xd042vscrj] {
    color: #78d49c;
    background: rgba(75, 190, 120, 0.08);
    border: 1px solid rgba(75, 190, 120, 0.24);
}

    .orders-status-completed > span[b-xd042vscrj] {
        background: #78d49c;
    }

.orders-status-cancelled[b-xd042vscrj] {
    color: #ff7b84;
    background: rgba(239, 51, 64, 0.08);
    border: 1px solid rgba(239, 51, 64, 0.25);
}

    .orders-status-cancelled > span[b-xd042vscrj] {
        background: #ef3340;
    }


/* ACTION BUTTON */
.orders-action-button[b-xd042vscrj] {
    min-height: 35px;
    margin-top: 13px;
    padding: 0 13px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid #47494c;
    border-radius: 8px;
    color: #eeeeee;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

    .orders-action-button:hover[b-xd042vscrj] {
        background: rgba(239, 51, 64, 0.1);
        border-color: #ef3340;
        color: #ffffff;
    }

    .orders-action-button:hover[b-xd042vscrj] {
        background: rgba(239, 51, 64, 0.08);
        border-color: #ef3340;
        color: #ffffff;
    }


/* INVOICE */

.orders-invoice-number[b-xd042vscrj] {
    max-width: 100%;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.orders-invoice-meta[b-xd042vscrj] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px;
}

    .orders-invoice-meta span[b-xd042vscrj] {
        color: #858585;
        font-size: 9px;
        font-weight: 600;
    }

        .orders-invoice-meta span + span[b-xd042vscrj]::before {
            content: "·";
            margin-right: 5px;
            color: #525252;
        }

.orders-empty-value[b-xd042vscrj] {
    color: #777777;
}


/* MODAL BACKDROP */

.orders-modal-backdrop[b-xd042vscrj] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(6px);
}


/* MODAL */

.orders-modal[b-xd042vscrj] {
    width: 100%;
    max-width: 500px;
    padding: 30px;
    box-sizing: border-box;
    background: linear-gradient( 145deg, #1b1b1b 0%, #161616 100% );
    border: 1px solid #333333;
    border-radius: 15px;
    box-shadow: 0 26px 90px rgba(0, 0, 0, 0.65);
}

.orders-modal-eyebrow[b-xd042vscrj] {
    display: block;
    margin-bottom: 9px;
    color: #ef3340;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.orders-modal h2[b-xd042vscrj] {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -0.6px;
}

.orders-modal > p[b-xd042vscrj] {
    margin: 12px 0 24px;
    color: #8b8b8b;
    font-size: 13px;
    line-height: 1.5;
}

    .orders-modal > p strong[b-xd042vscrj] {
        color: #ffffff;
    }


/* STATUS OPTIONS */

.orders-status-options[b-xd042vscrj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .orders-status-options button[b-xd042vscrj] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 15px 17px;
        background: #111111;
        border: 1px solid #303030;
        border-radius: 10px;
        color: #ffffff;
        text-align: left;
        cursor: pointer;
        transition: border-color 0.2s ease, background 0.2s ease;
    }

        .orders-status-options button:hover:not(:disabled)[b-xd042vscrj] {
            background: #1c1516;
            border-color: #ef3340;
        }

        .orders-status-options button strong[b-xd042vscrj] {
            font-size: 14px;
        }

        .orders-status-options button span[b-xd042vscrj] {
            color: #858585;
            font-size: 12px;
        }

        .orders-status-options button:disabled[b-xd042vscrj] {
            opacity: 0.55;
            cursor: wait;
        }

.orders-status-option-danger:hover:not(:disabled)[b-xd042vscrj] {
    border-color: #ef3340;
}


/* MODAL ERROR */

.orders-modal-error[b-xd042vscrj] {
    margin-bottom: 16px;
    padding: 11px 13px;
    background: rgba(239, 51, 64, 0.08);
    border: 1px solid rgba(239, 51, 64, 0.25);
    border-radius: 8px;
    color: #ff858d;
    font-size: 11px;
}


/* INVOICE FORM */

.orders-invoice-form[b-xd042vscrj] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 22px;
}

.orders-invoice-field[b-xd042vscrj] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .orders-invoice-field label[b-xd042vscrj] {
        color: #777777;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.3px;
    }

    .orders-invoice-field input[type="text"][b-xd042vscrj],
    .orders-invoice-field input[type="date"][b-xd042vscrj],
    .orders-invoice-field input[type="number"][b-xd042vscrj] {
        width: 100%;
        height: 44px;
        box-sizing: border-box;
        padding: 0 13px;
        background: #111111;
        border: 1px solid #303030;
        border-radius: 8px;
        color: #ffffff;
        font-size: 12px;
        outline: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .orders-invoice-field input:focus[b-xd042vscrj] {
        border-color: #ef3340;
        box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.08);
    }

    .orders-invoice-field small[b-xd042vscrj] {
        color: #777777;
        font-size: 10px;
    }

    .orders-invoice-field input[type="file"][b-xd042vscrj] {
        max-width: 100%;
        color: #a0a0a0;
        font-size: 11px;
    }


/* PRICE */

.orders-invoice-price[b-xd042vscrj] {
    position: relative;
}

    .orders-invoice-price input[b-xd042vscrj] {
        padding-right: 42px !important;
    }

    .orders-invoice-price span[b-xd042vscrj] {
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
        color: #777777;
        font-size: 12px;
        font-weight: 800;
        pointer-events: none;
    }


/* MODAL FOOTER */

.orders-modal-footer[b-xd042vscrj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 22px;
}

.orders-modal-cancel[b-xd042vscrj],
.orders-modal-save[b-xd042vscrj] {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.orders-modal-cancel[b-xd042vscrj] {
    background: transparent;
    border: 1px solid #393939;
    color: #aaaaaa;
}

    .orders-modal-cancel:hover:not(:disabled)[b-xd042vscrj] {
        border-color: #555555;
        color: #ffffff;
    }

.orders-modal-save[b-xd042vscrj] {
    background: #ef3340;
    border: 1px solid #ef3340;
    color: #ffffff;
}

    .orders-modal-save:hover:not(:disabled)[b-xd042vscrj] {
        filter: brightness(1.08);
    }

    .orders-modal-cancel:disabled[b-xd042vscrj],
    .orders-modal-save:disabled[b-xd042vscrj] {
        opacity: 0.55;
        cursor: wait;
    }


/* RESPONSIVE */

@media (max-width: 1450px) {

    .orders-page[b-xd042vscrj] {
        padding-left: 32px;
        padding-right: 32px;
    }

    .orders-row[b-xd042vscrj] {
        grid-template-columns: minmax(300px, 1.8fr) minmax(165px, 1fr) minmax(165px, 1fr) minmax(95px, 0.6fr) minmax(130px, 0.8fr) minmax(140px, 0.85fr);
    }

    .orders-main[b-xd042vscrj] {
        padding-left: 24px;
        padding-right: 18px;
    }

    .orders-info-column[b-xd042vscrj],
    .orders-side-column[b-xd042vscrj] {
        padding-left: 16px;
        padding-right: 16px;
    }
}


@media (max-width: 1150px) {

    .orders-row[b-xd042vscrj] {
        grid-template-columns: minmax(280px, 1.6fr) minmax(170px, 1fr) minmax(170px, 1fr);
        min-height: 0;
    }

    .orders-main[b-xd042vscrj],
    .orders-info-column[b-xd042vscrj],
    .orders-side-column[b-xd042vscrj] {
        min-height: 145px;
    }

    .orders-info-column[b-xd042vscrj],
    .orders-side-column[b-xd042vscrj] {
        margin: 0;
        padding: 20px;
        border-left: 1px solid #292929;
    }

        .orders-side-column:nth-last-child(-n+3)[b-xd042vscrj] {
            border-top: 1px solid #292929;
        }
}


@media (max-width: 760px) {

    .orders-page[b-xd042vscrj] {
        padding: 22px 18px 40px;
    }

    .orders-header[b-xd042vscrj] {
        flex-direction: column;
    }

    .orders-counter[b-xd042vscrj] {
        width: 100%;
        box-sizing: border-box;
    }

    .orders-row[b-xd042vscrj] {
        grid-template-columns: 1fr;
    }

    .orders-main[b-xd042vscrj],
    .orders-info-column[b-xd042vscrj],
    .orders-side-column[b-xd042vscrj] {
        min-height: 0;
        margin: 0;
        padding: 18px 22px;
    }

    .orders-info-column[b-xd042vscrj],
    .orders-side-column[b-xd042vscrj] {
        border-left: none;
        border-top: 1px solid #292929;
    }

    .orders-row[b-xd042vscrj]::before {
        top: 14px;
        bottom: 14px;
    }

    .orders-client-notes[b-xd042vscrj] {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .orders-modal[b-xd042vscrj] {
        padding: 24px 20px;
    }
}

/* =========================================================
   FILTROS POR ESTADO
   ========================================================= */

.orders-filters[b-xd042vscrj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
    padding: 14px 16px;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-radius: 14px;
}

.orders-filter-label[b-xd042vscrj] {
    flex-shrink: 0;
    color: #85888f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.orders-filter-options[b-xd042vscrj] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.orders-filter-button[b-xd042vscrj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #383a3d;
    border-radius: 10px;
    background: #202225;
    color: #929599;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

    .orders-filter-button:hover[b-xd042vscrj] {
        background: #252729;
        border-color: #47494c;
        color: #ffffff;
    }

    .orders-filter-button > span[b-xd042vscrj] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 7px;
        background: #292b2d;
        color: #85888f;
        font-size: 10px;
        font-weight: 800;
    }

    .orders-filter-button.active[b-xd042vscrj] {
        background: rgba(239, 51, 64, 0.1);
        border-color: rgba(239, 51, 64, 0.55);
        color: #ffffff;
    }

        .orders-filter-button.active > span[b-xd042vscrj] {
            background: #ef3340;
            color: #ffffff;
        }

@media (max-width: 850px) {

    .orders-filters[b-xd042vscrj] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .orders-filter-options[b-xd042vscrj] {
        width: 100%;
    }
}

/* =========================================================
   INPUT DE HORA — AGENDAMENTO
   ========================================================= */

.orders-invoice-field input[type="time"][b-xd042vscrj] {
    width: 100%;
    height: 56px;
    padding: 0 16px;

    background: #0f1011;
    border: 1px solid #343638;
    border-radius: 10px;

    color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;

    outline: none;

    color-scheme: dark;

    transition:
        border-color 0.18s ease,
        background 0.18s ease;
}

.orders-invoice-field input[type="time"]:hover[b-xd042vscrj] {
    border-color: #47494c;
}

.orders-invoice-field input[type="time"]:focus[b-xd042vscrj] {
    background: #111315;
    border-color: #ef3340;
}

.orders-invoice-field input[type="time"][b-xd042vscrj]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.65;
}

.orders-invoice-field input[type="time"][b-xd042vscrj]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/* =========================================================
   AGENDAMENTO — DATA E HORA
   ========================================================= */

.orders-invoice-field input[type="date"][b-xd042vscrj],
.orders-invoice-field input[type="time"][b-xd042vscrj] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 56px;
    box-sizing: border-box;
    padding: 0 16px;
    background: #0f1011;
    border: 1px solid #343638;
    border-radius: 10px;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    color-scheme: dark;
    appearance: none;
    -webkit-appearance: none;
    transition: background 0.18s ease, border-color 0.18s ease;
}


    /* HOVER */

    .orders-invoice-field input[type="date"]:hover[b-xd042vscrj],
    .orders-invoice-field input[type="time"]:hover[b-xd042vscrj] {
        border-color: #47494c;
    }


    /* FOCUS */

    .orders-invoice-field input[type="date"]:focus[b-xd042vscrj],
    .orders-invoice-field input[type="time"]:focus[b-xd042vscrj] {
        background: #111315;
        border-color: #ef3340;
    }


    /* ÍCONES NATIVOS */

    .orders-invoice-field input[type="date"][b-xd042vscrj]::-webkit-calendar-picker-indicator,
    .orders-invoice-field input[type="time"][b-xd042vscrj]::-webkit-calendar-picker-indicator {
        cursor: pointer;
        opacity: 0.65;
    }

        .orders-invoice-field input[type="date"][b-xd042vscrj]::-webkit-calendar-picker-indicator:hover,
        .orders-invoice-field input[type="time"][b-xd042vscrj]::-webkit-calendar-picker-indicator:hover {
            opacity: 1;
        }


/* GARANTE QUE O CAMPO NÃO ULTRAPASSA O MODAL */

.orders-invoice-form[b-xd042vscrj],
.orders-invoice-field[b-xd042vscrj] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.orders-invoice-field[b-xd042vscrj] {
    overflow: hidden;
}

/* =========================================================
   ORDEM SELECIONADA
   ========================================================= */

.orders-focus-bar[b-xd042vscrj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding: 16px 18px;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-left: 3px solid #ef3340;
    border-radius: 12px;
}

    .orders-focus-bar > div[b-xd042vscrj] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .orders-focus-bar span[b-xd042vscrj] {
        color: #85888f;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 0.13em;
    }

    .orders-focus-bar strong[b-xd042vscrj] {
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
    }

    .orders-focus-bar button[b-xd042vscrj] {
        min-height: 38px;
        padding: 0 14px;
        background: #252729;
        border: 1px solid #383a3d;
        border-radius: 8px;
        color: #d8d9db;
        font-family: inherit;
        font-size: 11px;
        font-weight: 800;
        cursor: pointer;
    }

        .orders-focus-bar button:hover[b-xd042vscrj] {
            background: #292b2d;
            border-color: #47494c;
            color: #ffffff;
        }
/* /Components/Pages/PedidosAdquiridos.razor.rz.scp.css */
.acquired-page[b-pzylgzmyvv] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.acquired-header[b-pzylgzmyvv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.acquired-eyebrow[b-pzylgzmyvv] {
    display: block;
    margin-bottom: 8px;
    color: #ff2d2d;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2.2px;
}

.acquired-header h1[b-pzylgzmyvv] {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 900;
    letter-spacing: -1.5px;
}

.acquired-header p[b-pzylgzmyvv] {
    margin: 8px 0 0;
    color: #777;
    font-size: 13px;
}

.acquired-counter[b-pzylgzmyvv] {
    min-width: 160px;
    padding: 15px 19px;
    background: linear-gradient(145deg, #141414, #0e0e0e);
    border: 1px solid #2a2a2a;
    border-radius: 11px;
}

    .acquired-counter span[b-pzylgzmyvv] {
        display: block;
        color: #777;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .acquired-counter strong[b-pzylgzmyvv] {
        display: block;
        margin-top: 3px;
        color: #fff;
        font-size: 25px;
        font-weight: 900;
    }


/* =========================================================
   LIST
   ========================================================= */

.acquired-list[b-pzylgzmyvv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* =========================================================
   ROW
   ========================================================= */

.acquired-row[b-pzylgzmyvv] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(330px, 1.7fr) minmax(190px, .9fr) minmax(175px, .8fr) minmax(165px, .7fr);
    gap: 22px;
    align-items: center;
    min-width: 0;
    padding: 18px 22px;
    overflow: hidden;
    background: linear-gradient( 90deg, #1b1d1f 0%, #1b1d1f 72%, rgba(239, 51, 64, .07) 100% );
    border: 1px solid #343638;
    border-radius: 12px;
    transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

    .acquired-row:hover[b-pzylgzmyvv] {
        transform: translateY(-1px);
        background: linear-gradient( 90deg, #1f2123 0%, #1f2123 72%, rgba(239, 51, 64, .09) 100% );
        border-color: #47494c;
    }

    .acquired-row[b-pzylgzmyvv]::before {
        content: "";
        position: absolute;
        top: 12px;
        bottom: 12px;
        left: 0;
        width: 3px;
        background: #ff2d2d;
        border-radius: 0 3px 3px 0;
    }


/* =========================================================
   MAIN
   ========================================================= */

.acquired-main[b-pzylgzmyvv] {
    min-width: 0;
}

.acquired-title-line[b-pzylgzmyvv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.acquired-request-number[b-pzylgzmyvv] {
    display: block;
    margin-bottom: 4px;
    color: #ff2d2d;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.acquired-main h2[b-pzylgzmyvv] {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.acquired-status[b-pzylgzmyvv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding: 5px 8px;
    background: rgba(49, 191, 106, .07);
    border: 1px solid rgba(49, 191, 106, .2);
    border-radius: 999px;
    color: #5ed58c;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase;
}

    .acquired-status > span[b-pzylgzmyvv] {
        width: 5px;
        height: 5px;
        background: #5ed58c;
        border-radius: 50%;
    }

.acquired-vehicle-meta[b-pzylgzmyvv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
}

.acquired-registration[b-pzylgzmyvv],
.acquired-service-pill[b-pzylgzmyvv] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    box-sizing: border-box;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 9px;
    font-weight: 800;
}

.acquired-registration[b-pzylgzmyvv] {
    background: #191919;
    border: 1px solid #333;
    color: #c8c8c8;
    letter-spacing: .8px;
}

.acquired-service-pill[b-pzylgzmyvv] {
    background: rgba(255, 45, 45, .045);
    border: 1px solid rgba(255, 45, 45, .14);
    color: #aaa;
}

.acquired-client-notes[b-pzylgzmyvv] {
    max-width: 650px;
    margin: 8px 0 0;
    overflow: hidden;
    color: #737373;
    font-size: 10px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   LABELS
   ========================================================= */

.acquired-label[b-pzylgzmyvv] {
    display: block;
    margin-bottom: 7px;
    color: #5d5d5d;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.3px;
}


/* =========================================================
   CUSTOMER
   ========================================================= */

.acquired-customer[b-pzylgzmyvv] {
    min-width: 0;
}

.acquired-customer-name[b-pzylgzmyvv] {
    display: block;
    overflow: hidden;
    color: #ddd;
    font-size: 12px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acquired-contact-list[b-pzylgzmyvv] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 6px;
}

    .acquired-contact-list a[b-pzylgzmyvv] {
        overflow: hidden;
        color: #777;
        font-size: 9px;
        font-weight: 700;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .acquired-contact-list a:hover[b-pzylgzmyvv] {
            color: #ff2d2d;
        }


/* =========================================================
   DATE
   ========================================================= */

.acquired-date[b-pzylgzmyvv] {
    min-width: 0;
}

    .acquired-date strong[b-pzylgzmyvv] {
        display: block;
        color: #ccc;
        font-size: 11px;
        font-weight: 900;
    }

    .acquired-date small[b-pzylgzmyvv] {
        display: block;
        margin-top: 6px;
        color: #5f5f5f;
        font-size: 8px;
        line-height: 1.4;
    }


/* =========================================================
   QUOTE
   ========================================================= */

.acquired-quote[b-pzylgzmyvv] {
    min-width: 0;
    padding-left: 20px;
    border-left: 1px solid #292929;
}

.acquired-price[b-pzylgzmyvv] {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.acquired-quote-note[b-pzylgzmyvv] {
    display: block;
    max-width: 220px;
    margin-top: 5px;
    overflow: hidden;
    color: #666;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   SCHEDULE BUTTON
   ========================================================= */

.acquired-schedule-button[b-pzylgzmyvv] {
    width: 100%;
    min-height: 38px;
    margin-top: 12px;
    padding: 0 14px;
    border: 1px solid rgba(239, 51, 64, .65);
    border-radius: 8px;
    background: rgba(239, 51, 64, .04);
    color: #ef3340;
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

    .acquired-schedule-button:hover[b-pzylgzmyvv] {
        background: #ef3340;
        border-color: #ef3340;
        color: #fff;
    }


/* =========================================================
   EMPTY / ERROR / LOADING
   ========================================================= */

.acquired-state[b-pzylgzmyvv] {
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px;
    text-align: center;
    background: linear-gradient(145deg, #111, #0c0c0c);
    border: 1px solid #292929;
    border-radius: 15px;
}

.acquired-state-icon[b-pzylgzmyvv] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 17px;
    background: rgba(255, 45, 45, .07);
    border: 1px solid rgba(255, 45, 45, .2);
    border-radius: 50%;
    color: #ff2d2d;
    font-size: 20px;
    font-weight: 900;
}

.acquired-state strong[b-pzylgzmyvv] {
    color: #fff;
    font-size: 16px;
}

.acquired-state > span[b-pzylgzmyvv] {
    max-width: 430px;
    margin-top: 8px;
    color: #777;
    font-size: 11px;
    line-height: 1.6;
}

.acquired-state button[b-pzylgzmyvv] {
    margin-top: 20px;
    padding: 11px 18px;
    border: 0;
    border-radius: 7px;
    background: #ff2d2d;
    color: #fff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.acquired-spinner[b-pzylgzmyvv] {
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    border: 3px solid #282828;
    border-top-color: #ff2d2d;
    border-radius: 50%;
    animation: acquired-spin-b-pzylgzmyvv .8s linear infinite;
}

@keyframes acquired-spin-b-pzylgzmyvv {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   SCHEDULE MODAL
   ========================================================= */

.acquired-modal-backdrop[b-pzylgzmyvv] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, .72);
    backdrop-filter: blur(4px);
}

.acquired-modal[b-pzylgzmyvv] {
    width: min(100%, 520px);
    overflow: hidden;
    background: #1b1d1f;
    border: 1px solid #343638;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
}

.acquired-modal-header[b-pzylgzmyvv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid #343638;
}

    .acquired-modal-header > div[b-pzylgzmyvv] {
        min-width: 0;
    }

    .acquired-modal-header span[b-pzylgzmyvv] {
        color: #ef3340;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .14em;
    }

    .acquired-modal-header h2[b-pzylgzmyvv] {
        margin: 5px 0 3px;
        color: #fff;
        font-size: 20px;
        font-weight: 900;
    }

    .acquired-modal-header p[b-pzylgzmyvv] {
        margin: 0;
        color: #85888f;
        font-size: 12px;
    }

.acquired-modal-close[b-pzylgzmyvv] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    padding: 0;
    background: #252729;
    border: 1px solid #383a3d;
    border-radius: 8px;
    color: #d8d9db;
    font-family: inherit;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

    .acquired-modal-close:hover[b-pzylgzmyvv] {
        background: #292b2d;
        border-color: #47494c;
        color: #fff;
    }

.acquired-modal-body[b-pzylgzmyvv] {
    padding: 24px;
}

.acquired-modal-error[b-pzylgzmyvv] {
    margin-bottom: 18px;
    padding: 12px 14px;
    background: rgba(239, 51, 64, .08);
    border: 1px solid rgba(239, 51, 64, .3);
    border-radius: 8px;
    color: #ff7b84;
    font-size: 12px;
}

.acquired-schedule-form[b-pzylgzmyvv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.acquired-schedule-field[b-pzylgzmyvv] {
    min-width: 0;
}

    .acquired-schedule-field label[b-pzylgzmyvv] {
        display: block;
        margin-bottom: 8px;
        color: #85888f;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .13em;
    }

    .acquired-schedule-field input[b-pzylgzmyvv] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 56px;
        box-sizing: border-box;
        padding: 0 16px;
        background: #0f1011;
        border: 1px solid #343638;
        border-radius: 10px;
        color: #fff;
        color-scheme: dark;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        outline: none;
    }

        .acquired-schedule-field input:focus[b-pzylgzmyvv] {
            border-color: #ef3340;
        }

.acquired-modal-actions[b-pzylgzmyvv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px 24px;
    border-top: 1px solid #343638;
}

.acquired-modal-secondary[b-pzylgzmyvv],
.acquired-modal-primary[b-pzylgzmyvv] {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: .18s ease;
}

.acquired-modal-secondary[b-pzylgzmyvv] {
    background: #252729;
    border: 1px solid #383a3d;
    color: #d8d9db;
}

    .acquired-modal-secondary:hover:not(:disabled)[b-pzylgzmyvv] {
        background: #292b2d;
        border-color: #47494c;
        color: #fff;
    }

.acquired-modal-primary[b-pzylgzmyvv] {
    background: #ef3340;
    border: 1px solid #ef3340;
    color: #fff;
}

    .acquired-modal-primary:hover:not(:disabled)[b-pzylgzmyvv] {
        filter: brightness(1.08);
    }

    .acquired-modal-secondary:disabled[b-pzylgzmyvv],
    .acquired-modal-primary:disabled[b-pzylgzmyvv] {
        opacity: .55;
        cursor: default;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

    .acquired-row[b-pzylgzmyvv] {
        grid-template-columns: minmax(300px, 1.6fr) minmax(180px, .9fr) minmax(150px, .75fr);
    }

    .acquired-date[b-pzylgzmyvv] {
        display: none;
    }
}


@media (max-width: 900px) {

    .acquired-row[b-pzylgzmyvv] {
        grid-template-columns: 1fr 190px;
        gap: 15px;
    }

    .acquired-customer[b-pzylgzmyvv] {
        grid-column: 1;
    }

    .acquired-quote[b-pzylgzmyvv] {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: stretch;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}


@media (max-width: 650px) {

    .acquired-header[b-pzylgzmyvv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .acquired-counter[b-pzylgzmyvv] {
        width: 100%;
        box-sizing: border-box;
    }

    .acquired-row[b-pzylgzmyvv] {
        display: flex;
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
    }

    .acquired-title-line[b-pzylgzmyvv] {
        align-items: flex-start;
    }

    .acquired-customer[b-pzylgzmyvv] {
        padding-top: 13px;
        border-top: 1px solid #262626;
    }

    .acquired-date[b-pzylgzmyvv] {
        display: block;
        padding-top: 13px;
        border-top: 1px solid #262626;
    }

    .acquired-quote[b-pzylgzmyvv] {
        padding: 13px 0 0;
        border-top: 1px solid #262626;
        border-left: 0;
    }

    .acquired-client-notes[b-pzylgzmyvv] {
        white-space: normal;
    }

    .acquired-schedule-form[b-pzylgzmyvv] {
        grid-template-columns: 1fr;
    }

    .acquired-modal-backdrop[b-pzylgzmyvv] {
        padding: 14px;
    }

    .acquired-modal-actions[b-pzylgzmyvv] {
        flex-direction: column-reverse;
    }

    .acquired-modal-secondary[b-pzylgzmyvv],
    .acquired-modal-primary[b-pzylgzmyvv] {
        width: 100%;
    }
}


/* =========================================================
   REQUEST STATUS
   ========================================================= */

.acquired-request-top[b-pzylgzmyvv] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 5px;
}

    .acquired-request-top .acquired-request-number[b-pzylgzmyvv] {
        margin-bottom: 0;
    }

.acquired-status[b-pzylgzmyvv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    background: rgba(49, 191, 106, .07);
    border: 1px solid rgba(49, 191, 106, .2);
    border-radius: 999px;
    color: #5ed58c;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase;
}
/* /Components/Pages/Politicas/PoliticaCookies.razor.rz.scp.css */
.legal-document[b-q6g7yhaan2] {
    width: 100%;
}

.legal-document-header[b-q6g7yhaan2] {
    max-width: 820px;
    margin-bottom: 48px;
}

.legal-eyebrow[b-q6g7yhaan2] {
    display: block;
    margin-bottom: 12px;
    color: #ef3340;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}

.legal-document-header h1[b-q6g7yhaan2] {
    margin: 0;
    color: #fff;
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 900;
    letter-spacing: -.04em;
}

.legal-document-header > p[b-q6g7yhaan2] {
    max-width: 700px;
    margin: 15px 0 0;
    color: #929599;
    font-size: 15px;
    line-height: 1.7;
}

.legal-meta[b-q6g7yhaan2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    color: #65686d;
    font-size: 10px;
}

    .legal-meta strong[b-q6g7yhaan2] {
        color: #929599;
    }

/* LAYOUT */

.legal-document-layout[b-q6g7yhaan2] {
    display: grid;
    grid-template-columns: 220px minmax(0, 760px);
    justify-content: space-between;
    gap: 64px;
}

/* ÍNDICE */

.legal-toc[b-q6g7yhaan2] {
    position: sticky;
    top: 110px;
    align-self: start;
    display: flex;
    flex-direction: column;
    padding-right: 24px;
    border-right: 1px solid #292b2d;
}

    .legal-toc > span[b-q6g7yhaan2] {
        margin-bottom: 13px;
        color: #65686d;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .14em;
    }

    .legal-toc a[b-q6g7yhaan2] {
        padding: 5px 0;
        color: #85888f;
        font-size: 10px;
        line-height: 1.35;
        text-decoration: none;
        transition: color .15s ease;
    }

        .legal-toc a:hover[b-q6g7yhaan2] {
            color: #fff;
        }

/* CONTEÚDO */

.legal-content section[b-q6g7yhaan2] {
    scroll-margin-top: 110px;
    margin-bottom: 46px;
}

.legal-content h2[b-q6g7yhaan2] {
    margin: 0 0 17px;
    padding-bottom: 13px;
    border-bottom: 1px solid #292b2d;
    color: #fff;
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -.015em;
}

.legal-content h3[b-q6g7yhaan2] {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.legal-content p[b-q6g7yhaan2] {
    margin: 0 0 15px;
    color: #a0a3a8;
    font-size: 13px;
    line-height: 1.8;
}

    .legal-content p:last-child[b-q6g7yhaan2] {
        margin-bottom: 0;
    }

.legal-content strong[b-q6g7yhaan2] {
    color: #d7d8da;
}

.legal-content ul[b-q6g7yhaan2] {
    margin: 18px 0 20px;
    padding-left: 21px;
}

.legal-content li[b-q6g7yhaan2] {
    margin-bottom: 9px;
    padding-left: 4px;
    color: #a0a3a8;
    font-size: 13px;
    line-height: 1.65;
}

    .legal-content li[b-q6g7yhaan2]::marker {
        color: #ef3340;
    }

/* CATEGORIAS */

.cookie-category-grid[b-q6g7yhaan2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 22px 0;
}

.cookie-category-card[b-q6g7yhaan2] {
    padding: 18px;
    border: 1px solid #343638;
    border-radius: 9px;
    background: #1b1d1f;
}

    .cookie-category-card.required[b-q6g7yhaan2] {
        border-color: rgba(239, 51, 64, .45);
        background: linear-gradient( 135deg, #1b1d1f 0%, #1b1d1f 70%, rgba(239, 51, 64, .07) 100% );
    }

.cookie-category-head[b-q6g7yhaan2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
}

    .cookie-category-head > span[b-q6g7yhaan2] {
        color: #ef3340;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .cookie-category-head > strong[b-q6g7yhaan2] {
        padding: 4px 7px;
        border: 1px solid #3b3d40;
        border-radius: 4px;
        color: #85888f;
        font-size: 7px;
        font-weight: 900;
        text-transform: uppercase;
    }

.cookie-category-card.required
.cookie-category-head > strong[b-q6g7yhaan2] {
    border-color: rgba(239, 51, 64, .35);
    color: #ef3340;
}

.cookie-category-card h3[b-q6g7yhaan2] {
    margin-bottom: 7px;
}

.cookie-category-card > p[b-q6g7yhaan2] {
    margin: 0;
    color: #85888f;
    font-size: 10px;
    line-height: 1.6;
}

/* ESTADO ATUAL */

.cookie-status-card[b-q6g7yhaan2] {
    margin: 20px 0;
    padding: 18px;
    border: 1px solid #343638;
    border-left: 3px solid #ef3340;
    border-radius: 8px;
    background: #1b1d1f;
}

    .cookie-status-card > span[b-q6g7yhaan2] {
        display: block;
        margin-bottom: 7px;
        color: #ef3340;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .cookie-status-card > strong[b-q6g7yhaan2] {
        display: block;
        margin-bottom: 7px;
        color: #fff;
        font-size: 11px;
    }

    .cookie-status-card > p[b-q6g7yhaan2] {
        margin: 0;
        color: #85888f;
        font-size: 10px;
        line-height: 1.6;
    }

/* TABELA */

.legal-info-table[b-q6g7yhaan2] {
    margin: 21px 0;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 9px;
}

    .legal-info-table > div[b-q6g7yhaan2] {
        display: grid;
        grid-template-columns: 155px 1fr;
        gap: 20px;
        padding: 16px 17px;
        border-bottom: 1px solid #292b2d;
        background: #1b1d1f;
    }

        .legal-info-table > div:last-child[b-q6g7yhaan2] {
            border-bottom: 0;
        }

    .legal-info-table strong[b-q6g7yhaan2] {
        color: #fff;
        font-size: 11px;
    }

    .legal-info-table span[b-q6g7yhaan2] {
        color: #929599;
        font-size: 10px;
        line-height: 1.55;
    }

/* CONTACTOS */

.legal-contact-card[b-q6g7yhaan2] {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 10px;
    background: #1b1d1f;
}

    .legal-contact-card > div[b-q6g7yhaan2] {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 18px;
        padding: 15px 17px;
        border-bottom: 1px solid #292b2d;
    }

        .legal-contact-card > div:last-child[b-q6g7yhaan2] {
            border-bottom: 0;
        }

    .legal-contact-card span[b-q6g7yhaan2] {
        color: #65686d;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .legal-contact-card strong[b-q6g7yhaan2] {
        color: #fff;
        font-size: 11px;
    }

/* NOTA */

.legal-disclaimer[b-q6g7yhaan2] {
    margin-top: 55px;
    padding: 20px 22px;
    border: 1px solid rgba(239, 51, 64, .28);
    border-left: 3px solid #ef3340;
    border-radius: 8px;
    background: rgba(239, 51, 64, .045);
}

    .legal-disclaimer > strong[b-q6g7yhaan2] {
        display: block;
        margin-bottom: 6px;
        color: #ef3340;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
    }

    .legal-disclaimer p[b-q6g7yhaan2] {
        margin: 0;
        color: #929599;
        font-size: 11px;
        line-height: 1.65;
    }

/* RESPONSIVE */

@media (max-width: 900px) {
    .legal-document-layout[b-q6g7yhaan2] {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .legal-toc[b-q6g7yhaan2] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 18px;
        border: 1px solid #292b2d;
        border-radius: 9px;
        background: #111213;
    }

        .legal-toc > span[b-q6g7yhaan2] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 600px) {
    .cookie-category-grid[b-q6g7yhaan2] {
        grid-template-columns: 1fr;
    }

    .legal-info-table > div[b-q6g7yhaan2] {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

@media (max-width: 560px) {
    .legal-document-header[b-q6g7yhaan2] {
        margin-bottom: 35px;
    }

        .legal-document-header h1[b-q6g7yhaan2] {
            font-size: 34px;
        }

    .legal-toc[b-q6g7yhaan2] {
        grid-template-columns: 1fr;
    }

    .legal-contact-card > div[b-q6g7yhaan2] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .legal-content h2[b-q6g7yhaan2] {
        font-size: 18px;
    }
}
/* /Components/Pages/Politicas/PoliticaPrivacidade.razor.rz.scp.css */
.legal-document[b-h0lvs76wfz] {
    width: 100%;
}

.legal-document-header[b-h0lvs76wfz] {
    max-width: 820px;
    margin-bottom: 48px;
}

.legal-eyebrow[b-h0lvs76wfz] {
    display: block;
    margin-bottom: 12px;
    color: #ef3340;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}

.legal-document-header h1[b-h0lvs76wfz] {
    margin: 0;
    color: #fff;
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 900;
    letter-spacing: -.04em;
}

.legal-document-header > p[b-h0lvs76wfz] {
    max-width: 700px;
    margin: 15px 0 0;
    color: #929599;
    font-size: 15px;
    line-height: 1.7;
}

.legal-meta[b-h0lvs76wfz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    color: #65686d;
    font-size: 10px;
}

    .legal-meta strong[b-h0lvs76wfz] {
        color: #929599;
    }

.legal-document-layout[b-h0lvs76wfz] {
    display: grid;
    grid-template-columns: 220px minmax(0, 760px);
    justify-content: space-between;
    gap: 64px;
}

.legal-toc[b-h0lvs76wfz] {
    position: sticky;
    top: 110px;
    align-self: start;
    display: flex;
    flex-direction: column;
    padding-right: 24px;
    border-right: 1px solid #292b2d;
}

    .legal-toc > span[b-h0lvs76wfz] {
        margin-bottom: 13px;
        color: #65686d;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .14em;
    }

    .legal-toc a[b-h0lvs76wfz] {
        padding: 5px 0;
        color: #85888f;
        font-size: 10px;
        line-height: 1.35;
        text-decoration: none;
        transition: color .15s ease;
    }

        .legal-toc a:hover[b-h0lvs76wfz] {
            color: #fff;
        }

.legal-content section[b-h0lvs76wfz] {
    scroll-margin-top: 110px;
    margin-bottom: 46px;
}

.legal-content h2[b-h0lvs76wfz] {
    margin: 0 0 17px;
    padding-bottom: 13px;
    border-bottom: 1px solid #292b2d;
    color: #fff;
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -.015em;
}

.legal-content p[b-h0lvs76wfz] {
    margin: 0 0 15px;
    color: #a0a3a8;
    font-size: 13px;
    line-height: 1.8;
}

    .legal-content p:last-child[b-h0lvs76wfz] {
        margin-bottom: 0;
    }

.legal-content strong[b-h0lvs76wfz] {
    color: #d7d8da;
}

.legal-content ul[b-h0lvs76wfz] {
    margin: 18px 0 20px;
    padding-left: 21px;
}

.legal-content li[b-h0lvs76wfz] {
    margin-bottom: 9px;
    padding-left: 4px;
    color: #a0a3a8;
    font-size: 13px;
    line-height: 1.65;
}

    .legal-content li[b-h0lvs76wfz]::marker {
        color: #ef3340;
    }

.legal-content a[b-h0lvs76wfz] {
    color: #ef3340;
    font-weight: 700;
    text-decoration: none;
}

    .legal-content a:hover[b-h0lvs76wfz] {
        text-decoration: underline;
    }

/* TIPOS DE DADOS */

.privacy-data-grid[b-h0lvs76wfz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 22px 0;
}

.privacy-data-card[b-h0lvs76wfz] {
    padding: 17px;
    border: 1px solid #343638;
    border-radius: 9px;
    background: #1b1d1f;
}

    .privacy-data-card > span[b-h0lvs76wfz] {
        display: block;
        margin-bottom: 7px;
        color: #ef3340;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .privacy-data-card > strong[b-h0lvs76wfz] {
        display: block;
        margin-bottom: 7px;
        color: #fff;
        font-size: 12px;
    }

    .privacy-data-card > p[b-h0lvs76wfz] {
        margin: 0;
        color: #85888f;
        font-size: 10px;
        line-height: 1.55;
    }

/* FUNDAMENTOS */

.legal-info-table[b-h0lvs76wfz] {
    margin: 21px 0;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 9px;
}

    .legal-info-table > div[b-h0lvs76wfz] {
        display: grid;
        grid-template-columns: 155px 1fr;
        gap: 20px;
        padding: 16px 17px;
        border-bottom: 1px solid #292b2d;
        background: #1b1d1f;
    }

        .legal-info-table > div:last-child[b-h0lvs76wfz] {
            border-bottom: 0;
        }

    .legal-info-table strong[b-h0lvs76wfz] {
        color: #fff;
        font-size: 11px;
    }

    .legal-info-table span[b-h0lvs76wfz] {
        color: #929599;
        font-size: 10px;
        line-height: 1.55;
    }

/* DIREITOS */

.rights-grid[b-h0lvs76wfz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 21px 0 24px;
}

    .rights-grid > div[b-h0lvs76wfz] {
        padding: 15px 16px;
        border: 1px solid #343638;
        border-radius: 8px;
        background: #1b1d1f;
    }

    .rights-grid strong[b-h0lvs76wfz] {
        display: block;
        margin-bottom: 5px;
        color: #fff;
        font-size: 11px;
    }

    .rights-grid span[b-h0lvs76wfz] {
        color: #85888f;
        font-size: 10px;
        line-height: 1.5;
    }

/* CONTACTOS */

.legal-contact-card[b-h0lvs76wfz] {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 10px;
    background: #1b1d1f;
}

    .legal-contact-card > div[b-h0lvs76wfz] {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 18px;
        padding: 15px 17px;
        border-bottom: 1px solid #292b2d;
    }

        .legal-contact-card > div:last-child[b-h0lvs76wfz] {
            border-bottom: 0;
        }

    .legal-contact-card span[b-h0lvs76wfz] {
        color: #65686d;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .legal-contact-card strong[b-h0lvs76wfz] {
        color: #fff;
        font-size: 11px;
    }

/* NOTA */

.legal-disclaimer[b-h0lvs76wfz] {
    margin-top: 55px;
    padding: 20px 22px;
    border: 1px solid rgba(239, 51, 64, .28);
    border-left: 3px solid #ef3340;
    border-radius: 8px;
    background: rgba(239, 51, 64, .045);
}

    .legal-disclaimer > strong[b-h0lvs76wfz] {
        display: block;
        margin-bottom: 6px;
        color: #ef3340;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
    }

    .legal-disclaimer p[b-h0lvs76wfz] {
        margin: 0;
        color: #929599;
        font-size: 11px;
        line-height: 1.65;
    }

/* RESPONSIVE */

@media (max-width: 900px) {
    .legal-document-layout[b-h0lvs76wfz] {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .legal-toc[b-h0lvs76wfz] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 18px;
        border: 1px solid #292b2d;
        border-radius: 9px;
        background: #111213;
    }

        .legal-toc > span[b-h0lvs76wfz] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 600px) {
    .privacy-data-grid[b-h0lvs76wfz],
    .rights-grid[b-h0lvs76wfz] {
        grid-template-columns: 1fr;
    }

    .legal-info-table > div[b-h0lvs76wfz] {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

@media (max-width: 560px) {
    .legal-document-header[b-h0lvs76wfz] {
        margin-bottom: 35px;
    }

        .legal-document-header h1[b-h0lvs76wfz] {
            font-size: 34px;
        }

    .legal-toc[b-h0lvs76wfz] {
        grid-template-columns: 1fr;
    }

    .legal-contact-card > div[b-h0lvs76wfz] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .legal-content h2[b-h0lvs76wfz] {
        font-size: 18px;
    }
}
/* /Components/Pages/Politicas/TermosCondicoes.razor.rz.scp.css */
.legal-document[b-7c1fj26iop] {
    width: 100%;
}

.legal-document-header[b-7c1fj26iop] {
    max-width: 820px;
    margin-bottom: 48px;
}

.legal-eyebrow[b-7c1fj26iop] {
    display: block;
    margin-bottom: 12px;
    color: #ef3340;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}

.legal-document-header h1[b-7c1fj26iop] {
    margin: 0;
    color: #fff;
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 900;
    letter-spacing: -.04em;
}

.legal-document-header > p[b-7c1fj26iop] {
    max-width: 700px;
    margin: 15px 0 0;
    color: #929599;
    font-size: 15px;
    line-height: 1.7;
}

.legal-meta[b-7c1fj26iop] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    color: #65686d;
    font-size: 10px;
}

    .legal-meta strong[b-7c1fj26iop] {
        color: #929599;
    }

.legal-document-layout[b-7c1fj26iop] {
    display: grid;
    grid-template-columns: 220px minmax(0, 760px);
    justify-content: space-between;
    gap: 64px;
}

/* ÍNDICE */

.legal-toc[b-7c1fj26iop] {
    position: sticky;
    top: 110px;
    align-self: start;
    display: flex;
    flex-direction: column;
    padding-right: 24px;
    border-right: 1px solid #292b2d;
}

    .legal-toc > span[b-7c1fj26iop] {
        margin-bottom: 13px;
        color: #65686d;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .14em;
    }

    .legal-toc a[b-7c1fj26iop] {
        padding: 5px 0;
        color: #85888f;
        font-size: 10px;
        line-height: 1.35;
        text-decoration: none;
        transition: color .15s ease;
    }

        .legal-toc a:hover[b-7c1fj26iop] {
            color: #fff;
        }

/* CONTEÚDO */

.legal-content section[b-7c1fj26iop] {
    scroll-margin-top: 110px;
    margin-bottom: 46px;
}

.legal-content h2[b-7c1fj26iop] {
    margin: 0 0 17px;
    padding-bottom: 13px;
    border-bottom: 1px solid #292b2d;
    color: #fff;
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -.015em;
}

.legal-content p[b-7c1fj26iop] {
    margin: 0 0 15px;
    color: #a0a3a8;
    font-size: 13px;
    line-height: 1.8;
}

    .legal-content p:last-child[b-7c1fj26iop] {
        margin-bottom: 0;
    }

.legal-content strong[b-7c1fj26iop] {
    color: #d7d8da;
}

/* CONTACTOS */

.legal-contact-card[b-7c1fj26iop] {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 10px;
    background: #1b1d1f;
}

    .legal-contact-card > div[b-7c1fj26iop] {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 18px;
        padding: 15px 17px;
        border-bottom: 1px solid #292b2d;
    }

        .legal-contact-card > div:last-child[b-7c1fj26iop] {
            border-bottom: 0;
        }

    .legal-contact-card span[b-7c1fj26iop] {
        color: #65686d;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .legal-contact-card strong[b-7c1fj26iop] {
        color: #fff;
        font-size: 11px;
    }

/* NOTA */

.legal-disclaimer[b-7c1fj26iop] {
    margin-top: 55px;
    padding: 20px 22px;
    border: 1px solid rgba(239, 51, 64, .28);
    border-left: 3px solid #ef3340;
    border-radius: 8px;
    background: rgba(239, 51, 64, .045);
}

    .legal-disclaimer > strong[b-7c1fj26iop] {
        display: block;
        margin-bottom: 6px;
        color: #ef3340;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
    }

    .legal-disclaimer p[b-7c1fj26iop] {
        margin: 0;
        color: #929599;
        font-size: 11px;
        line-height: 1.65;
    }

/* RESPONSIVE */

@media (max-width: 900px) {
    .legal-document-layout[b-7c1fj26iop] {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .legal-toc[b-7c1fj26iop] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 18px;
        border: 1px solid #292b2d;
        border-radius: 9px;
        background: #111213;
    }

        .legal-toc > span[b-7c1fj26iop] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 560px) {
    .legal-document-header[b-7c1fj26iop] {
        margin-bottom: 35px;
    }

        .legal-document-header h1[b-7c1fj26iop] {
            font-size: 34px;
        }

    .legal-toc[b-7c1fj26iop] {
        grid-template-columns: 1fr;
    }

    .legal-contact-card > div[b-7c1fj26iop] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .legal-content h2[b-7c1fj26iop] {
        font-size: 18px;
    }
}
/* /Components/Pages/Registar.razor.rz.scp.css */
.register-page[b-ewm6plr1qp] {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 110px 24px 50px;
    color: #ffffff;
    background: radial-gradient( ellipse 55% 65% at 82% 32%, rgba(145, 18, 18, .22) 0%, rgba(90, 10, 10, .12) 35%, transparent 72% ), radial-gradient( ellipse 45% 55% at 25% 65%, rgba(255, 255, 255, .025) 0%, transparent 70% ), linear-gradient( 115deg, #050505 0%, #090909 48%, #110707 100% );
}

/* LOGO */

.register-brand[b-ewm6plr1qp] {
    position: absolute;
    top: 25px;
    left: 40px;
    z-index: 10;
    text-decoration: none;
}

    .register-brand img[b-ewm6plr1qp] {
        display: block;
        width: auto;
        height: 78px;
        object-fit: contain;
    }


/* CONTEÚDO */

.register-content[b-ewm6plr1qp] {
    width: min(100%, 940px);
}


/* HEADER */

.register-heading[b-ewm6plr1qp] {
    margin-bottom: 34px;
    text-align: center;
}

    .register-heading > span[b-ewm6plr1qp] {
        color: #ff2d2d;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 2.5px;
    }

    .register-heading h1[b-ewm6plr1qp] {
        margin: 11px 0 9px;
        color: #ffffff;
        font-size: clamp(36px, 4vw, 48px);
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -1.5px;
    }

    .register-heading p[b-ewm6plr1qp] {
        margin: 0;
        color: #858585;
        font-size: 15px;
    }


/* GRID */

.register-grid[b-ewm6plr1qp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}


/* CARD */

.register-card[b-ewm6plr1qp] {
    min-height: 390px;
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 30px;
    overflow: hidden;
    background: linear-gradient( 145deg, #1b1b1b 0%, #151515 50%, #101010 100% );
    border: 1px solid #383838;
    border-radius: 18px;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .52), 0 0 0 1px rgba(255, 255, 255, .012);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

    .register-card:hover[b-ewm6plr1qp] {
        transform: translateY(-5px);
        border-color: #444444;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
    }


/* CARD OFICINA */

.register-card-workshop[b-ewm6plr1qp] {
    border-color: rgba(255, 45, 45, .48);
}

    .register-card-workshop[b-ewm6plr1qp]::before {
        content: "";
        position: absolute;
        width: 220px;
        height: 220px;
        top: -130px;
        right: -100px;
        border-radius: 50%;
        background: rgba(255, 45, 45, .10);
        filter: blur(30px);
    }

    .register-card-workshop:hover[b-ewm6plr1qp] {
        border-color: #ff2d2d;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .45), 0 0 40px rgba(255, 45, 45, .04);
    }


/* NÚMERO */

.register-number[b-ewm6plr1qp] {
    margin-bottom: 27px;
    color: #ff2d2d;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1px;
}


/* CARD HEADER */

.register-card-heading > span[b-ewm6plr1qp] {
    color: #929292;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

.register-card-heading h2[b-ewm6plr1qp] {
    margin: 7px 0 14px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -1px;
}


/* TEXTO */

.register-card > p[b-ewm6plr1qp] {
    min-height: 68px;
    margin: 0;
    color: #b0b0b0;
    font-size: 13px;
    line-height: 1.65;
}


/* LISTA */

.register-card ul[b-ewm6plr1qp] {
    list-style: none;
    margin: 22px 0 26px;
    padding: 0;
}

.register-card li[b-ewm6plr1qp] {
    margin: 10px 0;
    color: #d0d0d0;
    font-size: 13px;
}

    .register-card li[b-ewm6plr1qp]::before {
        content: "✓";
        margin-right: 10px;
        color: #ff2d2d;
        font-weight: 900;
    }


/* ACTION */

.register-card-action[b-ewm6plr1qp] {
    margin-top: auto;
    padding-top: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #292929;
}

    .register-card-action strong[b-ewm6plr1qp] {
        color: #ffffff;
        font-size: 13px;
    }

    .register-card-action > span[b-ewm6plr1qp] {
        width: 35px;
        height: 35px;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        background: #ff2d2d;
        border-radius: 50%;
        color: #ffffff;
        font-size: 18px;
        transition: transform .2s ease;
    }

.register-card:hover .register-card-action > span[b-ewm6plr1qp] {
    transform: translateX(4px);
}


/* FOOTER */

.register-footer[b-ewm6plr1qp] {
    margin-top: 18px;
    text-align: center;
}

    .register-footer p[b-ewm6plr1qp] {
        margin: 0 0 10px;
        color: #888888;
        font-size: 13px;
    }

        .register-footer p a[b-ewm6plr1qp] {
            margin-left: 5px;
            color: #ffffff;
            font-weight: 900;
            text-decoration: none;
            transition: color .2s ease;
        }

            .register-footer p a:hover[b-ewm6plr1qp] {
                color: #ff2d2d;
            }

.register-back[b-ewm6plr1qp] {
    display: inline-block;
    color: #707070;
    font-size: 12px;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

    .register-back:hover[b-ewm6plr1qp] {
        color: #ffffff;
        transform: translateX(-2px);
    }


/* MOBILE */

@media (max-width: 700px) {

    .register-page[b-ewm6plr1qp] {
        align-items: flex-start;
        padding: 115px 14px 40px;
    }

    .register-brand[b-ewm6plr1qp] {
        top: 18px;
        left: 20px;
    }

        .register-brand img[b-ewm6plr1qp] {
            height: 64px;
        }

    .register-grid[b-ewm6plr1qp] {
        grid-template-columns: 1fr;
    }

    .register-card[b-ewm6plr1qp] {
        min-height: auto;
        padding: 26px 22px;
    }

        .register-card > p[b-ewm6plr1qp] {
            min-height: auto;
        }

    .register-heading h1[b-ewm6plr1qp] {
        font-size: 36px;
    }
}
/* /Components/Pages/RegistarCliente.razor.rz.scp.css */
.client-register-page[b-64dxpohuf8] {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 110px 20px 45px;
    color: #ffffff;
    background: radial-gradient( ellipse 55% 65% at 82% 32%, rgba(145, 18, 18, .22) 0%, rgba(90, 10, 10, .12) 35%, transparent 72% ), radial-gradient( ellipse 45% 55% at 25% 65%, rgba(255, 255, 255, .025) 0%, transparent 70% ), linear-gradient( 115deg, #050505 0%, #090909 48%, #110707 100% );
}

/* LOGO */

.client-register-brand[b-64dxpohuf8] {
    position: absolute;
    top: 24px;
    left: 40px;
}

    .client-register-brand img[b-64dxpohuf8] {
        display: block;
        width: auto;
        height: 76px;
    }


/* CARD */

.client-register-card[b-64dxpohuf8] {
    width: min(100%, 600px);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding: 42px;
    background: radial-gradient( circle at 90% 5%, rgba(255, 45, 45, .045), transparent 28% ), linear-gradient( 145deg, #1b1b1b 0%, #151515 45%, #101010 100% );
    border: 1px solid #3a3a3a;
    border-radius: 20px;
    box-shadow: 0 35px 90px rgba(0, 0, 0, .72), 0 10px 30px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .015), 25px 0 90px rgba(255, 45, 45, .035);
}

    .client-register-card[b-64dxpohuf8]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: inherit;
        background: linear-gradient( 115deg, rgba(255, 255, 255, .025), transparent 28%, transparent 75%, rgba(255, 45, 45, .018) );
    }


    /* LINHA VERMELHA */

    .client-register-card[b-64dxpohuf8]::before {
        content: "";
        display: block;
        width: 48px;
        height: 3px;
        margin-bottom: 28px;
        background: #ff2d2d;
        border-radius: 10px;
    }


/* HEADER */

.client-register-heading > span[b-64dxpohuf8] {
    color: #ff2d2d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.4px;
}

.client-register-heading h1[b-64dxpohuf8] {
    margin: 10px 0 10px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -1.3px;
}

.client-register-heading p[b-64dxpohuf8] {
    margin: 0 0 30px;
    color: #888888;
    font-size: 14px;
    line-height: 1.65;
}


/* FORM */

.client-register-field[b-64dxpohuf8] {
    width: 100%;
    margin-bottom: 18px;
}

    .client-register-field label[b-64dxpohuf8] {
        display: block;
        margin-bottom: 8px;
        color: #d0d0d0;
        font-size: 13px;
        font-weight: 700;
    }


/* INPUTTEXT + CSS ISOLATION */

[b-64dxpohuf8] .client-register-input {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 52px !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: 1px solid #303030 !important;
    border-radius: 10px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

    [b-64dxpohuf8] .client-register-input::placeholder {
        color: #5c5c5c !important;
        opacity: 1;
    }

    [b-64dxpohuf8] .client-register-input:hover {
        border-color: #444444 !important;
    }

    [b-64dxpohuf8] .client-register-input:focus {
        background: #111111 !important;
        border-color: #ff2d2d !important;
        box-shadow: 0 0 0 3px rgba(255, 45, 45, .09) !important;
    }


/* PASSWORDS */

.client-register-row[b-64dxpohuf8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}


/* VALIDATION */

[b-64dxpohuf8] .validation-message {
    display: block;
    margin-top: 6px;
    color: #ff6d73;
    font-size: 11px;
}


/* TERMOS */

.client-register-consent[b-64dxpohuf8] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 8px 0 20px;
    color: #858585;
    font-size: 12px;
    line-height: 1.55;
    cursor: pointer;
}

[b-64dxpohuf8] .client-register-consent input {
    margin-top: 3px;
    accent-color: #ff2d2d;
}

.client-register-consent a[b-64dxpohuf8] {
    color: #ffffff;
    text-decoration: none;
}

    .client-register-consent a:hover[b-64dxpohuf8] {
        color: #ff2d2d;
    }


/* MENSAGENS */

.client-register-error[b-64dxpohuf8],
.client-register-success[b-64dxpohuf8] {
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px 16px;
    border-radius: 10px;
}

.client-register-error[b-64dxpohuf8] {
    color: #ff747a;
    background: rgba(255,45,45,.08);
    border: 1px solid rgba(255,45,45,.25);
}

.client-register-success[b-64dxpohuf8] {
    color: #ffffff;
    background: rgba(46, 204, 113, .08);
    border: 1px solid rgba(46, 204, 113, .28);
}

    .client-register-success .success-icon[b-64dxpohuf8] {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        background: rgba(46, 204, 113, .14);
        border-radius: 50%;
        color: #62d98b;
        font-size: 17px;
        font-weight: 900;
    }

    .client-register-success strong[b-64dxpohuf8] {
        display: block;
        margin-bottom: 3px;
        color: #ffffff;
        font-size: 13px;
    }

    .client-register-success span[b-64dxpohuf8] {
        display: block;
        color: #9b9b9b;
        font-size: 11px;
    }


/* SUBMIT */

.client-register-submit[b-64dxpohuf8] {
    width: 100%;
    height: 52px;
    border: 0;
    border-radius: 9px;
    background: #ff2d2d;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

    .client-register-submit:hover[b-64dxpohuf8] {
        background: #db1f1f;
        transform: translateY(-1px);
    }

    .client-register-submit:disabled[b-64dxpohuf8] {
        opacity: .6;
        cursor: wait;
        transform: none;
    }


/* FOOTER */

.client-register-login[b-64dxpohuf8] {
    margin-top: 25px;
    text-align: center;
    color: #747474;
    font-size: 12px;
}

    .client-register-login a[b-64dxpohuf8] {
        margin-left: 4px;
        color: #ffffff;
        font-weight: 800;
        text-decoration: none;
    }

        .client-register-login a:hover[b-64dxpohuf8] {
            color: #ff2d2d;
        }

.client-register-back[b-64dxpohuf8] {
    display: block;
    margin-top: 22px;
    color: #616161;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}

    .client-register-back:hover[b-64dxpohuf8] {
        color: #ffffff;
    }


/* MOBILE */

@media (max-width: 600px) {

    .client-register-page[b-64dxpohuf8] {
        align-items: flex-start;
        padding: 105px 14px 30px;
    }

    .client-register-brand[b-64dxpohuf8] {
        top: 18px;
        left: 20px;
    }

        .client-register-brand img[b-64dxpohuf8] {
            height: 62px;
        }

    .client-register-card[b-64dxpohuf8] {
        padding: 32px 22px;
        border-radius: 17px;
    }

    .client-register-heading h1[b-64dxpohuf8] {
        font-size: 32px;
    }

    .client-register-row[b-64dxpohuf8] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* /Components/Pages/RegistarOficina.razor.rz.scp.css */
.workshop-register-page[b-fd90u5syqg] {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 110px 20px 50px;
    color: #ffffff;
    background: radial-gradient( ellipse 55% 65% at 82% 32%, rgba(145, 18, 18, .22) 0%, rgba(90, 10, 10, .12) 35%, transparent 72% ), radial-gradient( ellipse 45% 55% at 25% 65%, rgba(255, 255, 255, .025) 0%, transparent 70% ), linear-gradient( 115deg, #050505 0%, #090909 48%, #110707 100% );
}

.workshop-register-brand[b-fd90u5syqg] {
    position: absolute;
    top: 24px;
    left: 40px;
}

    .workshop-register-brand img[b-fd90u5syqg] {
        display: block;
        width: auto;
        height: 76px;
    }

.workshop-register-card[b-fd90u5syqg] {
    width: min(100%, 720px);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding: 42px;
    background: radial-gradient( circle at 90% 5%, rgba(255, 45, 45, .045), transparent 28% ), linear-gradient( 145deg, #1b1b1b 0%, #151515 45%, #101010 100% );
    border: 1px solid #3a3a3a;
    border-radius: 20px;
    box-shadow: 0 35px 90px rgba(0, 0, 0, .72), 0 10px 30px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .015), 25px 0 90px rgba(255, 45, 45, .035);
}
    .workshop-register-card[b-fd90u5syqg]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: inherit;
        background: linear-gradient( 115deg, rgba(255, 255, 255, .025), transparent 28%, transparent 75%, rgba(255, 45, 45, .018) );
    }

    .workshop-register-card[b-fd90u5syqg]::before {
        content: "";
        display: block;
        width: 48px;
        height: 3px;
        margin-bottom: 28px;
        background: #ff2d2d;
        border-radius: 10px;
    }

.workshop-register-heading > span[b-fd90u5syqg] {
    color: #ff2d2d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.4px;
}

.workshop-register-heading h1[b-fd90u5syqg] {
    margin: 10px 0 10px;
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: -1.4px;
}

.workshop-register-heading p[b-fd90u5syqg] {
    margin: 0 0 32px;
    color: #969696;
    font-size: 14px;
    line-height: 1.65;
}

.workshop-section-title[b-fd90u5syqg] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

    .workshop-section-title > span[b-fd90u5syqg] {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        background: rgba(255,45,45,.10);
        border: 1px solid rgba(255,45,45,.25);
        border-radius: 9px;
        color: #ff2d2d;
        font-size: 11px;
        font-weight: 900;
    }

    .workshop-section-title strong[b-fd90u5syqg] {
        display: block;
        color: #fff;
        font-size: 14px;
    }

    .workshop-section-title small[b-fd90u5syqg] {
        display: block;
        margin-top: 3px;
        color: #777;
        font-size: 11px;
    }

.workshop-divider[b-fd90u5syqg] {
    height: 1px;
    margin: 28px 0;
    background: #292929;
}

.workshop-register-field[b-fd90u5syqg] {
    width: 100%;
    margin-bottom: 18px;
}

    .workshop-register-field label[b-fd90u5syqg] {
        display: block;
        margin-bottom: 8px;
        color: #d0d0d0;
        font-size: 13px;
        font-weight: 700;
    }

[b-fd90u5syqg] .workshop-register-input {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 52px !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    background: #0d0d0d !important;
    color: #fff !important;
    border: 1px solid #303030 !important;
    border-radius: 10px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

    [b-fd90u5syqg] .workshop-register-input::placeholder {
        color: #5c5c5c !important;
        opacity: 1;
    }

    [b-fd90u5syqg] .workshop-register-input:hover {
        border-color: #444 !important;
    }

    [b-fd90u5syqg] .workshop-register-input:focus {
        background: #111 !important;
        border-color: #ff2d2d !important;
        box-shadow: 0 0 0 3px rgba(255,45,45,.09) !important;
    }

.workshop-register-row[b-fd90u5syqg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

[b-fd90u5syqg] .validation-message {
    display: block;
    margin-top: 6px;
    color: #ff6d73;
    font-size: 11px;
}

.workshop-register-consent[b-fd90u5syqg] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 8px 0 20px;
    color: #858585;
    font-size: 12px;
    line-height: 1.55;
    cursor: pointer;
}

[b-fd90u5syqg] .workshop-register-consent input {
    margin-top: 3px;
    accent-color: #ff2d2d;
}

.workshop-register-consent a[b-fd90u5syqg] {
    color: #fff;
    text-decoration: none;
}

    .workshop-register-consent a:hover[b-fd90u5syqg] {
        color: #ff2d2d;
    }

.workshop-register-error[b-fd90u5syqg],
.workshop-register-success[b-fd90u5syqg] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px 16px;

}

.workshop-register-error[b-fd90u5syqg] {
    color: #ff747a;
    background: rgba(255,45,45,.08);
    border: 1px solid rgba(255,45,45,.25);
}

.workshop-register-success[b-fd90u5syqg] {
    border: 1px solid rgba(54,180,90,.25);
    color: #ffffff;
    background: rgba(46, 204, 113, .08);
    border: 1px solid rgba(46, 204, 113, .28);
    border-radius: 10px;
}

    .workshop-register-success .success-icon[b-fd90u5syqg] {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        background: rgba(46, 204, 113, .14);
        border-radius: 50%;
        color: #62d98b;
        font-size: 17px;
        font-weight: 900;
    }

    .workshop-register-success strong[b-fd90u5syqg] {
        display: block;
        margin-bottom: 3px;
        color: #ffffff;
        font-size: 13px;
    }

    .workshop-register-success span[b-fd90u5syqg] {
        display: block;
        color: #9b9b9b;
        font-size: 11px;
    }


.workshop-register-submit[b-fd90u5syqg] {
    width: 100%;
    height: 52px;
    border: 0;
    border-radius: 9px;
    background: #ff2d2d;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

    .workshop-register-submit:hover[b-fd90u5syqg] {
        background: #db1f1f;
        transform: translateY(-1px);
    }

    .workshop-register-submit:disabled[b-fd90u5syqg] {
        opacity: .6;
        cursor: wait;
        transform: none;
    }

.workshop-register-login[b-fd90u5syqg] {
    margin-top: 25px;
    text-align: center;
    color: #747474;
    font-size: 12px;
}

    .workshop-register-login a[b-fd90u5syqg] {
        margin-left: 4px;
        color: #fff;
        font-weight: 800;
        text-decoration: none;
    }

        .workshop-register-login a:hover[b-fd90u5syqg] {
            color: #ff2d2d;
        }

.workshop-register-back[b-fd90u5syqg] {
    display: block;
    margin-top: 22px;
    color: #616161;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}

    .workshop-register-back:hover[b-fd90u5syqg] {
        color: #fff;
    }

@media (max-width: 650px) {

    .workshop-register-page[b-fd90u5syqg] {
        align-items: flex-start;
        padding: 105px 14px 30px;
    }

    .workshop-register-brand[b-fd90u5syqg] {
        top: 18px;
        left: 20px;
    }

        .workshop-register-brand img[b-fd90u5syqg] {
            height: 62px;
        }

    .workshop-register-card[b-fd90u5syqg] {
        padding: 32px 22px;
        border-radius: 17px;
    }

    .workshop-register-heading h1[b-fd90u5syqg] {
        font-size: 32px;
    }

    .workshop-register-row[b-fd90u5syqg] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* /Components/Pages/Subscricao.razor.rz.scp.css */
.subscription-page[b-eeua0a0d5m] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 8px 0 48px;
    color: #fff;
}

/* HEADER */

.subscription-header[b-eeua0a0d5m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 28px;
}

.subscription-eyebrow[b-eeua0a0d5m],
.section-label[b-eeua0a0d5m] {
    display: block;
    margin-bottom: 8px;
    color: #ef3340;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
}

.subscription-header h1[b-eeua0a0d5m] {
    margin: 0;
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.subscription-header p[b-eeua0a0d5m] {
    max-width: 650px;
    margin: 9px 0 0;
    color: #929599;
    font-size: 14px;
    line-height: 1.6;
}

.subscription-state[b-eeua0a0d5m] {
    min-width: 190px;
    padding: 16px 18px;
    border: 1px solid #343638;
    border-radius: 10px;
    background: #1b1d1f;
}

    .subscription-state span[b-eeua0a0d5m] {
        display: block;
        margin-bottom: 5px;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .13em;
    }

    .subscription-state strong[b-eeua0a0d5m] {
        display: block;
        color: #fff;
        font-size: 15px;
    }

    .subscription-state.active[b-eeua0a0d5m] {
        border-color: rgba(61, 184, 122, .38);
    }

        .subscription-state.active span[b-eeua0a0d5m] {
            color: #59c990;
        }

    .subscription-state.expired[b-eeua0a0d5m] {
        border-color: rgba(239, 51, 64, .45);
    }

        .subscription-state.expired span[b-eeua0a0d5m] {
            color: #ef3340;
        }

/* LOADING / ERROR */

.subscription-loading[b-eeua0a0d5m],
.subscription-error[b-eeua0a0d5m] {
    padding: 28px;
    border: 1px solid #343638;
    border-radius: 10px;
    background: #1b1d1f;
    color: #929599;
}

.subscription-error[b-eeua0a0d5m] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

    .subscription-error strong[b-eeua0a0d5m] {
        color: #fff;
        font-size: 16px;
    }

    .subscription-error span[b-eeua0a0d5m] {
        font-size: 13px;
    }

    .subscription-error button[b-eeua0a0d5m] {
        margin-top: 8px;
        min-height: 40px;
        padding: 0 16px;
        border: 1px solid #47494c;
        border-radius: 7px;
        background: #252729;
        color: #fff;
        font-family: inherit;
        font-weight: 800;
        cursor: pointer;
    }

/* SUBSCRIÇÃO ATUAL */

.current-subscription[b-eeua0a0d5m] {
    margin-bottom: 28px;
    padding: 24px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: linear-gradient( 110deg, #1b1d1f 0%, #1b1d1f 74%, rgba(239, 51, 64, .055) 100% );
}

.current-subscription-main[b-eeua0a0d5m] {
    margin-bottom: 22px;
}

    .current-subscription-main h2[b-eeua0a0d5m] {
        margin: 0;
        color: #fff;
        font-size: 22px;
        font-weight: 800;
    }

    .current-subscription-main p[b-eeua0a0d5m] {
        max-width: 680px;
        margin: 8px 0 0;
        color: #929599;
        font-size: 13px;
        line-height: 1.55;
    }

.subscription-details[b-eeua0a0d5m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 9px;
    background: #343638;
}

    .subscription-details > div[b-eeua0a0d5m] {
        min-height: 82px;
        padding: 17px 18px;
        background: #202225;
    }

    .subscription-details span[b-eeua0a0d5m] {
        display: block;
        margin-bottom: 8px;
        color: #85888f;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .subscription-details strong[b-eeua0a0d5m] {
        color: #fff;
        font-size: 15px;
    }

    .subscription-details .status-active[b-eeua0a0d5m] {
        color: #59c990;
    }

    .subscription-details .status-expired[b-eeua0a0d5m] {
        color: #ef3340;
    }

.renewal-info[b-eeua0a0d5m] {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 18px;
    padding: 14px 16px;
    border-left: 3px solid #ef3340;
    background: rgba(239, 51, 64, .055);
}

    .renewal-info span[b-eeua0a0d5m] {
        flex: 0 0 auto;
        color: #ef3340;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .renewal-info p[b-eeua0a0d5m] {
        margin: 0;
        color: #a0a3a8;
        font-size: 12px;
        line-height: 1.5;
    }

/* SECÇÕES */

.plans-section[b-eeua0a0d5m],
.payment-section[b-eeua0a0d5m] {
    margin-top: 28px;
}

.section-heading[b-eeua0a0d5m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 16px;
}

    .section-heading h2[b-eeua0a0d5m] {
        margin: 0;
        color: #fff;
        font-size: 21px;
        font-weight: 800;
    }

    .section-heading > p[b-eeua0a0d5m] {
        margin: 0;
        color: #85888f;
        font-size: 12px;
    }

/* PLANOS */

.plans-grid[b-eeua0a0d5m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.plan-card[b-eeua0a0d5m] {
    position: relative;
    padding: 24px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 12px;
    background: #1b1d1f;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

    .plan-card:hover[b-eeua0a0d5m] {
        transform: translateY(-2px);
        border-color: #47494c;
        background: #1f2123;
    }

    .plan-card.selected[b-eeua0a0d5m] {
        border-color: #ef3340;
        box-shadow: inset 0 0 0 1px rgba(239, 51, 64, .16);
    }

    .plan-card.featured[b-eeua0a0d5m] {
        background: linear-gradient( 135deg, #1b1d1f 0%, #1b1d1f 68%, rgba(239, 51, 64, .08) 100% );
    }

.plan-recommended[b-eeua0a0d5m] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 13px;
    border-bottom-left-radius: 7px;
    background: #ef3340;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .13em;
}

.plan-top[b-eeua0a0d5m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 24px;
    margin-bottom: 17px;
}

.plan-type[b-eeua0a0d5m] {
    color: #85888f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .15em;
}

.selected-badge[b-eeua0a0d5m] {
    margin-right: 2px;
    color: #ef3340;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .11em;
}

.plan-card.featured .selected-badge[b-eeua0a0d5m] {
    margin-right: 96px;
}

.plan-card h3[b-eeua0a0d5m] {
    margin: 0 0 10px;
    color: #fff;
    font-size: 19px;
    font-weight: 800;
}

.plan-price[b-eeua0a0d5m] {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin-bottom: 14px;
}

    .plan-price strong[b-eeua0a0d5m] {
        color: #fff;
        font-size: 30px;
        font-weight: 900;
        letter-spacing: -.035em;
    }

    .plan-price span[b-eeua0a0d5m] {
        color: #85888f;
        font-size: 12px;
    }

.plan-card > p[b-eeua0a0d5m] {
    min-height: 42px;
    margin: 0 0 20px;
    color: #929599;
    font-size: 12px;
    line-height: 1.55;
}

.plan-feature[b-eeua0a0d5m] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 0;
    border-top: 1px solid #292b2d;
    color: #c2c4c7;
    font-size: 12px;
}

    .plan-feature span[b-eeua0a0d5m] {
        color: #ef3340;
        font-weight: 900;
    }

.plan-select-button[b-eeua0a0d5m] {
    width: 100%;
    min-height: 43px;
    margin-top: 18px;
    border: 1px solid #47494c;
    border-radius: 8px;
    background: #252729;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

    .plan-select-button:hover[b-eeua0a0d5m] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, .08);
    }

.plan-card.selected .plan-select-button[b-eeua0a0d5m] {
    border-color: #ef3340;
    background: #ef3340;
}

/* PAGAMENTO */

.payment-section[b-eeua0a0d5m] {
    padding: 24px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: #1b1d1f;
}

.payment-total[b-eeua0a0d5m] {
    text-align: right;
}

    .payment-total span[b-eeua0a0d5m] {
        display: block;
        margin-bottom: 3px;
        color: #85888f;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .payment-total strong[b-eeua0a0d5m] {
        color: #fff;
        font-size: 20px;
    }

.payment-methods[b-eeua0a0d5m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.payment-method[b-eeua0a0d5m] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 72px;
    padding: 13px 15px;
    border: 1px solid #343638;
    border-radius: 9px;
    background: #202225;
    color: #fff;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

    .payment-method:hover[b-eeua0a0d5m] {
        border-color: #47494c;
        background: #252729;
    }

    .payment-method.selected[b-eeua0a0d5m] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, .065);
    }

.payment-method-code[b-eeua0a0d5m] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #47494c;
    border-radius: 7px;
    background: #292b2d;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.payment-method.selected .payment-method-code[b-eeua0a0d5m] {
    border-color: #ef3340;
    color: #ef3340;
}

.payment-method > span:last-child[b-eeua0a0d5m] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.payment-method strong[b-eeua0a0d5m] {
    font-size: 13px;
}

.payment-method small[b-eeua0a0d5m] {
    color: #85888f;
    font-size: 10px;
}

.phone-field[b-eeua0a0d5m] {
    max-width: 430px;
    margin-top: 18px;
}

    .phone-field label[b-eeua0a0d5m] {
        display: block;
        margin-bottom: 7px;
        color: #c7c9cc;
        font-size: 11px;
        font-weight: 800;
    }

    .phone-field input[b-eeua0a0d5m] {
        box-sizing: border-box;
        width: 100%;
        height: 44px;
        padding: 0 13px;
        outline: none;
        border: 1px solid #3b3d40;
        border-radius: 7px;
        background: #252729;
        color: #fff;
        font-family: inherit;
        font-size: 13px;
    }

        .phone-field input:focus[b-eeua0a0d5m] {
            border-color: #ef3340;
        }

    .phone-field small[b-eeua0a0d5m] {
        display: block;
        margin-top: 6px;
        color: #85888f;
        font-size: 10px;
    }

.payment-footer[b-eeua0a0d5m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #343638;
}

    .payment-footer > div[b-eeua0a0d5m] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .payment-footer span[b-eeua0a0d5m] {
        color: #85888f;
        font-size: 10px;
    }

    .payment-footer strong[b-eeua0a0d5m] {
        color: #fff;
        font-size: 18px;
    }

.payment-button[b-eeua0a0d5m] {
    min-width: 210px;
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid #ef3340;
    border-radius: 8px;
    background: #ef3340;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: opacity .16s ease, transform .16s ease;
}

    .payment-button:hover:not(:disabled)[b-eeua0a0d5m] {
        transform: translateY(-1px);
    }

    .payment-button:disabled[b-eeua0a0d5m] {
        opacity: .55;
        cursor: default;
    }

/* MENSAGENS */

.payment-message[b-eeua0a0d5m] {
    margin-top: 16px;
    padding: 11px 13px;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.5;
}

    .payment-message.error[b-eeua0a0d5m] {
        border: 1px solid rgba(239, 51, 64, .35);
        background: rgba(239, 51, 64, .07);
        color: #ff9299;
    }

    .payment-message.success[b-eeua0a0d5m] {
        border: 1px solid rgba(61, 184, 122, .35);
        background: rgba(61, 184, 122, .07);
        color: #75d8a6;
    }

    .payment-message.pending[b-eeua0a0d5m] {
        border: 1px solid #47494c;
        background: #252729;
        color: #c7c9cc;
    }

/* MODAL PAGAMENTO */

.payment-overlay[b-eeua0a0d5m] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(5, 6, 7, .82);
    backdrop-filter: blur(5px);
}

.payment-result-card[b-eeua0a0d5m] {
    position: relative;
    width: min(100%, 500px);
    padding: 28px;
    border: 1px solid #3b3d40;
    border-radius: 13px;
    background: #1b1d1f;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.payment-close[b-eeua0a0d5m] {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    padding: 0;
    border: 1px solid #3b3d40;
    border-radius: 7px;
    background: #252729;
    color: #929599;
    font-family: inherit;
    font-size: 19px;
    cursor: pointer;
}

    .payment-close:hover[b-eeua0a0d5m] {
        border-color: #ef3340;
        color: #fff;
    }

.payment-result-eyebrow[b-eeua0a0d5m] {
    display: block;
    margin-bottom: 9px;
    color: #ef3340;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.payment-result-card h2[b-eeua0a0d5m] {
    margin: 0;
    color: #fff;
    font-size: 23px;
    font-weight: 800;
}

.payment-result-card > p[b-eeua0a0d5m] {
    margin: 8px 0 20px;
    color: #929599;
    font-size: 12px;
    line-height: 1.55;
}

.multibanco-details[b-eeua0a0d5m] {
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 9px;
}

    .multibanco-details > div[b-eeua0a0d5m] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        min-height: 58px;
        padding: 0 16px;
        border-bottom: 1px solid #343638;
        background: #202225;
    }

        .multibanco-details > div:last-child[b-eeua0a0d5m] {
            border-bottom: 0;
        }

    .multibanco-details span[b-eeua0a0d5m] {
        color: #85888f;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .1em;
    }

    .multibanco-details strong[b-eeua0a0d5m] {
        color: #fff;
        font-size: 16px;
        letter-spacing: .04em;
    }

.payment-waiting[b-eeua0a0d5m] {
    display: block;
    margin-top: 13px;
    color: #85888f;
    font-size: 10px;
    line-height: 1.5;
}

.mbway-waiting[b-eeua0a0d5m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 66px;
    padding: 0 16px;
    border: 1px solid #343638;
    border-radius: 9px;
    background: #202225;
}

    .mbway-waiting span[b-eeua0a0d5m] {
        color: #ef3340;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .1em;
    }

    .mbway-waiting strong[b-eeua0a0d5m] {
        color: #fff;
        font-size: 19px;
    }

.check-payment-button[b-eeua0a0d5m] {
    width: 100%;
    min-height: 44px;
    margin-top: 18px;
    border: 1px solid #ef3340;
    border-radius: 8px;
    background: #ef3340;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

    .check-payment-button:disabled[b-eeua0a0d5m] {
        opacity: .55;
    }

/* RESPONSIVE */

@media (max-width: 900px) {
    .subscription-header[b-eeua0a0d5m] {
        flex-direction: column;
    }

    .subscription-state[b-eeua0a0d5m] {
        width: 100%;
        box-sizing: border-box;
    }

    .subscription-details[b-eeua0a0d5m] {
        grid-template-columns: repeat(2, 1fr);
    }

    .plans-grid[b-eeua0a0d5m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .subscription-page[b-eeua0a0d5m] {
        padding-bottom: 30px;
    }

    .subscription-header h1[b-eeua0a0d5m] {
        font-size: 27px;
    }

    .subscription-details[b-eeua0a0d5m] {
        grid-template-columns: 1fr;
    }

    .section-heading[b-eeua0a0d5m] {
        align-items: flex-start;
        flex-direction: column;
    }

    .payment-methods[b-eeua0a0d5m] {
        grid-template-columns: 1fr;
    }

    .payment-footer[b-eeua0a0d5m] {
        align-items: stretch;
        flex-direction: column;
    }

    .payment-button[b-eeua0a0d5m] {
        width: 100%;
    }

    .renewal-info[b-eeua0a0d5m] {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .plan-card.featured .selected-badge[b-eeua0a0d5m] {
        margin-right: 90px;
    }

    .payment-result-card[b-eeua0a0d5m] {
        box-sizing: border-box;
        padding: 23px;
    }
}
/* /Components/Pages/ViaturaHistorico.razor.rz.scp.css */
.vehicle-history-page[b-82hhgslojx] {
    width: 100%;
    padding: 0 0 48px;
    color: #fff;
}

/* =========================================================
   HEADER
   ========================================================= */

.history-header[b-82hhgslojx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.history-back[b-82hhgslojx] {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #929599;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: color .16s ease;
}

    .history-back:hover[b-82hhgslojx] {
        color: #fff;
    }

.history-eyebrow[b-82hhgslojx] {
    display: block;
    margin-bottom: 5px;
    color: #ef3340;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.history-header h1[b-82hhgslojx] {
    margin: 0 0 8px;
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.7px;
}

.history-header p[b-82hhgslojx] {
    margin: 0;
    color: #929599;
    font-size: 14px;
    line-height: 1.6;
}

/* =========================================================
   PLATE
   ========================================================= */

.history-plate[b-82hhgslojx] {
    min-width: 150px;
    padding: 15px 18px 17px;
    border: 1px solid #343638;
    border-radius: 11px;
    background: linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
}

    .history-plate > span[b-82hhgslojx] {
        display: block;
        margin-bottom: 8px;
        color: #85888f;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.2px;
    }

    .history-plate strong[b-82hhgslojx] {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid #47494c;
        border-radius: 6px;
        background: #f0f0ed;
        color: #111214;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 1.2px;
    }

/* =========================================================
   VEHICLE SUMMARY
   ========================================================= */

.vehicle-summary[b-82hhgslojx] {
    display: grid;
    grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(120px, .6fr));
    align-items: stretch;
    margin-bottom: 18px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 12px;
    background: linear-gradient( 90deg, #1b1d1f 0%, #1b1d1f 75%, rgba(239, 51, 64, .045) 100% );
}

.vehicle-summary-main[b-82hhgslojx],
.vehicle-summary-field[b-82hhgslojx] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 20px 22px;
}

.vehicle-summary-field[b-82hhgslojx] {
    border-left: 1px solid #303235;
}

    .vehicle-summary-main > span[b-82hhgslojx],
    .vehicle-summary-field > span[b-82hhgslojx] {
        display: block;
        margin-bottom: 6px;
        color: #6f7278;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.1px;
    }

.vehicle-summary-main > strong[b-82hhgslojx] {
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vehicle-summary-main small[b-82hhgslojx] {
    margin-top: 5px;
    color: #85888f;
    font-size: 11px;
}

.vehicle-summary-field strong[b-82hhgslojx] {
    color: #d7d8da;
    font-size: 13px;
    font-weight: 800;
}

/* =========================================================
   HISTORY CARD
   ========================================================= */

.history-card[b-82hhgslojx] {
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 13px;
    background: linear-gradient( 145deg, #1b1d1f 0%, #191b1d 100% );
}

.history-card-header[b-82hhgslojx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid #303235;
}

.history-section-label[b-82hhgslojx] {
    display: block;
    margin-bottom: 5px;
    color: #ef3340;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.history-card-header h2[b-82hhgslojx] {
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
}

.history-card-header p[b-82hhgslojx] {
    margin: 6px 0 0;
    color: #85888f;
    font-size: 12px;
}

.history-count[b-82hhgslojx] {
    min-width: 78px;
    padding: 10px 14px;
    border: 1px solid #383a3d;
    border-radius: 9px;
    background: #252729;
    text-align: right;
}

    .history-count span[b-82hhgslojx] {
        display: block;
        margin-bottom: 3px;
        color: #6f7278;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .history-count strong[b-82hhgslojx] {
        display: block;
        color: #fff;
        font-size: 18px;
        font-weight: 800;
    }

/* =========================================================
   HISTORY LIST
   ========================================================= */

.history-list[b-82hhgslojx] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.history-item[b-82hhgslojx] {
    position: relative;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) minmax(150px, .45fr) 110px;
    align-items: center;
    gap: 22px;
    min-height: 100px;
    padding: 16px 20px 16px 18px;
    overflow: hidden;
    border: 1px solid #343638;
    border-radius: 10px;
    background: linear-gradient( 90deg, #202225 0%, #202225 78%, rgba(239, 51, 64, .045) 100% );
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

    .history-item[b-82hhgslojx]::before {
        content: "";
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 0;
        width: 3px;
        border-radius: 0 3px 3px 0;
        background: #ef3340;
    }

    .history-item:hover[b-82hhgslojx] {
        transform: translateY(-1px);
        border-color: #47494c;
        background: linear-gradient( 90deg, #252729 0%, #252729 78%, rgba(239, 51, 64, .07) 100% );
    }

/* =========================================================
   DATE BLOCK
   ========================================================= */

.history-date[b-82hhgslojx] {
    display: flex;
    min-height: 64px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #3b3d40;
    border-radius: 8px;
    background: #292b2d;
}

    .history-date > span[b-82hhgslojx] {
        color: #fff;
        font-size: 20px;
        font-weight: 900;
        line-height: 1;
    }

    .history-date > strong[b-82hhgslojx] {
        margin-top: 3px;
        color: #ef3340;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1px;
    }

    .history-date > small[b-82hhgslojx] {
        margin-top: 2px;
        color: #6f7278;
        font-size: 8px;
        font-weight: 700;
    }

/* =========================================================
   SERVICES
   ========================================================= */

.history-information[b-82hhgslojx] {
    min-width: 0;
}

.history-item-label[b-82hhgslojx] {
    display: block;
    margin-bottom: 9px;
    color: #6f7278;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.history-services[b-82hhgslojx] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

    .history-services > strong[b-82hhgslojx] {
        color: #d7d8da;
        font-size: 13px;
        font-weight: 800;
    }

.history-service[b-82hhgslojx] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 9px;
    border: 1px solid #3b3d40;
    border-radius: 6px;
    background: #292b2d;
    color: #d7d8da;
    font-size: 10px;
    font-weight: 700;
}

/* =========================================================
   WORKSHOP / FULL DATE
   ========================================================= */

.history-workshop[b-82hhgslojx],
.history-full-date[b-82hhgslojx] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
}

    .history-workshop > span[b-82hhgslojx],
    .history-full-date > span[b-82hhgslojx] {
        color: #6f7278;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .history-workshop strong[b-82hhgslojx] {
        overflow: hidden;
        color: #d7d8da;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.4;
        text-overflow: ellipsis;
    }

    .history-full-date strong[b-82hhgslojx] {
        color: #d7d8da;
        font-size: 11px;
        font-weight: 800;
        white-space: nowrap;
    }

/* =========================================================
   EMPTY
   ========================================================= */

.history-empty[b-82hhgslojx] {
    display: flex;
    min-height: 160px;
    align-items: center;
    gap: 16px;
    padding: 30px 24px;
}

.history-empty-icon[b-82hhgslojx] {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid #3b3d40;
    border-radius: 50%;
    background: #252729;
    color: #85888f;
    font-size: 15px;
    font-weight: 800;
}

.history-empty > div:last-child[b-82hhgslojx] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.history-empty strong[b-82hhgslojx] {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.history-empty span[b-82hhgslojx] {
    color: #85888f;
    font-size: 12px;
    line-height: 1.5;
}

/* =========================================================
   LOADING / ERROR
   ========================================================= */

.history-state[b-82hhgslojx] {
    display: flex;
    min-height: 180px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 28px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: #1b1d1f;
    color: #929599;
    font-size: 14px;
}

    .history-state.error strong[b-82hhgslojx] {
        color: #fff;
        font-size: 16px;
    }

    .history-state button[b-82hhgslojx] {
        min-height: 40px;
        margin-top: 4px;
        padding: 0 16px;
        border: 1px solid #ef3340;
        border-radius: 8px;
        background: #ef3340;
        color: #fff;
        font-family: inherit;
        font-size: 12px;
        font-weight: 800;
        cursor: pointer;
    }

        .history-state button:hover[b-82hhgslojx] {
            border-color: #d92b37;
            background: #d92b37;
        }

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .history-item[b-82hhgslojx] {
        grid-template-columns: 72px minmax(0, 1fr) 150px;
    }

    .history-full-date[b-82hhgslojx] {
        grid-column: 2;
    }

    .vehicle-summary[b-82hhgslojx] {
        grid-template-columns: minmax(200px, 1.5fr) repeat(3, 1fr);
    }
}

@media (max-width: 760px) {

    .history-header[b-82hhgslojx] {
        flex-direction: column;
    }

    .history-plate[b-82hhgslojx] {
        width: 100%;
    }

    .vehicle-summary[b-82hhgslojx] {
        grid-template-columns: 1fr 1fr;
    }

    .vehicle-summary-main[b-82hhgslojx] {
        grid-column: 1 / -1;
        border-bottom: 1px solid #303235;
    }

    .vehicle-summary-field[b-82hhgslojx] {
        border-left: 0;
        border-top: 1px solid #303235;
    }

    .history-item[b-82hhgslojx] {
        grid-template-columns: 62px minmax(0, 1fr);
        align-items: start;
    }

    .history-workshop[b-82hhgslojx],
    .history-full-date[b-82hhgslojx] {
        grid-column: 2;
    }
}

@media (max-width: 500px) {

    .history-header h1[b-82hhgslojx] {
        font-size: 27px;
    }

    .vehicle-summary[b-82hhgslojx] {
        grid-template-columns: 1fr;
    }

    .vehicle-summary-main[b-82hhgslojx] {
        grid-column: auto;
    }

    .vehicle-summary-field[b-82hhgslojx] {
        border-left: 0;
    }

    .history-card-header[b-82hhgslojx] {
        align-items: flex-start;
    }

    .history-item[b-82hhgslojx] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .history-date[b-82hhgslojx] {
        width: 64px;
    }

    .history-workshop[b-82hhgslojx],
    .history-full-date[b-82hhgslojx] {
        grid-column: 1;
    }
}
/* /Components/Pages/Viaturas.razor.rz.scp.css */
.vehicles-page[b-l2fufmpna0] {
    padding: 34px 38px 60px;
}

.vehicles-header[b-l2fufmpna0] {
    margin-bottom: 16px;
}

.vehicles-eyebrow[b-l2fufmpna0] {
    display: block;
    margin-bottom: 0;
    color: #ff3030;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

/* =========================================================
   SEARCH
   ========================================================= */

.vehicle-search-card[b-l2fufmpna0] {
    padding: 26px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: linear-gradient( 135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015) );
}

.vehicle-search-heading[b-l2fufmpna0] {
    margin-bottom: 22px;
}

.vehicle-search-label[b-l2fufmpna0],
.vehicle-section-label[b-l2fufmpna0] {
    display: block;
    margin-bottom: 7px;
    color: #ff3030;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.vehicle-search-heading h2[b-l2fufmpna0] {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
}

.vehicle-search-heading p[b-l2fufmpna0] {
    margin: 7px 0 0;
    color: #85888f;
    font-size: 13px;
}

.vehicle-search-form[b-l2fufmpna0] {
    display: flex;
    gap: 12px;
}

    .vehicle-search-form input[b-l2fufmpna0] {
        min-width: 0;
        flex: 1;
        height: 46px;
        padding: 0 15px;
        border: 1px solid rgba(255, 255, 255, 0.10);
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.22);
        color: #ffffff;
        font-size: 15px;
        outline: none;
        transition: border-color 0.2s ease, background 0.2s ease;
    }

        .vehicle-search-form input:focus[b-l2fufmpna0] {
            border-color: rgba(255, 45, 45, 0.50);
            background: rgba(0, 0, 0, 0.30);
        }

        .vehicle-search-form input[b-l2fufmpna0]::placeholder {
            color: #676a70;
        }

    .vehicle-search-form button[b-l2fufmpna0] {
        min-width: 130px;
        padding: 0 20px;
        border: 0;
        border-radius: 10px;
        background: #e42323;
        color: #ffffff;
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
        transition: transform 0.2s ease, background 0.2s ease;
    }

        .vehicle-search-form button:hover:not(:disabled)[b-l2fufmpna0] {
            background: #f12b2b;
            transform: translateY(-1px);
        }

        .vehicle-search-form button:disabled[b-l2fufmpna0] {
            opacity: 0.6;
            cursor: wait;
        }

.vehicle-search-error[b-l2fufmpna0] {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 70, 70, 0.20);
    border-radius: 10px;
    background: rgba(255, 50, 50, 0.06);
    color: #ff9b9b;
    font-size: 13px;
}


/* =========================================================
   RESULT CARD
   ========================================================= */

.vehicle-result-card[b-l2fufmpna0] {
    margin-top: 24px;
    padding: 26px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: linear-gradient( 135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012) );
}

.vehicle-result-top[b-l2fufmpna0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.vehicle-result-kicker[b-l2fufmpna0] {
    display: block;
    margin-bottom: 6px;
    color: #777b82;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.10em;
}

.vehicle-result-top h2[b-l2fufmpna0] {
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
}

.vehicle-plate[b-l2fufmpna0] {
    display: inline-block;
    margin-top: 8px;
    color: #ff3838;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.vehicle-relation-badge[b-l2fufmpna0] {
    padding: 7px 10px;
    border: 1px solid rgba(67, 210, 135, 0.25);
    border-radius: 999px;
    background: rgba(67, 210, 135, 0.08);
    color: #78dda7;
    font-size: 11px;
    font-weight: 800;
}

    .vehicle-relation-badge.external[b-l2fufmpna0] {
        border-color: rgba(255, 185, 70, 0.22);
        background: rgba(255, 185, 70, 0.07);
        color: #efc26e;
    }


/* =========================================================
   VEHICLE DETAILS
   ========================================================= */

.vehicle-details-grid[b-l2fufmpna0] {
    margin-top: 26px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

    .vehicle-details-grid > div[b-l2fufmpna0] {
        min-width: 0;
        padding: 15px 16px;
        border: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 11px;
        background: rgba(255, 255, 255, 0.018);
    }

    .vehicle-details-grid span[b-l2fufmpna0] {
        display: block;
        margin-bottom: 6px;
        color: #666a70;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.10em;
    }

    .vehicle-details-grid strong[b-l2fufmpna0] {
        color: #ffffff;
        font-size: 13px;
        font-weight: 700;
        overflow-wrap: anywhere;
    }


/* =========================================================
   CRM CUSTOMER
   ========================================================= */

.vehicle-crm-area[b-l2fufmpna0] {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.vehicle-customer[b-l2fufmpna0],
.vehicle-no-customer[b-l2fufmpna0] {
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.018);
}

    .vehicle-customer strong[b-l2fufmpna0],
    .vehicle-no-customer strong[b-l2fufmpna0] {
        display: block;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
    }

    .vehicle-customer span[b-l2fufmpna0],
    .vehicle-no-customer span[b-l2fufmpna0] {
        display: block;
        margin-top: 5px;
        color: #85888f;
        font-size: 12px;
    }


/* =========================================================
   ACTIONS
   ========================================================= */

.vehicle-actions[b-l2fufmpna0] {
    margin-top: 22px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.vehicle-primary-action[b-l2fufmpna0] {
    min-width: 150px;
    padding: 11px 18px;
    border: 0;
    border-radius: 9px;
    background: #e42323;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

    .vehicle-primary-action:hover:not(:disabled)[b-l2fufmpna0] {
        background: #f32a2a;
        transform: translateY(-1px);
    }

    .vehicle-primary-action:disabled[b-l2fufmpna0] {
        opacity: 0.45;
        cursor: not-allowed;
    }


/* =========================================================
   NOT FOUND
   ========================================================= */

.vehicle-not-found[b-l2fufmpna0] {
    margin-top: 24px;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
}

.vehicle-not-found-icon[b-l2fufmpna0] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 40, 40, 0.08);
    border: 1px solid rgba(255, 40, 40, 0.16);
    color: #ff3535;
    font-size: 18px;
}

.vehicle-not-found > div:nth-child(2)[b-l2fufmpna0] {
    flex: 1;
}

.vehicle-not-found strong[b-l2fufmpna0] {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.vehicle-not-found span[b-l2fufmpna0] {
    display: block;
    margin-top: 5px;
    color: #85888f;
    font-size: 12px;
}

.vehicle-not-found button[b-l2fufmpna0] {
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

    .vehicle-not-found button:hover[b-l2fufmpna0] {
        background: rgba(255, 255, 255, 0.08);
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .vehicles-page[b-l2fufmpna0] {
        padding: 26px 22px 50px;
    }

    .vehicle-details-grid[b-l2fufmpna0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {

    .vehicles-page[b-l2fufmpna0] {
        padding: 22px 16px 44px;
    }

    .vehicle-search-form[b-l2fufmpna0] {
        flex-direction: column;
    }

        .vehicle-search-form button[b-l2fufmpna0] {
            height: 44px;
            width: 100%;
        }

    .vehicle-result-top[b-l2fufmpna0] {
        flex-direction: column;
    }

    .vehicle-details-grid[b-l2fufmpna0] {
        grid-template-columns: 1fr;
    }

    .vehicle-actions[b-l2fufmpna0] {
        justify-content: stretch;
    }

    .vehicle-primary-action[b-l2fufmpna0] {
        width: 100%;
    }

    .vehicle-not-found[b-l2fufmpna0] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .vehicle-not-found button[b-l2fufmpna0] {
            width: 100%;
        }
}

/* =========================================================
   CREATE SERVICE REQUEST
   ========================================================= */

.service-request-card[b-l2fufmpna0] {
    margin-top: 24px;
    padding: 28px 32px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: linear-gradient( 135deg, rgba(255, 255, 255, 0.035), rgba(255, 35, 35, 0.018) );
}

.service-request-header[b-l2fufmpna0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

    .service-request-header h2[b-l2fufmpna0] {
        margin: 0;
        color: #ffffff;
        font-size: 24px;
        font-weight: 800;
    }

    .service-request-header p[b-l2fufmpna0] {
        margin: 7px 0 0;
        color: #85888f;
        font-size: 13px;
    }

.service-request-close[b-l2fufmpna0] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.03);
    color: #92959b;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

    .service-request-close:hover[b-l2fufmpna0] {
        background: rgba(255, 255, 255, 0.07);
        color: #ffffff;
    }


/* =========================================================
   FIELDS
   ========================================================= */

.service-request-field[b-l2fufmpna0] {
    margin-top: 22px;
}

    .service-request-field > label[b-l2fufmpna0] {
        display: block;
        margin-bottom: 10px;
        color: #777b82;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.12em;
    }

.service-request-grid[b-l2fufmpna0] {
    display: grid;
    grid-template-columns: minmax(0, 420px);
    gap: 18px;
    margin-top: 24px;
}

    .service-request-grid .service-request-field[b-l2fufmpna0] {
        margin-top: 0;
    }

.service-request-field input[type="datetime-local"][b-l2fufmpna0],
.service-request-field textarea[b-l2fufmpna0] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.22);
    color: #ffffff;
    font-family: inherit;
    font-size: 13px;
    outline: none;
}

.service-request-field input[type="datetime-local"][b-l2fufmpna0] {
    height: 46px;
    padding: 0 14px;
}

.service-request-field textarea[b-l2fufmpna0] {
    min-height: 110px;
    padding: 14px;
    resize: vertical;
    line-height: 1.5;
}

    .service-request-field input:focus[b-l2fufmpna0],
    .service-request-field textarea:focus[b-l2fufmpna0] {
        border-color: rgba(255, 45, 45, 0.45);
    }

    .service-request-field textarea[b-l2fufmpna0]::placeholder {
        color: #62666c;
    }


/* =========================================================
   SERVICE SELECTION
   ========================================================= */

.service-options[b-l2fufmpna0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.service-option[b-l2fufmpna0] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 58px;
    padding: 12px 14px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.018);
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease;
}

    .service-option:hover[b-l2fufmpna0] {
        border-color: rgba(255, 255, 255, 0.13);
        background: rgba(255, 255, 255, 0.03);
    }

    .service-option:has(input:checked)[b-l2fufmpna0] {
        border-color: rgba(255, 45, 45, 0.35);
        background: rgba(255, 40, 40, 0.055);
    }

    .service-option input[b-l2fufmpna0] {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
        accent-color: #ef2929;
        cursor: pointer;
    }

    .service-option > div[b-l2fufmpna0] {
        min-width: 0;
    }

    .service-option strong[b-l2fufmpna0] {
        display: block;
        color: #ffffff;
        font-size: 13px;
        font-weight: 750;
    }

    .service-option span[b-l2fufmpna0] {
        display: block;
        margin-top: 3px;
        color: #777b82;
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


/* =========================================================
   STATES
   ========================================================= */

.service-request-loading[b-l2fufmpna0],
.service-request-warning[b-l2fufmpna0] {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
    color: #8d9096;
    font-size: 13px;
}

.service-request-warning[b-l2fufmpna0] {
    border-color: rgba(255, 177, 61, 0.16);
    color: #d5ad70;
}

.service-request-error[b-l2fufmpna0] {
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 60, 60, 0.20);
    border-radius: 9px;
    background: rgba(255, 40, 40, 0.055);
    color: #ff9898;
    font-size: 12px;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.service-request-actions[b-l2fufmpna0] {
    margin-top: 26px;
    padding-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.service-request-cancel[b-l2fufmpna0] {
    padding: 11px 18px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
    color: #a0a3a8;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

    .service-request-cancel:hover:not(:disabled)[b-l2fufmpna0] {
        background: rgba(255, 255, 255, 0.06);
        color: #ffffff;
    }

    .service-request-cancel:disabled[b-l2fufmpna0] {
        opacity: 0.5;
        cursor: not-allowed;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 800px) {

    .service-request-card[b-l2fufmpna0] {
        padding: 22px;
    }

    .service-options[b-l2fufmpna0] {
        grid-template-columns: 1fr;
    }

    .service-request-grid[b-l2fufmpna0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {

    .service-request-header h2[b-l2fufmpna0] {
        font-size: 20px;
    }

    .service-request-actions[b-l2fufmpna0] {
        flex-direction: column-reverse;
    }

        .service-request-actions button[b-l2fufmpna0] {
            width: 100%;
        }
}

.success-popup-backdrop[b-l2fufmpna0] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(5px);
}

.success-popup[b-l2fufmpna0] {
    width: 100%;
    max-width: 460px;
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 18px;
    background: linear-gradient( 145deg, #151515, #0d0d0d );
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
    text-align: center;
}

.success-popup-icon[b-l2fufmpna0] {
    width: 54px;
    height: 54px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(38, 194, 99, 0.10);
    border: 1px solid rgba(38, 194, 99, 0.28);
    color: #43d17b;
    font-size: 24px;
    font-weight: 900;
}

.success-popup-eyebrow[b-l2fufmpna0] {
    display: block;
    margin-bottom: 8px;
    color: #ff3030;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.13em;
}

.success-popup h3[b-l2fufmpna0] {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
}

.success-popup p[b-l2fufmpna0] {
    margin: 10px 0 0;
    color: #8d9096;
    font-size: 13px;
    line-height: 1.6;
}

.success-popup-button[b-l2fufmpna0] {
    width: 100%;
    margin-top: 24px;
    padding: 12px 18px;
    border: 0;
    border-radius: 10px;
    background: #e92323;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

    .success-popup-button:hover[b-l2fufmpna0] {
        background: #f42b2b;
    }
.vehicle-price-input[b-l2fufmpna0] {
    position: relative;
    width: 100%;
    margin-top: 8px;
}

    .vehicle-price-input input[b-l2fufmpna0] {
        width: 100%;
        height: 48px;
        box-sizing: border-box;
        padding: 0 48px 0 16px;
        background: #111111;
        border: 1px solid #2b2b2b;
        border-radius: 10px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        outline: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    }

        .vehicle-price-input input:hover[b-l2fufmpna0] {
            border-color: #3a3a3a;
        }

        .vehicle-price-input input:focus[b-l2fufmpna0] {
            background: #141414;
            border-color: #ef3340;
            box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.10);
        }

    .vehicle-price-input span[b-l2fufmpna0] {
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        color: #777777;
        font-size: 14px;
        font-weight: 700;
        pointer-events: none;
    }

.vehicle-credit-preview[b-l2fufmpna0] {
    display: block;
    margin-top: 8px;
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 600;
}


.vehicle-form-group > label[b-l2fufmpna0] {
    display: block;
    margin-bottom: 8px;
    color: #8f96a3;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* =========================================================
   RE-VISION CRM
   VIATURAS — SURFACE REFRESH
   ========================================================= */


/* ---------------------------------------------------------
   CORES RE-VISION
   --------------------------------------------------------- */

.vehicles-eyebrow[b-l2fufmpna0],
.vehicle-search-label[b-l2fufmpna0],
.vehicle-section-label[b-l2fufmpna0],
.success-popup-eyebrow[b-l2fufmpna0] {
    color: #ef3340;
}


/* ---------------------------------------------------------
   PESQUISA DE VIATURA
   --------------------------------------------------------- */

.vehicle-search-card[b-l2fufmpna0] {
    background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, 0.06), transparent 34% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

.vehicle-search-form input[b-l2fufmpna0] {
    background: #191b1d;
    border-color: #3b3d40;
}

    .vehicle-search-form input:hover[b-l2fufmpna0] {
        border-color: #484a4d;
    }

    .vehicle-search-form input:focus[b-l2fufmpna0] {
        background: #1e2022;
        border-color: #ef3340;
        box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.10);
    }

.vehicle-search-form button[b-l2fufmpna0] {
    background: #ef3340;
}

    .vehicle-search-form button:hover:not(:disabled)[b-l2fufmpna0] {
        background: #db2935;
    }


/* ---------------------------------------------------------
   ERRO DA PESQUISA
   --------------------------------------------------------- */

.vehicle-search-error[b-l2fufmpna0] {
    background: rgba(239, 51, 64, 0.09);
    border-color: rgba(239, 51, 64, 0.28);
    color: #ff9b9b;
}


/* ---------------------------------------------------------
   RESULTADO DA VIATURA
   --------------------------------------------------------- */

.vehicle-result-card[b-l2fufmpna0] {
    background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, 0.07), transparent 32% ), linear-gradient( 105deg, #1b1d1f 0%, #1c1e20 65%, #211b1c 100% );
    border-color: #343638;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}

.vehicle-plate[b-l2fufmpna0] {
    color: #ef3340;
}


/* ---------------------------------------------------------
   BADGE DE RELAÇÃO CRM
   --------------------------------------------------------- */

.vehicle-relation-badge[b-l2fufmpna0] {
    background: rgba(49, 191, 106, 0.09);
    border-color: rgba(94, 213, 140, 0.28);
    color: #6ddd98;
}

    .vehicle-relation-badge.external[b-l2fufmpna0] {
        background: rgba(255, 177, 66, 0.09);
        border-color: rgba(255, 177, 66, 0.28);
        color: #ffc66d;
    }


/* ---------------------------------------------------------
   DADOS TÉCNICOS
   --------------------------------------------------------- */

.vehicle-details-grid > div[b-l2fufmpna0] {
    background: linear-gradient( 145deg, #292b2d 0%, #222426 100% );
    border-color: #3e4043;
}

.vehicle-details-grid span[b-l2fufmpna0] {
    color: #85888f;
}

.vehicle-details-grid strong[b-l2fufmpna0] {
    color: #ffffff;
}


/* ---------------------------------------------------------
   ÁREA CRM / CLIENTE
   --------------------------------------------------------- */

.vehicle-crm-area[b-l2fufmpna0] {
    border-top-color: #353739;
}

.vehicle-customer[b-l2fufmpna0],
.vehicle-no-customer[b-l2fufmpna0] {
    background: #252729;
    border-color: #3b3d40;
}

    .vehicle-customer span[b-l2fufmpna0],
    .vehicle-no-customer span[b-l2fufmpna0] {
        color: #929599;
    }


/* ---------------------------------------------------------
   AÇÃO PRINCIPAL
   --------------------------------------------------------- */

.vehicle-primary-action[b-l2fufmpna0] {
    background: #ef3340;
}

    .vehicle-primary-action:hover:not(:disabled)[b-l2fufmpna0] {
        background: #db2935;
    }


/* ---------------------------------------------------------
   VIATURA NÃO ENCONTRADA
   --------------------------------------------------------- */

.vehicle-not-found[b-l2fufmpna0] {
    background: linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

.vehicle-not-found-icon[b-l2fufmpna0] {
    background: rgba(239, 51, 64, 0.09);
    border-color: rgba(239, 51, 64, 0.28);
    color: #ef3340;
}

.vehicle-not-found button[b-l2fufmpna0] {
    background: rgba(255, 255, 255, 0.025);
    border-color: #47494c;
}

    .vehicle-not-found button:hover[b-l2fufmpna0] {
        background: #252729;
        border-color: #5a5c5f;
    }


/* =========================================================
   ORDEM DE SERVIÇO
   ========================================================= */

.service-request-card[b-l2fufmpna0] {
    background: radial-gradient( circle at 100% 0%, rgba(239, 51, 64, 0.07), transparent 34% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16);
}


/* ---------------------------------------------------------
   FECHAR ORDEM
   --------------------------------------------------------- */

.service-request-close[b-l2fufmpna0] {
    background: #252729;
    border-color: #3b3d40;
}

    .service-request-close:hover[b-l2fufmpna0] {
        background: #292b2d;
        border-color: #484a4d;
    }


/* ---------------------------------------------------------
   CAMPOS
   --------------------------------------------------------- */

.service-request-field > label[b-l2fufmpna0],
.vehicle-form-group > label[b-l2fufmpna0] {
    color: #929599;
}

.service-request-field input[type="datetime-local"][b-l2fufmpna0],
.service-request-field textarea[b-l2fufmpna0] {
    background: #191b1d;
    border-color: #3b3d40;
}

    .service-request-field input[type="datetime-local"]:hover[b-l2fufmpna0],
    .service-request-field textarea:hover[b-l2fufmpna0] {
        border-color: #484a4d;
    }

    .service-request-field input:focus[b-l2fufmpna0],
    .service-request-field textarea:focus[b-l2fufmpna0] {
        background: #1e2022;
        border-color: #ef3340;
        box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.10);
    }


/* ---------------------------------------------------------
   SELEÇÃO DE SERVIÇOS
   --------------------------------------------------------- */

.service-option[b-l2fufmpna0] {
    background: linear-gradient( 145deg, #292b2d 0%, #222426 100% );
    border-color: #3e4043;
}

    .service-option:hover[b-l2fufmpna0] {
        background: linear-gradient( 145deg, #2d2f32 0%, #26282a 100% );
        border-color: #4a4c4f;
    }

    .service-option:has(input:checked)[b-l2fufmpna0] {
        background: linear-gradient( 145deg, rgba(239, 51, 64, 0.11), rgba(239, 51, 64, 0.055) );
        border-color: rgba(239, 51, 64, 0.42);
    }

    .service-option input[b-l2fufmpna0] {
        accent-color: #ef3340;
    }

    .service-option span[b-l2fufmpna0] {
        color: #929599;
    }


/* ---------------------------------------------------------
   PREÇO
   --------------------------------------------------------- */

.vehicle-price-input input[b-l2fufmpna0] {
    background: #191b1d;
    border-color: #3b3d40;
}

    .vehicle-price-input input:hover[b-l2fufmpna0] {
        background: #1c1e20;
        border-color: #484a4d;
    }

    .vehicle-price-input input:focus[b-l2fufmpna0] {
        background: #1e2022;
        border-color: #ef3340;
        box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.10);
    }

.vehicle-price-input span[b-l2fufmpna0] {
    color: #929599;
}

.vehicle-credit-preview[b-l2fufmpna0] {
    color: #a2a5a9;
}


/* ---------------------------------------------------------
   LOADING / AVISOS
   --------------------------------------------------------- */

.service-request-loading[b-l2fufmpna0] {
    background: #252729;
    border-color: #3b3d40;
    color: #a2a5a9;
}

.service-request-warning[b-l2fufmpna0] {
    background: rgba(255, 177, 66, 0.07);
    border-color: rgba(255, 177, 66, 0.24);
    color: #e0b875;
}

.service-request-error[b-l2fufmpna0] {
    background: rgba(239, 51, 64, 0.09);
    border-color: rgba(239, 51, 64, 0.28);
    color: #ff9b9b;
}


/* ---------------------------------------------------------
   AÇÕES DA ORDEM
   --------------------------------------------------------- */

.service-request-actions[b-l2fufmpna0] {
    border-top-color: #353739;
}

.service-request-cancel[b-l2fufmpna0] {
    background: rgba(255, 255, 255, 0.025);
    border-color: #47494c;
    color: #b0b3b7;
}

    .service-request-cancel:hover:not(:disabled)[b-l2fufmpna0] {
        background: #252729;
        border-color: #5a5c5f;
        color: #ffffff;
    }


/* =========================================================
   POPUP DE SUCESSO
   ========================================================= */

.success-popup[b-l2fufmpna0] {
    background: radial-gradient( circle at 100% 0%, rgba(49, 191, 106, 0.07), transparent 38% ), linear-gradient( 145deg, #202225 0%, #1a1c1e 100% );
    border-color: #3b3d40;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.48);
}

.success-popup-icon[b-l2fufmpna0] {
    background: rgba(49, 191, 106, 0.10);
    border-color: rgba(94, 213, 140, 0.28);
    color: #6ddd98;
}

.success-popup p[b-l2fufmpna0] {
    color: #929599;
}

.success-popup-button[b-l2fufmpna0] {
    background: #ef3340;
}

    .success-popup-button:hover[b-l2fufmpna0] {
        background: #db2935;
    }


/* ---------------------------------------------------------
   MOBILE — CONSISTÊNCIA
   --------------------------------------------------------- */

@media (max-width: 620px) {

    .vehicle-customer[b-l2fufmpna0],
    .vehicle-no-customer[b-l2fufmpna0],
    .vehicle-details-grid > div[b-l2fufmpna0] {
        border-color: #3b3d40;
    }
}

/* =========================================================
   CREATE VEHICLE
   ========================================================= */

.vehicle-create-grid[b-l2fufmpna0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.vehicle-form-group[b-l2fufmpna0] {
    min-width: 0;
}

.vehicle-form-wide[b-l2fufmpna0] {
    grid-column: 1 / -1;
}

.vehicle-form-group > label[b-l2fufmpna0] {
    display: block;
    margin-bottom: 8px;
    color: #929599;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.vehicle-form-group input[b-l2fufmpna0],
.vehicle-form-group select[b-l2fufmpna0] {
    width: 100%;
    height: 46px;
    box-sizing: border-box;
    padding: 0 14px;
    background: #191b1d;
    border: 1px solid #3b3d40;
    border-radius: 10px;
    color: #ffffff;
    font-family: inherit;
    font-size: 13px;
    outline: none;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

    .vehicle-form-group input:hover[b-l2fufmpna0],
    .vehicle-form-group select:hover[b-l2fufmpna0] {
        border-color: #484a4d;
    }

    .vehicle-form-group input:focus[b-l2fufmpna0],
    .vehicle-form-group select:focus[b-l2fufmpna0] {
        background: #1e2022;
        border-color: #ef3340;
        box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.10);
    }

    .vehicle-form-group input[b-l2fufmpna0]::placeholder {
        color: #676a70;
    }

.vehicle-form-group select[b-l2fufmpna0] {
    cursor: pointer;
}

    .vehicle-form-group select option[b-l2fufmpna0] {
        background: #202225;
        color: #ffffff;
    }

@media (max-width: 620px) {

    .vehicle-create-grid[b-l2fufmpna0] {
        grid-template-columns: 1fr;
    }

    .vehicle-form-wide[b-l2fufmpna0] {
        grid-column: auto;
    }
}

/* =========================================================
   VEHICLE — CUSTOMER ASSOCIATION
   ========================================================= */

.vehicle-no-customer[b-l2fufmpna0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

    .vehicle-no-customer > div[b-l2fufmpna0] {
        min-width: 0;
    }

.vehicle-link-customer-button[b-l2fufmpna0] {
    flex: 0 0 auto;
    padding: 10px 15px;
    border: 1px solid #47494c;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
    color: #ffffff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

    .vehicle-link-customer-button:hover[b-l2fufmpna0] {
        background: #292b2d;
        border-color: #5a5c5f;
        transform: translateY(-1px);
    }


/* ---------------------------------------------------------
   SELECTOR
   --------------------------------------------------------- */

.vehicle-customer-selector[b-l2fufmpna0] {
    margin-top: 14px;
    padding: 20px;
    background: linear-gradient( 145deg, #252729 0%, #202224 100% );
    border: 1px solid #3b3d40;
    border-radius: 12px;
}

.vehicle-customer-selector-header[b-l2fufmpna0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

    .vehicle-customer-selector-header strong[b-l2fufmpna0] {
        display: block;
        color: #ffffff;
        font-size: 15px;
        font-weight: 800;
    }


/* ---------------------------------------------------------
   PESQUISA
   --------------------------------------------------------- */

.vehicle-customer-search[b-l2fufmpna0] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

    .vehicle-customer-search input[b-l2fufmpna0] {
        flex: 1;
        min-width: 0;
        height: 44px;
        box-sizing: border-box;
        padding: 0 14px;
        background: #191b1d;
        border: 1px solid #3b3d40;
        border-radius: 9px;
        color: #ffffff;
        font-family: inherit;
        font-size: 13px;
        outline: none;
    }

        .vehicle-customer-search input:focus[b-l2fufmpna0] {
            background: #1e2022;
            border-color: #ef3340;
            box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.10);
        }

        .vehicle-customer-search input[b-l2fufmpna0]::placeholder {
            color: #676a70;
        }

    .vehicle-customer-search button[b-l2fufmpna0] {
        min-width: 110px;
        padding: 0 16px;
        border: 0;
        border-radius: 9px;
        background: #ef3340;
        color: #ffffff;
        font-family: inherit;
        font-size: 12px;
        font-weight: 800;
        cursor: pointer;
    }

        .vehicle-customer-search button:hover:not(:disabled)[b-l2fufmpna0] {
            background: #db2935;
        }

        .vehicle-customer-search button:disabled[b-l2fufmpna0] {
            opacity: 0.55;
            cursor: wait;
        }


/* ---------------------------------------------------------
   RESULTADOS
   --------------------------------------------------------- */

.vehicle-customer-results[b-l2fufmpna0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.vehicle-customer-result[b-l2fufmpna0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 14px;
    background: #292b2d;
    border: 1px solid #3e4043;
    border-radius: 9px;
}

.vehicle-customer-result-info[b-l2fufmpna0] {
    min-width: 0;
}

    .vehicle-customer-result-info strong[b-l2fufmpna0] {
        display: block;
        color: #ffffff;
        font-size: 13px;
        font-weight: 800;
    }

    .vehicle-customer-result-info span[b-l2fufmpna0] {
        display: block;
        margin-top: 4px;
        color: #929599;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vehicle-customer-result-info small[b-l2fufmpna0] {
        display: block;
        margin-top: 4px;
        color: #73767a;
        font-size: 9px;
        font-weight: 700;
    }

.vehicle-customer-result > button[b-l2fufmpna0] {
    flex: 0 0 auto;
    padding: 8px 13px;
    background: rgba(239, 51, 64, 0.09);
    border: 1px solid rgba(239, 51, 64, 0.28);
    border-radius: 8px;
    color: #ff777d;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

    .vehicle-customer-result > button:hover:not(:disabled)[b-l2fufmpna0] {
        background: rgba(239, 51, 64, 0.16);
        border-color: rgba(239, 51, 64, 0.45);
        color: #ffffff;
    }

    .vehicle-customer-result > button:disabled[b-l2fufmpna0] {
        opacity: 0.55;
        cursor: wait;
    }


/* ---------------------------------------------------------
   SEM RESULTADOS
   --------------------------------------------------------- */

.vehicle-customer-empty[b-l2fufmpna0] {
    margin-top: 16px;
    padding: 15px;
    background: #292b2d;
    border: 1px solid #3e4043;
    border-radius: 9px;
    color: #929599;
    font-size: 12px;
    text-align: center;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 620px) {

    .vehicle-no-customer[b-l2fufmpna0] {
        align-items: stretch;
        flex-direction: column;
    }

    .vehicle-link-customer-button[b-l2fufmpna0] {
        width: 100%;
    }

    .vehicle-customer-search[b-l2fufmpna0] {
        flex-direction: column;
    }

        .vehicle-customer-search button[b-l2fufmpna0] {
            width: 100%;
            height: 44px;
        }

    .vehicle-customer-result[b-l2fufmpna0] {
        align-items: stretch;
        flex-direction: column;
    }

        .vehicle-customer-result > button[b-l2fufmpna0] {
            width: 100%;
        }
}

/* =========================================================
   NOVA VIATURA — CLIENTE
   ========================================================= */

.vehicle-new-customer-section[b-l2fufmpna0] {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid #343638;
}

.vehicle-new-customer-header[b-l2fufmpna0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

    .vehicle-new-customer-header strong[b-l2fufmpna0] {
        display: block;
        margin-top: 6px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
    }

    .vehicle-new-customer-header p[b-l2fufmpna0] {
        margin: 6px 0 0;
        color: #929599;
        font-size: 14px;
        line-height: 1.55;
    }


/* =========================================================
   PESQUISA DE CLIENTE
   ========================================================= */

.vehicle-new-customer-section .vehicle-customer-search[b-l2fufmpna0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    margin-top: 18px;
}

    .vehicle-new-customer-section .vehicle-customer-search input[b-l2fufmpna0] {
        width: 100%;
        min-height: 52px;
        padding: 0 16px;
        border: 1px solid #383a3d;
        border-radius: 10px;
        background: #181a1c;
        color: #ffffff;
        font-size: 14px;
        outline: none;
        transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

        .vehicle-new-customer-section .vehicle-customer-search input[b-l2fufmpna0]::placeholder {
            color: #73767c;
        }

        .vehicle-new-customer-section .vehicle-customer-search input:focus[b-l2fufmpna0] {
            border-color: #ef3340;
            background: #1c1e20;
            box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.10);
        }

    .vehicle-new-customer-section .vehicle-customer-search button[b-l2fufmpna0] {
        min-height: 52px;
        padding: 0 20px;
        border: 1px solid #47494c;
        border-radius: 10px;
        background: #252729;
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        transition: background .18s ease, border-color .18s ease, transform .18s ease;
    }

        .vehicle-new-customer-section .vehicle-customer-search button:hover:not(:disabled)[b-l2fufmpna0] {
            background: #292b2d;
            border-color: #5a5d61;
        }

        .vehicle-new-customer-section .vehicle-customer-search button:active:not(:disabled)[b-l2fufmpna0] {
            transform: translateY(1px);
        }

        .vehicle-new-customer-section .vehicle-customer-search button:disabled[b-l2fufmpna0] {
            opacity: .55;
            cursor: not-allowed;
        }


/* =========================================================
   RESULTADOS DA PESQUISA
   ========================================================= */

.vehicle-new-customer-section .vehicle-customer-results[b-l2fufmpna0] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.vehicle-new-customer-section .vehicle-customer-result[b-l2fufmpna0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border: 1px solid #343638;
    border-radius: 11px;
    background: #202225;
    transition: background .18s ease, border-color .18s ease;
}

    .vehicle-new-customer-section .vehicle-customer-result:hover[b-l2fufmpna0] {
        background: #252729;
        border-color: #47494c;
    }

.vehicle-new-customer-section .vehicle-customer-result-info[b-l2fufmpna0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

    .vehicle-new-customer-section .vehicle-customer-result-info strong[b-l2fufmpna0] {
        color: #ffffff;
        font-size: 15px;
        font-weight: 700;
    }

    .vehicle-new-customer-section .vehicle-customer-result-info span[b-l2fufmpna0] {
        margin-top: 4px;
        color: #929599;
        font-size: 13px;
        word-break: break-word;
    }

    .vehicle-new-customer-section .vehicle-customer-result-info small[b-l2fufmpna0] {
        margin-top: 4px;
        color: #85888f;
        font-size: 11px;
    }

.vehicle-new-customer-section .vehicle-customer-result > button[b-l2fufmpna0] {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #47494c;
    border-radius: 8px;
    background: #292b2d;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease;
}

    .vehicle-new-customer-section .vehicle-customer-result > button:hover[b-l2fufmpna0] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, 0.10);
    }


/* =========================================================
   CLIENTE SELECIONADO
   ========================================================= */

.vehicle-new-customer-selected[b-l2fufmpna0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 18px 20px;
    border: 1px solid rgba(239, 51, 64, 0.45);
    border-radius: 12px;
    background: linear-gradient( 135deg, rgba(239, 51, 64, 0.09), rgba(32, 34, 37, 0.96) );
}

    .vehicle-new-customer-selected > div[b-l2fufmpna0] {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .vehicle-new-customer-selected strong[b-l2fufmpna0] {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
    }

    .vehicle-new-customer-selected span[b-l2fufmpna0] {
        margin-top: 5px;
        color: #b8bbc0;
        font-size: 13px;
    }

    .vehicle-new-customer-selected small[b-l2fufmpna0] {
        margin-top: 5px;
        color: #85888f;
        font-size: 11px;
    }

    .vehicle-new-customer-selected > button[b-l2fufmpna0] {
        flex: 0 0 auto;
        min-height: 40px;
        padding: 0 16px;
        border: 1px solid #47494c;
        border-radius: 8px;
        background: #202225;
        color: #ffffff;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: border-color .18s ease, background .18s ease;
    }

        .vehicle-new-customer-selected > button:hover[b-l2fufmpna0] {
            border-color: #ef3340;
            background: rgba(239, 51, 64, 0.08);
        }


/* =========================================================
   NENHUM CLIENTE
   ========================================================= */

.vehicle-new-customer-section .vehicle-customer-empty[b-l2fufmpna0] {
    margin-top: 14px;
    padding: 15px 17px;
    border: 1px dashed #3b3d40;
    border-radius: 10px;
    background: #1a1c1e;
    color: #929599;
    font-size: 13px;
}


/* =========================================================
   CRIAR NOVO CLIENTE
   ========================================================= */

.vehicle-create-customer-action[b-l2fufmpna0] {
    display: flex;
    justify-content: flex-start;
    margin-top: 18px;
}

    .vehicle-create-customer-action button[b-l2fufmpna0] {
        min-height: 42px;
        padding: 0 16px;
        border: 1px solid rgba(239, 51, 64, 0.40);
        border-radius: 9px;
        background: rgba(239, 51, 64, 0.08);
        color: #ff5964;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: background .18s ease, border-color .18s ease;
    }

        .vehicle-create-customer-action button:hover[b-l2fufmpna0] {
            border-color: #ef3340;
            background: rgba(239, 51, 64, 0.14);
        }

.vehicle-create-customer-form[b-l2fufmpna0] {
    margin-top: 18px;
    padding: 22px;
    border: 1px solid #343638;
    border-radius: 12px;
    background: #1a1c1e;
}

    .vehicle-create-customer-form .vehicle-create-grid[b-l2fufmpna0] {
        margin-top: 0;
    }


    /* =========================================================
   CAMPOS DO NOVO CLIENTE
   ========================================================= */

    .vehicle-create-customer-form .vehicle-form-group label[b-l2fufmpna0] {
        display: block;
        margin-bottom: 9px;
        color: #929599;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .06em;
    }

    .vehicle-create-customer-form .vehicle-form-group input[b-l2fufmpna0] {
        width: 100%;
        min-height: 52px;
        padding: 0 16px;
        border: 1px solid #383a3d;
        border-radius: 10px;
        background: #181a1c;
        color: #ffffff;
        font-size: 14px;
        outline: none;
        transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

        .vehicle-create-customer-form .vehicle-form-group input[b-l2fufmpna0]::placeholder {
            color: #73767c;
        }

        .vehicle-create-customer-form .vehicle-form-group input:focus[b-l2fufmpna0] {
            border-color: #ef3340;
            background: #1c1e20;
            box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.10);
        }


/* =========================================================
   ERROS
   ========================================================= */

.vehicle-new-customer-section .service-request-error[b-l2fufmpna0] {
    margin-top: 14px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 760px) {

    .vehicle-new-customer-section .vehicle-customer-search[b-l2fufmpna0] {
        grid-template-columns: 1fr;
    }

        .vehicle-new-customer-section .vehicle-customer-search button[b-l2fufmpna0] {
            width: 100%;
        }

    .vehicle-new-customer-section .vehicle-customer-result[b-l2fufmpna0] {
        align-items: stretch;
        flex-direction: column;
    }

        .vehicle-new-customer-section .vehicle-customer-result > button[b-l2fufmpna0] {
            width: 100%;
        }

    .vehicle-new-customer-selected[b-l2fufmpna0] {
        align-items: stretch;
        flex-direction: column;
    }

        .vehicle-new-customer-selected > button[b-l2fufmpna0] {
            width: 100%;
        }

    .vehicle-create-customer-action button[b-l2fufmpna0] {
        width: 100%;
    }
}

.vehicle-history-action[b-l2fufmpna0] {
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #47494c;
    border-radius: 8px;
    background: #252729;
    color: #ffffff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

    .vehicle-history-action:hover[b-l2fufmpna0] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, .08);
        transform: translateY(-1px);
    }
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
.cookie-overlay[b-0x560uo61t] {
    position: fixed;
    z-index: 9998;
    inset: 0;
    background: rgba(0, 0, 0, .52);
    backdrop-filter: blur(2px);
}

.cookie-banner[b-0x560uo61t] {
    position: fixed;
    z-index: 9999;
    right: 24px;
    bottom: 24px;
    left: 24px;
    box-sizing: border-box;
    width: min(calc(100% - 48px), 980px);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #3b3d40;
    border-radius: 14px;
    background: #181a1c;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .55);
}

/* BANNER PRINCIPAL */

.cookie-main[b-0x560uo61t] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 18px;
    padding: 25px 26px 20px;
}

.cookie-icon[b-0x560uo61t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(239, 51, 64, .3);
    border-radius: 10px;
    background: rgba(239, 51, 64, .07);
}

    .cookie-icon svg[b-0x560uo61t] {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: #ef3340;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.cookie-eyebrow[b-0x560uo61t] {
    display: block;
    margin-bottom: 5px;
    color: #ef3340;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .14em;
}

.cookie-copy h2[b-0x560uo61t],
.cookie-preferences-header h2[b-0x560uo61t] {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 850;
    letter-spacing: -.015em;
}

.cookie-copy > p[b-0x560uo61t] {
    max-width: 720px;
    margin: 8px 0 0;
    color: #a0a3a8;
    font-size: 11px;
    line-height: 1.65;
}

.cookie-copy .cookie-legal[b-0x560uo61t] {
    color: #73767c;
    font-size: 9px;
}

.cookie-legal a[b-0x560uo61t] {
    color: #a0a3a8;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* BOTÕES */

.cookie-actions[b-0x560uo61t] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 15px 26px;
    border-top: 1px solid #292b2d;
    background: #151719;
}

.cookie-btn[b-0x560uo61t] {
    min-height: 38px;
    box-sizing: border-box;
    padding: 0 15px;
    border-radius: 7px;
    cursor: pointer;
    font-family: inherit;
    font-size: 9px;
    font-weight: 900;
    transition: border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease;
}

    .cookie-btn:hover[b-0x560uo61t] {
        transform: translateY(-1px);
    }

    .cookie-btn.secondary[b-0x560uo61t] {
        border: 1px solid #3b3d40;
        background: #202225;
        color: #b1b3b7;
    }

        .cookie-btn.secondary:hover[b-0x560uo61t] {
            border-color: #575a5e;
            color: #fff;
        }

    .cookie-btn.preferences[b-0x560uo61t] {
        border: 1px solid transparent;
        background: transparent;
        color: #929599;
    }

        .cookie-btn.preferences:hover[b-0x560uo61t] {
            color: #fff;
        }

    .cookie-btn.primary[b-0x560uo61t] {
        border: 1px solid #ef3340;
        background: #ef3340;
        color: #fff;
    }

        .cookie-btn.primary:hover[b-0x560uo61t] {
            background: #d92d39;
        }

/* PREFERÊNCIAS */

.cookie-preferences[b-0x560uo61t] {
    max-height: min(720px, calc(100vh - 48px));
    overflow-y: auto;
}

.cookie-preferences-header[b-0x560uo61t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25px;
    padding: 24px 26px 20px;
    border-bottom: 1px solid #292b2d;
}

    .cookie-preferences-header p[b-0x560uo61t] {
        max-width: 670px;
        margin: 7px 0 0;
        color: #85888f;
        font-size: 10px;
        line-height: 1.55;
    }

.cookie-close[b-0x560uo61t] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #343638;
    border-radius: 6px;
    background: #202225;
    color: #85888f;
    cursor: pointer;
    font-size: 19px;
    line-height: 1;
}

    .cookie-close:hover[b-0x560uo61t] {
        color: #fff;
    }

/* CATEGORIAS */

.cookie-category[b-0x560uo61t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 25px;
    padding: 17px 26px;
    border-bottom: 1px solid #292b2d;
}

.cookie-category-title[b-0x560uo61t] {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .cookie-category-title strong[b-0x560uo61t] {
        color: #fff;
        font-size: 11px;
    }

.cookie-required[b-0x560uo61t] {
    padding: 3px 6px;
    border: 1px solid rgba(239, 51, 64, .3);
    border-radius: 4px;
    color: #ef3340;
    font-size: 7px;
    font-weight: 900;
    text-transform: uppercase;
}

.cookie-category-copy p[b-0x560uo61t] {
    max-width: 680px;
    margin: 5px 0 0;
    color: #73767c;
    font-size: 9px;
    line-height: 1.5;
}

/* SWITCH */

.cookie-switch[b-0x560uo61t] {
    position: relative;
    display: inline-flex;
    width: 38px;
    height: 21px;
    cursor: pointer;
}

    .cookie-switch input[b-0x560uo61t] {
        width: 0;
        height: 0;
        opacity: 0;
    }

    .cookie-switch > span[b-0x560uo61t] {
        position: absolute;
        inset: 0;
        border: 1px solid #47494c;
        border-radius: 999px;
        background: #292b2d;
        transition: .18s ease;
    }

        .cookie-switch > span[b-0x560uo61t]::before {
            position: absolute;
            top: 3px;
            left: 3px;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #85888f;
            content: "";
            transition: .18s ease;
        }

    .cookie-switch input:checked + span[b-0x560uo61t] {
        border-color: #ef3340;
        background: rgba(239, 51, 64, .18);
    }

        .cookie-switch input:checked + span[b-0x560uo61t]::before {
            transform: translateX(17px);
            background: #ef3340;
        }

    .cookie-switch.disabled[b-0x560uo61t] {
        cursor: default;
        opacity: .8;
    }

/* FOOTER PREFERÊNCIAS */

.cookie-preferences-actions[b-0x560uo61t] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 15px 26px;
    background: #151719;
}

/* RESPONSIVE */

@media (max-width: 650px) {

    .cookie-banner[b-0x560uo61t] {
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: calc(100% - 24px);
    }

    .cookie-main[b-0x560uo61t] {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .cookie-icon[b-0x560uo61t] {
        width: 38px;
        height: 38px;
    }

    .cookie-actions[b-0x560uo61t],
    .cookie-preferences-actions[b-0x560uo61t] {
        flex-direction: column;
        padding: 14px 20px;
    }

    .cookie-btn[b-0x560uo61t] {
        width: 100%;
    }

    .cookie-preferences-header[b-0x560uo61t] {
        padding: 20px;
    }

    .cookie-category[b-0x560uo61t] {
        padding: 16px 20px;
    }
}


.cookie-settings-trigger[b-0x560uo61t] {
    position: fixed;
    z-index: 9000;
    right: 18px;
    bottom: 18px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #343638;
    border-radius: 7px;
    background: #181a1c;
    color: #929599;
    font-family: inherit;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .3);
}

    .cookie-settings-trigger:hover[b-0x560uo61t] {
        border-color: #ef3340;
        color: #fff;
    }