/* /Components/Layout/LegalLayout.razor.rz.scp.css */
.legal-layout[b-v6n3nez2su] { min-height: 100vh; background: #ffffff; color: #17191c; }
.legal-header[b-v6n3nez2su] { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid #e1e3e6; background: rgba(255, 255, 255, .94); backdrop-filter: blur(12px); box-shadow: 0 8px 30px rgba(17, 24, 39, .04); }
.legal-container[b-v6n3nez2su] { box-sizing: border-box; width: min(100% - 48px, 1180px); margin: 0 auto; }
.legal-nav[b-v6n3nez2su] { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.legal-brand[b-v6n3nez2su] { display: inline-flex; align-items: center; text-decoration: none; }
.legal-brand img[b-v6n3nez2su] { display: block; width: 50px; height: 50px; object-fit: contain; }
.legal-actions[b-v6n3nez2su] { display: flex; align-items: center; gap: 9px; }
.legal-back[b-v6n3nez2su], .legal-login[b-v6n3nez2su] { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; border-radius: 7px; font-size: 11px; 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: #6c7279; }
.legal-back:hover[b-v6n3nez2su] { color: #17191c; }
.legal-login[b-v6n3nez2su] { border: 1px solid #cdd1d5; background: #ffffff; color: #17191c; }
.legal-login:hover[b-v6n3nez2su] { border-color: #ef3340; background: #fff2f3; }
.legal-main[b-v6n3nez2su] { min-height: calc(100vh - 250px); padding: 62px 0 80px; }
.legal-footer[b-v6n3nez2su] { border-top: 1px solid #e1e3e6; background: #f7f8fa; }
.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: #17191c; font-size: 16px; font-weight: 900; letter-spacing: .04em; }
.legal-footer-brand span[b-v6n3nez2su] { color: #6f757d; font-size: 11px; }
.legal-footer-links[b-v6n3nez2su] { display: flex; align-items: center; gap: 25px; }
.legal-footer-links a[b-v6n3nez2su] { color: #6f757d; font-size: 11px; font-weight: 700; text-decoration: none; transition: color .16s ease; }
.legal-footer-links a:hover[b-v6n3nez2su] { color: #ef3340; }
.legal-footer-bottom[b-v6n3nez2su] { padding: 17px 0; border-top: 1px solid #e1e3e6; color: #686e75; font-size: 10px; }

@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] { width: 42px; height: 42px; }
    .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 */
.crm-page[b-sgq6bmtixn] {
    width: 100%;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    background: #f5f6f8;
    color: #17191c;
}

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

.crm-sidebar[b-sgq6bmtixn] {
    position: sticky;
    top: 0;
    width: 270px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 24px 18px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #ffffff;
    border-right: 1px solid #e1e3e6;
    box-shadow: 8px 0 30px rgba(17, 24, 39, 0.04);
}

.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] { display: block; width: 54px; height: 54px; object-fit: contain; }

.crm-workshop-name[b-sgq6bmtixn] {
    margin-top: 24px;
    padding: 15px 14px;
    background: #f6f7f8;
    border: 1px solid #e1e3e6;
    border-radius: 11px;
}
.crm-workshop-name small[b-sgq6bmtixn] { display: block; margin-bottom: 5px; color: #686e75; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.crm-workshop-name strong[b-sgq6bmtixn] { display: block; overflow: hidden; color: #1b1d20; font-size: 13px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }

.crm-menu[b-sgq6bmtixn] { flex: 1; display: flex; flex-direction: column; gap: 7px; margin-top: 26px; }
.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;
    gap: 12px;
    padding: 0 15px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #656b73;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    text-decoration: none;
    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: #17191c; background: #f3f4f6; }
.crm-menu a.active[b-sgq6bmtixn] { color: #17191c; background: #fff0f1; }
.crm-menu a.active[b-sgq6bmtixn]::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; background: #ef3340; 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.active .crm-menu-icon[b-sgq6bmtixn] { color: #ef3340; }
.crm-menu a.locked[b-sgq6bmtixn] { color: #a3a7ac; cursor: default; }
.crm-menu a.locked:hover[b-sgq6bmtixn] { background: transparent; color: #a3a7ac; }
.crm-lock[b-sgq6bmtixn] { margin-left: auto; font-size: 10px; opacity: .7; }
.crm-menu-separator[b-sgq6bmtixn] { height: 1px; margin: 12px 6px; background: #e6e8ea; }
.crm-sidebar-bottom[b-sgq6bmtixn] { flex: 0 0 auto; padding-top: 18px; border-top: 1px solid #e6e8ea; }
.crm-sidebar-bottom a[b-sgq6bmtixn], .crm-sidebar-bottom button[b-sgq6bmtixn] { width: 100%; }
.crm-sidebar-bottom button[b-sgq6bmtixn] { margin-top: 4px; }

.crm-main[b-sgq6bmtixn] { min-width: 0; min-height: 100dvh; padding: 34px 36px 50px; background: #f5f6f8; }
.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: #d4d7db; border-radius: 999px; }
.crm-stat-link[b-sgq6bmtixn] { display: block; color: inherit; text-decoration: none; }
.crm-stat-link article[b-sgq6bmtixn] { height: 100%; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.crm-stat-link:hover article[b-sgq6bmtixn] { transform: translateY(-2px); border-color: #b9bdc2; }

@media (max-width: 1200px) {
    .crm-page[b-sgq6bmtixn] { grid-template-columns: 235px minmax(0, 1fr); }
    .crm-sidebar[b-sgq6bmtixn] { width: 235px; padding-left: 15px; padding-right: 15px; }
    .crm-main[b-sgq6bmtixn] { padding-left: 26px; padding-right: 26px; }
}

@media (max-width: 900px) {
    .crm-page[b-sgq6bmtixn] { display: block; }
    .crm-sidebar[b-sgq6bmtixn] { position: static; width: 100%; height: auto; padding: 18px; border-right: 0; border-bottom: 1px solid #e1e3e6; }
    .crm-brand img[b-sgq6bmtixn] { width: 48px; height: 48px; }
    .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; }
}

@media (max-width: 650px) {
    .crm-sidebar[b-sgq6bmtixn] { padding: 15px; }
    .crm-menu[b-sgq6bmtixn], .crm-sidebar-bottom[b-sgq6bmtixn] { grid-template-columns: 1fr; }
    .crm-main[b-sgq6bmtixn] { padding: 22px 14px 36px; }
}
/* /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/Admin/AdminDashboard.razor.rz.scp.css */
/* =========================================================
   ADMIN DASHBOARD
   ========================================================= */

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


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

.admin-eyebrow[b-giidwd8q3l] {
    display: block;
    margin-bottom: 8px;
    color: #f53240;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.admin-page-header h1[b-giidwd8q3l] {
    margin: 0;
    color: #111318;
    font-size: clamp(38px, 4vw, 52px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1.7px;
}

.admin-page-header p[b-giidwd8q3l] {
    margin: 11px 0 0;
    color: #707680;
    font-size: 14px;
    line-height: 1.5;
}


/* =========================================================
   CONTADORES
   ========================================================= */

.admin-dashboard-grid[b-giidwd8q3l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.admin-dashboard-card[b-giidwd8q3l] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    min-height: 150px;
    padding: 24px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #d8dce1;
    border-radius: 13px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
    color: #111318;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .admin-dashboard-card:hover[b-giidwd8q3l] {
        border-color: rgba(245, 50, 64, 0.45);
        box-shadow: 0 14px 34px rgba(17, 24, 39, 0.08);
        transform: translateY(-2px);
    }

    .admin-dashboard-card:focus-visible[b-giidwd8q3l] {
        border-color: #f53240;
        outline: 3px solid rgba(245, 50, 64, 0.14);
        outline-offset: 2px;
    }

    .admin-dashboard-card > span[b-giidwd8q3l] {
        display: block;
        color: #69707a;
        font-size: 10px;
        font-weight: 900;
        line-height: 1.2;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    .admin-dashboard-card > strong[b-giidwd8q3l] {
        display: block;
        margin-top: auto;
        padding-top: 18px;
        color: #f53240;
        font-size: 38px;
        font-weight: 900;
        line-height: 1;
    }

    .admin-dashboard-card > small[b-giidwd8q3l] {
        display: block;
        margin-top: 9px;
        color: #707680;
        font-size: 12px;
        line-height: 1.4;
    }


/* =========================================================
   ACESSO AO CATÁLOGO
   ========================================================= */

.admin-primary-action-card[b-giidwd8q3l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 18px;
    padding: 28px 30px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #d8dce1;
    border-left: 3px solid #f53240;
    border-radius: 13px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

    .admin-primary-action-card > div[b-giidwd8q3l] {
        min-width: 0;
    }

    .admin-primary-action-card h2[b-giidwd8q3l] {
        margin: 0;
        color: #111318;
        font-size: 22px;
        font-weight: 900;
        line-height: 1.2;
    }

    .admin-primary-action-card p[b-giidwd8q3l] {
        max-width: 650px;
        margin: 8px 0 0;
        color: #707680;
        font-size: 13px;
        line-height: 1.5;
    }

    .admin-primary-action-card > a[b-giidwd8q3l] {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 44px;
        padding: 0 18px;
        box-sizing: border-box;
        background: #f53240;
        border: 1px solid #f53240;
        border-radius: 8px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
        transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

        .admin-primary-action-card > a:hover[b-giidwd8q3l] {
            background: #dc2634;
            border-color: #dc2634;
            transform: translateY(-1px);
        }

        .admin-primary-action-card > a:focus-visible[b-giidwd8q3l] {
            outline: 3px solid rgba(245, 50, 64, 0.16);
            outline-offset: 2px;
        }


/* =========================================================
   LOADING E ERRO
   ========================================================= */

.admin-state-card[b-giidwd8q3l] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 9px;
    min-height: 180px;
    padding: 28px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #d8dce1;
    border-radius: 13px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
    color: #707680;
    font-size: 13px;
}

    .admin-state-card.error[b-giidwd8q3l] {
        border-left: 3px solid #f53240;
    }

    .admin-state-card strong[b-giidwd8q3l] {
        color: #111318;
        font-size: 16px;
        font-weight: 900;
    }

    .admin-state-card span[b-giidwd8q3l] {
        color: #707680;
        line-height: 1.5;
    }

    .admin-state-card button[b-giidwd8q3l] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        margin-top: 8px;
        padding: 0 17px;
        background: #f53240;
        border: 1px solid #f53240;
        border-radius: 8px;
        color: #ffffff;
        font-family: inherit;
        font-size: 12px;
        font-weight: 800;
        cursor: pointer;
        transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

        .admin-state-card button:hover[b-giidwd8q3l] {
            background: #dc2634;
            border-color: #dc2634;
            transform: translateY(-1px);
        }

        .admin-state-card button:focus-visible[b-giidwd8q3l] {
            outline: 3px solid rgba(245, 50, 64, 0.16);
            outline-offset: 2px;
        }


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1000px) {
    .admin-dashboard-grid[b-giidwd8q3l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-dashboard-card:last-child[b-giidwd8q3l] {
        grid-column: 1 / -1;
    }
}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 700px) {
    .admin-page-header[b-giidwd8q3l] {
        margin-bottom: 22px;
    }

        .admin-page-header h1[b-giidwd8q3l] {
            font-size: 36px;
            letter-spacing: -1px;
        }

    .admin-dashboard-grid[b-giidwd8q3l] {
        grid-template-columns: 1fr;
    }

    .admin-dashboard-card:last-child[b-giidwd8q3l] {
        grid-column: auto;
    }

    .admin-dashboard-card[b-giidwd8q3l] {
        min-height: 135px;
        padding: 21px;
    }

    .admin-primary-action-card[b-giidwd8q3l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        padding: 24px;
    }

        .admin-primary-action-card > a[b-giidwd8q3l] {
            width: 100%;
        }
}


/* =========================================================
   RESPONSIVE — ECRÃ PEQUENO
   ========================================================= */

@media (max-width: 420px) {
    .admin-page-header h1[b-giidwd8q3l] {
        font-size: 32px;
    }

    .admin-dashboard-card[b-giidwd8q3l] {
        padding: 19px;
    }

        .admin-dashboard-card > strong[b-giidwd8q3l] {
            font-size: 34px;
        }

    .admin-primary-action-card[b-giidwd8q3l] {
        padding: 21px;
    }
}
/* /Components/Pages/Admin/AdminServices.razor.rz.scp.css */
/* =========================================================
   ADMIN SERVICES
   ========================================================= */


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

.admin-services-header[b-9nzix1xi42] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
}

.admin-services-eyebrow[b-9nzix1xi42] {
    display: block;
    margin-bottom: 8px;
    color: #f53240;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.admin-services-header h1[b-9nzix1xi42] {
    margin: 0;
    color: #111318;
    font-size: clamp(38px, 4vw, 52px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1.7px;
}

.admin-services-header p[b-9nzix1xi42] {
    max-width: 680px;
    margin: 11px 0 0;
    color: #707680;
    font-size: 14px;
    line-height: 1.5;
}

.admin-services-header-actions[b-9nzix1xi42] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    padding-top: 8px;
}


/* =========================================================
   MOSTRAR INATIVOS
   ========================================================= */

.admin-inactive-toggle[b-9nzix1xi42] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #d8dce1;
    border-radius: 8px;
    color: #606771;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
}

    .admin-inactive-toggle:hover[b-9nzix1xi42] {
        border-color: #b9bec5;
        color: #111318;
    }

    .admin-inactive-toggle input[b-9nzix1xi42] {
        width: 16px;
        height: 16px;
        margin: 0;
        accent-color: #f53240;
        cursor: pointer;
    }


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

.admin-primary-button[b-9nzix1xi42],
.admin-secondary-button[b-9nzix1xi42],
.admin-icon-button[b-9nzix1xi42],
.admin-status-button[b-9nzix1xi42],
.admin-services-state button[b-9nzix1xi42],
.admin-category-empty button[b-9nzix1xi42] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 8px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.admin-primary-button[b-9nzix1xi42] {
    min-height: 42px;
    background: #f53240;
    border: 1px solid #f53240;
    color: #ffffff;
}

    .admin-primary-button:hover:not(:disabled)[b-9nzix1xi42] {
        background: #dc2634;
        border-color: #dc2634;
        transform: translateY(-1px);
    }

.admin-secondary-button[b-9nzix1xi42],
.admin-icon-button[b-9nzix1xi42] {
    background: #ffffff;
    border: 1px solid #cfd3d8;
    color: #343940;
}

    .admin-secondary-button:hover:not(:disabled)[b-9nzix1xi42],
    .admin-icon-button:hover:not(:disabled)[b-9nzix1xi42] {
        background: #f4f5f7;
        border-color: #aeb4bb;
        color: #111318;
    }

    .admin-secondary-button.small[b-9nzix1xi42] {
        min-height: 36px;
        padding: 0 12px;
    }

.admin-icon-button[b-9nzix1xi42] {
    min-height: 36px;
    padding: 0 12px;
}

.admin-status-button[b-9nzix1xi42] {
    min-height: 36px;
    padding: 0 12px;
}

    .admin-status-button.deactivate[b-9nzix1xi42] {
        background: #ffffff;
        border: 1px solid #efb8bc;
        color: #cf2b37;
    }

        .admin-status-button.deactivate:hover:not(:disabled)[b-9nzix1xi42] {
            background: #fff0f1;
            border-color: #f53240;
        }

    .admin-status-button.activate[b-9nzix1xi42] {
        background: #edfbf3;
        border: 1px solid #a9dfc0;
        color: #157a43;
    }

        .admin-status-button.activate:hover:not(:disabled)[b-9nzix1xi42] {
            background: #ddf7e8;
            border-color: #6fc798;
        }

    .admin-primary-button:disabled[b-9nzix1xi42],
    .admin-secondary-button:disabled[b-9nzix1xi42],
    .admin-icon-button:disabled[b-9nzix1xi42],
    .admin-status-button:disabled[b-9nzix1xi42] {
        cursor: not-allowed;
        opacity: 0.55;
    }


/* =========================================================
   ESTADOS DA PÁGINA
   ========================================================= */

.admin-services-state[b-9nzix1xi42] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 9px;
    min-height: 190px;
    padding: 28px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #d8dce1;
    border-radius: 13px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
    color: #707680;
    font-size: 13px;
}

    .admin-services-state.error[b-9nzix1xi42] {
        border-left: 3px solid #f53240;
    }

    .admin-services-state strong[b-9nzix1xi42] {
        color: #111318;
        font-size: 16px;
        font-weight: 900;
    }

    .admin-services-state span[b-9nzix1xi42] {
        color: #707680;
        line-height: 1.5;
    }

    .admin-services-state button[b-9nzix1xi42],
    .admin-category-empty button[b-9nzix1xi42] {
        margin-top: 8px;
        background: #f53240;
        border: 1px solid #f53240;
        color: #ffffff;
    }

        .admin-services-state button:hover[b-9nzix1xi42],
        .admin-category-empty button:hover[b-9nzix1xi42] {
            background: #dc2634;
            border-color: #dc2634;
        }


/* =========================================================
   LISTA DE CATEGORIAS
   ========================================================= */

.admin-category-list[b-9nzix1xi42] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.admin-category-card[b-9nzix1xi42] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d8dce1;
    border-left: 3px solid #f53240;
    border-radius: 13px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

    .admin-category-card.inactive[b-9nzix1xi42] {
        border-left-color: #aeb3ba;
        opacity: 0.72;
    }

.admin-category-header[b-9nzix1xi42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 92px;
    padding: 20px 22px;
    box-sizing: border-box;
    background: #ffffff;
    border-bottom: 1px solid #e3e5e8;
}

.admin-category-title[b-9nzix1xi42],
.admin-service-title[b-9nzix1xi42],
.admin-subservice-name[b-9nzix1xi42] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
}

    .admin-category-title > div[b-9nzix1xi42],
    .admin-service-title > div[b-9nzix1xi42] {
        min-width: 0;
    }

.admin-level-label[b-9nzix1xi42] {
    display: block;
    margin-bottom: 5px;
    color: #7a8088;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.admin-category-title h2[b-9nzix1xi42] {
    margin: 0;
    overflow: hidden;
    color: #111318;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   ORDEM
   ========================================================= */

.admin-sort-order[b-9nzix1xi42] {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #fff0f1;
    border: 1px solid #f2c4c8;
    border-radius: 9px;
    color: #f53240;
    font-size: 13px;
    font-weight: 900;
}

    .admin-sort-order.small[b-9nzix1xi42] {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        border-radius: 7px;
        font-size: 11px;
    }

    .admin-sort-order.tiny[b-9nzix1xi42] {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
        border-radius: 6px;
        font-size: 10px;
    }


/* =========================================================
   AÇÕES DOS ELEMENTOS
   ========================================================= */

.admin-item-actions[b-9nzix1xi42] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}


/* =========================================================
   ESTADOS ATIVO / INATIVO
   ========================================================= */

.admin-status[b-9nzix1xi42] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    white-space: nowrap;
}

    .admin-status.active[b-9nzix1xi42] {
        background: #e9f9f0;
        border: 1px solid #b8e5ca;
        color: #19864c;
    }

    .admin-status.inactive[b-9nzix1xi42] {
        background: #f0f1f2;
        border: 1px solid #d5d8dc;
        color: #7b8188;
    }


/* =========================================================
   CATEGORIA SEM SERVIÇOS
   ========================================================= */

.admin-category-empty[b-9nzix1xi42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px;
    color: #707680;
    font-size: 12px;
}


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

.admin-service-list[b-9nzix1xi42] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: #f5f6f8;
}

.admin-service-card[b-9nzix1xi42] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce0e4;
    border-radius: 11px;
}

    .admin-service-card.inactive[b-9nzix1xi42] {
        opacity: 0.68;
    }

.admin-service-header[b-9nzix1xi42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    min-height: 76px;
    padding: 16px 18px;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e8eb;
}

.admin-service-title h3[b-9nzix1xi42] {
    margin: 0;
    overflow: hidden;
    color: #16191d;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   SUBSERVIÇOS
   ========================================================= */

.admin-subservice-list[b-9nzix1xi42] {
    display: flex;
    flex-direction: column;
}

.admin-subservice-row[b-9nzix1xi42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 62px;
    padding: 12px 18px;
    box-sizing: border-box;
    border-bottom: 1px solid #eceef0;
    background: #ffffff;
}

    .admin-subservice-row:last-child[b-9nzix1xi42] {
        border-bottom: 0;
    }

    .admin-subservice-row:hover[b-9nzix1xi42] {
        background: #fafafb;
    }

    .admin-subservice-row.inactive[b-9nzix1xi42] {
        background: #f8f8f9;
        opacity: 0.65;
    }

.admin-subservice-name strong[b-9nzix1xi42] {
    overflow: hidden;
    color: #30353b;
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-subservice-empty[b-9nzix1xi42] {
    padding: 17px 18px;
    color: #858b92;
    font-size: 12px;
}


/* =========================================================
   MODAL
   ========================================================= */

.admin-editor-backdrop[b-9nzix1xi42] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 24px;
    box-sizing: border-box;
    background: rgba(17, 19, 23, 0.62);
    backdrop-filter: blur(5px);
}

.admin-editor-modal[b-9nzix1xi42] {
    width: min(100%, 520px);
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d8dce1;
    border-radius: 15px;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.3);
}

.admin-editor-header[b-9nzix1xi42] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 25px 28px 21px;
    border-bottom: 1px solid #e2e4e7;
}

    .admin-editor-header h2[b-9nzix1xi42] {
        margin: 0;
        color: #111318;
        font-size: 25px;
        font-weight: 900;
        line-height: 1.15;
    }

.admin-editor-close[b-9nzix1xi42] {
    display: inline-grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    background: #ffffff;
    border: 1px solid #cdd1d6;
    border-radius: 8px;
    color: #33383e;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

    .admin-editor-close:hover:not(:disabled)[b-9nzix1xi42] {
        background: #f3f4f6;
        border-color: #adb2b8;
    }

    .admin-editor-close:disabled[b-9nzix1xi42] {
        cursor: not-allowed;
        opacity: 0.5;
    }

.admin-editor-body[b-9nzix1xi42] {
    display: flex;
    flex-direction: column;
    gap: 19px;
    padding: 25px 28px;
}

.admin-form-field[b-9nzix1xi42] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .admin-form-field label[b-9nzix1xi42] {
        color: #69707a;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.3px;
        text-transform: uppercase;
    }

    .admin-form-field input[b-9nzix1xi42],
    .admin-form-field select[b-9nzix1xi42] {
        width: 100%;
        min-height: 48px;
        padding: 0 14px;
        box-sizing: border-box;
        background: #ffffff;
        border: 1px solid #cdd2d8;
        border-radius: 9px;
        color: #15181c;
        font-family: inherit;
        font-size: 14px;
        outline: none;
    }

        .admin-form-field input:hover[b-9nzix1xi42],
        .admin-form-field select:hover[b-9nzix1xi42] {
            border-color: #aeb4bb;
        }

        .admin-form-field input:focus[b-9nzix1xi42],
        .admin-form-field select:focus[b-9nzix1xi42] {
            border-color: #f53240;
            box-shadow: 0 0 0 3px rgba(245, 50, 64, 0.12);
        }

        .admin-form-field input[b-9nzix1xi42]::placeholder {
            color: #a1a7ae;
        }

    .admin-form-field small[b-9nzix1xi42] {
        color: #858b92;
        font-size: 11px;
        line-height: 1.4;
    }

.admin-editor-error[b-9nzix1xi42] {
    padding: 12px 14px;
    background: #fff0f1;
    border: 1px solid #f1c1c5;
    border-radius: 8px;
    color: #c42b36;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}

.admin-editor-actions[b-9nzix1xi42] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 19px 28px;
    background: #fafafb;
    border-top: 1px solid #e2e4e7;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1050px) {
    .admin-services-header[b-9nzix1xi42] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-services-header-actions[b-9nzix1xi42] {
        justify-content: space-between;
        padding-top: 0;
    }

    .admin-category-header[b-9nzix1xi42],
    .admin-service-header[b-9nzix1xi42] {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-item-actions[b-9nzix1xi42] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 700px) {
    .admin-services-header h1[b-9nzix1xi42] {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .admin-services-header-actions[b-9nzix1xi42] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-primary-button[b-9nzix1xi42],
    .admin-inactive-toggle[b-9nzix1xi42] {
        width: 100%;
    }

    .admin-category-header[b-9nzix1xi42] {
        padding: 18px;
    }

    .admin-service-list[b-9nzix1xi42] {
        padding: 11px;
    }

    .admin-service-header[b-9nzix1xi42] {
        padding: 15px;
    }

    .admin-category-title[b-9nzix1xi42],
    .admin-service-title[b-9nzix1xi42] {
        align-items: flex-start;
    }

    .admin-subservice-row[b-9nzix1xi42] {
        align-items: flex-start;
        flex-direction: column;
        padding: 14px 15px;
    }

        .admin-subservice-row .admin-item-actions[b-9nzix1xi42] {
            padding-left: 42px;
        }

    .admin-category-empty[b-9nzix1xi42] {
        align-items: flex-start;
        flex-direction: column;
    }

        .admin-category-empty button[b-9nzix1xi42] {
            width: 100%;
        }

    .admin-editor-backdrop[b-9nzix1xi42] {
        align-items: end;
        padding: 12px;
    }

    .admin-editor-modal[b-9nzix1xi42] {
        width: 100%;
        max-height: calc(100dvh - 24px);
        overflow-y: auto;
    }

    .admin-editor-header[b-9nzix1xi42] {
        padding: 21px 20px 18px;
    }

    .admin-editor-body[b-9nzix1xi42] {
        padding: 21px 20px;
    }

    .admin-editor-actions[b-9nzix1xi42] {
        padding: 17px 20px;
    }

        .admin-editor-actions > button[b-9nzix1xi42] {
            flex: 1;
        }
}


/* =========================================================
   RESPONSIVE — ECRÃ PEQUENO
   ========================================================= */

@media (max-width: 430px) {
    .admin-services-header h1[b-9nzix1xi42] {
        font-size: 32px;
    }

    .admin-item-actions[b-9nzix1xi42] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .admin-item-actions .admin-status[b-9nzix1xi42] {
            grid-column: 1 / -1;
            justify-self: start;
        }

        .admin-item-actions button[b-9nzix1xi42] {
            width: 100%;
        }

    .admin-subservice-row .admin-item-actions[b-9nzix1xi42] {
        padding-left: 0;
    }

    .admin-editor-actions[b-9nzix1xi42] {
        flex-direction: column-reverse;
    }

        .admin-editor-actions > button[b-9nzix1xi42] {
            width: 100%;
        }
}
.admin-permanent-delete-button[b-9nzix1xi42] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    box-sizing: border-box;
    background: #c51f2c;
    border: 1px solid #c51f2c;
    border-radius: 8px;
    color: #ffffff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

    .admin-permanent-delete-button:hover[b-9nzix1xi42] {
        background: #a91823;
        border-color: #a91823;
        transform: translateY(-1px);
    }

    .admin-permanent-delete-button:focus-visible[b-9nzix1xi42] {
        outline: 3px solid rgba(197, 31, 44, 0.18);
        outline-offset: 2px;
    }
/* /Components/Pages/Admin/AdminWorkshops.razor.rz.scp.css */
/* =========================================================
   ADMIN WORKSHOPS
   ========================================================= */


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

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

.admin-workshops-eyebrow[b-bb0en5wqri] {
    display: block;
    margin-bottom: 8px;
    color: #f53240;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.admin-workshops-header h1[b-bb0en5wqri] {
    margin: 0;
    color: #111318;
    font-size: clamp(38px, 4vw, 52px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1.7px;
}

.admin-workshops-header p[b-bb0en5wqri] {
    max-width: 680px;
    margin: 11px 0 0;
    color: #707680;
    font-size: 14px;
    line-height: 1.5;
}

.admin-workshops-header-actions[b-bb0en5wqri] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    padding-top: 8px;
}


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

.admin-primary-button[b-bb0en5wqri],
.admin-secondary-button[b-bb0en5wqri],
.admin-edit-button[b-bb0en5wqri],
.admin-delete-button[b-bb0en5wqri],
.admin-workshops-state button[b-bb0en5wqri] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    box-sizing: border-box;
    padding: 0 15px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.admin-primary-button[b-bb0en5wqri] {
    min-height: 42px;
    border: 1px solid #f53240;
    background: #f53240;
    color: #ffffff;
}

    .admin-primary-button:hover:not(:disabled)[b-bb0en5wqri] {
        border-color: #dc2634;
        background: #dc2634;
        transform: translateY(-1px);
    }

.admin-secondary-button[b-bb0en5wqri],
.admin-edit-button[b-bb0en5wqri] {
    border: 1px solid #cfd3d8;
    background: #ffffff;
    color: #343940;
}

    .admin-secondary-button:hover:not(:disabled)[b-bb0en5wqri],
    .admin-edit-button:hover:not(:disabled)[b-bb0en5wqri] {
        border-color: #aeb4bb;
        background: #f4f5f7;
        color: #111318;
    }

.admin-delete-button[b-bb0en5wqri] {
    border: 1px solid #efb8bc;
    background: #ffffff;
    color: #cf2b37;
}

    .admin-delete-button:hover:not(:disabled)[b-bb0en5wqri] {
        border-color: #f53240;
        background: #fff0f1;
    }

    .admin-primary-button:disabled[b-bb0en5wqri],
    .admin-secondary-button:disabled[b-bb0en5wqri],
    .admin-edit-button:disabled[b-bb0en5wqri],
    .admin-delete-button:disabled[b-bb0en5wqri] {
        cursor: not-allowed;
        opacity: 0.55;
    }


/* =========================================================
   FILTRO DE INATIVAS
   ========================================================= */

.admin-inactive-toggle[b-bb0en5wqri] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    box-sizing: border-box;
    padding: 0 14px;
    border: 1px solid #d8dce1;
    border-radius: 8px;
    background: #ffffff;
    color: #606771;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
}

    .admin-inactive-toggle:hover[b-bb0en5wqri] {
        border-color: #b9bec5;
        color: #111318;
    }

    .admin-inactive-toggle input[b-bb0en5wqri] {
        width: 16px;
        height: 16px;
        margin: 0;
        accent-color: #f53240;
        cursor: pointer;
    }


/* =========================================================
   PESQUISA
   ========================================================= */

.admin-workshops-toolbar[b-bb0en5wqri] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.admin-search-field[b-bb0en5wqri] {
    display: flex;
    width: min(100%, 420px);
    flex-direction: column;
    gap: 7px;
}

    .admin-search-field span[b-bb0en5wqri] {
        color: #737983;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.3px;
        text-transform: uppercase;
    }

    .admin-search-field input[b-bb0en5wqri] {
        width: 100%;
        min-height: 44px;
        box-sizing: border-box;
        padding: 0 14px;
        border: 1px solid #d8dce1;
        border-radius: 8px;
        outline: none;
        background: #ffffff;
        color: #111318;
        font-family: inherit;
        font-size: 13px;
    }

        .admin-search-field input:focus[b-bb0en5wqri] {
            border-color: #f53240;
            box-shadow: 0 0 0 3px rgba(245, 50, 64, 0.09);
        }

        .admin-search-field input[b-bb0en5wqri]::placeholder {
            color: #9a9fa7;
        }

.admin-results-count[b-bb0en5wqri] {
    flex: 0 0 auto;
    padding-bottom: 13px;
    color: #777d86;
    font-size: 12px;
    font-weight: 700;
}


/* =========================================================
   AVISOS DA PÁGINA
   ========================================================= */

.admin-page-notice[b-bb0en5wqri] {
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid #b8e5ca;
    border-left: 3px solid #19864c;
    border-radius: 8px;
    background: #e9f9f0;
    color: #157a43;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}


/* =========================================================
   ESTADOS DA PÁGINA
   ========================================================= */

.admin-workshops-state[b-bb0en5wqri] {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 9px;
    box-sizing: border-box;
    padding: 28px;
    border: 1px solid #d8dce1;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
    color: #707680;
    font-size: 13px;
}

    .admin-workshops-state.error[b-bb0en5wqri] {
        border-left: 3px solid #f53240;
    }

    .admin-workshops-state strong[b-bb0en5wqri] {
        color: #111318;
        font-size: 16px;
        font-weight: 900;
    }

    .admin-workshops-state span[b-bb0en5wqri] {
        color: #707680;
        line-height: 1.5;
    }

    .admin-workshops-state button[b-bb0en5wqri] {
        margin-top: 8px;
        border: 1px solid #f53240;
        background: #f53240;
        color: #ffffff;
    }


/* =========================================================
   TABELA
   ========================================================= */

.admin-workshops-table-card[b-bb0en5wqri] {
    overflow: hidden;
    border: 1px solid #d8dce1;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

.admin-workshops-table-scroll[b-bb0en5wqri] {
    width: 100%;
    overflow-x: auto;
}

.admin-workshops-table[b-bb0en5wqri] {
    width: 100%;
    min-width: 990px;
    border-collapse: collapse;
}

    .admin-workshops-table th[b-bb0en5wqri],
    .admin-workshops-table td[b-bb0en5wqri] {
        padding: 16px 18px;
        border-bottom: 1px solid #e5e7ea;
        text-align: left;
        vertical-align: middle;
    }

    .admin-workshops-table th[b-bb0en5wqri] {
        background: #f6f7f8;
        color: #747a83;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.1px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .admin-workshops-table td[b-bb0en5wqri] {
        color: #4f555e;
        font-size: 12px;
        line-height: 1.4;
    }

    .admin-workshops-table tbody tr:last-child td[b-bb0en5wqri] {
        border-bottom: 0;
    }

    .admin-workshops-table tbody tr[b-bb0en5wqri] {
        transition: background-color 0.18s ease, opacity 0.18s ease;
    }

        .admin-workshops-table tbody tr:hover[b-bb0en5wqri] {
            background: #fafafb;
        }

        .admin-workshops-table tbody tr.inactive[b-bb0en5wqri] {
            opacity: 0.67;
        }

    .admin-workshops-table .actions-column[b-bb0en5wqri] {
        text-align: right;
    }

.admin-workshop-name[b-bb0en5wqri],
.admin-workshop-contact[b-bb0en5wqri] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

    .admin-workshop-name strong[b-bb0en5wqri],
    .admin-workshop-contact strong[b-bb0en5wqri] {
        overflow: hidden;
        color: #111318;
        font-size: 12px;
        font-weight: 900;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-workshop-name span[b-bb0en5wqri],
    .admin-workshop-contact span[b-bb0en5wqri] {
        overflow: hidden;
        max-width: 230px;
        color: #7b8189;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.admin-row-actions[b-bb0en5wqri] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}


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

.admin-status[b-bb0en5wqri] {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    white-space: nowrap;
}

    .admin-status.active[b-bb0en5wqri] {
        border: 1px solid #b8e5ca;
        background: #e9f9f0;
        color: #19864c;
    }

    .admin-status.inactive[b-bb0en5wqri] {
        border: 1px solid #d5d8dc;
        background: #f0f1f2;
        color: #7b8188;
    }


/* =========================================================
   EDITOR
   ========================================================= */

.admin-editor-backdrop[b-bb0en5wqri] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 28px;
    background: rgba(17, 19, 24, 0.72);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.admin-editor-modal[b-bb0en5wqri] {
    display: flex;
    width: min(100%, 880px);
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d5d9de;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.admin-editor-header[b-bb0en5wqri] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 23px 25px;
    border-bottom: 1px solid #e2e5e8;
}

    .admin-editor-header h2[b-bb0en5wqri] {
        margin: 0;
        color: #111318;
        font-size: 23px;
        font-weight: 900;
        letter-spacing: -0.5px;
    }

.admin-editor-close[b-bb0en5wqri] {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #d5d9de;
    border-radius: 8px;
    background: #ffffff;
    color: #686f78;
    font-family: inherit;
    font-size: 22px;
    cursor: pointer;
}

    .admin-editor-close:hover:not(:disabled)[b-bb0en5wqri] {
        border-color: #f53240;
        background: #fff0f1;
        color: #f53240;
    }

    .admin-editor-close:disabled[b-bb0en5wqri] {
        cursor: not-allowed;
        opacity: 0.5;
    }

.admin-editor-body[b-bb0en5wqri] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    gap: 22px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 24px 25px;
}


/* =========================================================
   FORMULÁRIO
   ========================================================= */

.admin-form-section[b-bb0en5wqri] {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e6e9;
}

    .admin-form-section:last-of-type[b-bb0en5wqri] {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .admin-form-section h3[b-bb0en5wqri] {
        margin: 0 0 15px;
        color: #272b31;
        font-size: 13px;
        font-weight: 900;
    }

.admin-form-grid[b-bb0en5wqri] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.admin-form-field[b-bb0en5wqri] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
}

    .admin-form-field.wide[b-bb0en5wqri] {
        grid-column: 1 / -1;
    }

    .admin-form-field > span[b-bb0en5wqri] {
        color: #737983;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.1px;
    }

    .admin-form-field input[b-bb0en5wqri],
    .admin-form-field select[b-bb0en5wqri] {
        width: 100%;
        min-height: 43px;
        box-sizing: border-box;
        padding: 0 12px;
        border: 1px solid #d3d7dc;
        border-radius: 8px;
        outline: none;
        background: #ffffff;
        color: #20242a;
        font-family: inherit;
        font-size: 12px;
    }

        .admin-form-field input:focus[b-bb0en5wqri],
        .admin-form-field select:focus[b-bb0en5wqri] {
            border-color: #f53240;
            box-shadow: 0 0 0 3px rgba(245, 50, 64, 0.09);
        }


/* =========================================================
   OPÇÕES
   ========================================================= */

.admin-options-section[b-bb0en5wqri] {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.admin-checkbox-option[b-bb0en5wqri] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px 14px;
    border: 1px solid #d9dde1;
    border-radius: 9px;
    background: #fafafb;
    cursor: pointer;
}

    .admin-checkbox-option input[b-bb0en5wqri] {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        margin: 1px 0 0;
        accent-color: #f53240;
        cursor: pointer;
    }

    .admin-checkbox-option > span[b-bb0en5wqri] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .admin-checkbox-option strong[b-bb0en5wqri] {
        color: #292e34;
        font-size: 12px;
        font-weight: 900;
    }

    .admin-checkbox-option small[b-bb0en5wqri] {
        color: #777d85;
        font-size: 11px;
        line-height: 1.45;
    }

.admin-subscription-options[b-bb0en5wqri] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    padding: 15px;
    border: 1px solid #d9dde1;
    border-radius: 9px;
    background: #f7f8f9;
}

.admin-subscription-summary[b-bb0en5wqri] {
    padding: 12px 14px;
    border: 1px solid #c9dced;
    border-radius: 8px;
    background: #f0f7fd;
    color: #275d88;
    font-size: 12px;
    line-height: 1.45;
}

    .admin-subscription-summary strong[b-bb0en5wqri] {
        font-weight: 900;
    }

.admin-subscription-warning[b-bb0en5wqri] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 13px 14px;
    border: 1px solid #efb8bc;
    border-left: 3px solid #f53240;
    border-radius: 8px;
    background: #fff0f1;
    color: #7e242c;
    font-size: 12px;
    line-height: 1.5;
}

    .admin-subscription-warning strong[b-bb0en5wqri] {
        color: #cf2b37;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }


/* =========================================================
   ERRO DO EDITOR
   ========================================================= */

.admin-editor-error[b-bb0en5wqri] {
    padding: 13px 14px;
    border: 1px solid #efb8bc;
    border-left: 3px solid #f53240;
    border-radius: 8px;
    background: #fff0f1;
    color: #a52c35;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}


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

.admin-editor-actions[b-bb0en5wqri] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px 25px;
    border-top: 1px solid #e2e5e8;
    background: #fafafb;
}


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

@media (max-width: 1050px) {
    .admin-workshops-header[b-bb0en5wqri] {
        flex-direction: column;
    }

    .admin-workshops-header-actions[b-bb0en5wqri] {
        width: 100%;
        justify-content: space-between;
        padding-top: 0;
    }
}

@media (max-width: 720px) {
    .admin-workshops-header h1[b-bb0en5wqri] {
        font-size: 36px;
    }

    .admin-workshops-header-actions[b-bb0en5wqri],
    .admin-workshops-toolbar[b-bb0en5wqri] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-inactive-toggle[b-bb0en5wqri],
    .admin-primary-button[b-bb0en5wqri] {
        width: 100%;
    }

    .admin-search-field[b-bb0en5wqri] {
        width: 100%;
    }

    .admin-results-count[b-bb0en5wqri] {
        padding-bottom: 0;
    }

    .admin-editor-backdrop[b-bb0en5wqri] {
        align-items: flex-end;
        padding: 0;
    }

    .admin-editor-modal[b-bb0en5wqri] {
        max-height: 94vh;
        max-height: 94dvh;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 18px 18px 0 0;
    }

    .admin-editor-header[b-bb0en5wqri],
    .admin-editor-body[b-bb0en5wqri],
    .admin-editor-actions[b-bb0en5wqri] {
        padding-right: 18px;
        padding-left: 18px;
    }

    .admin-form-grid[b-bb0en5wqri],
    .admin-subscription-options[b-bb0en5wqri] {
        grid-template-columns: 1fr;
    }

    .admin-editor-actions[b-bb0en5wqri] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
/* /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: #17191c;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.schedule-header p[b-tn67yxscgk] {
    margin: 8px 0 0;
    color: #737980;
    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: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 16px;
    color: #6f757d;
    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: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 14px;
}

    .schedule-toolbar > strong[b-tn67yxscgk] {
        min-width: 180px;
        color: #17191c;
        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: #f4f5f6;
        border: 1px solid #383a3d;
        border-radius: 9px;
        color: #17191c;
        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: #dfe2e5;
            border-color: #b4b9bf;
        }

    .schedule-toolbar .schedule-today-button[b-tn67yxscgk] {
        min-width: auto;
        margin-left: auto;
        padding: 0 18px;
        color: #17191c;
        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: #d4d7db;
    border: 1px solid #d4d7db;
    border-radius: 16px;
    gap: 1px;
}


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

.schedule-weekday[b-tn67yxscgk] {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    background: #ffffff;
    color: #737980;
    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: #ffffff;
    transition: background 0.15s ease;
}

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

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

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

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


/* =========================================================
   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: #6f757d;
    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: #f1f2f4;
    border: 1px solid #383a3d;
    border-radius: 9px;
    color: #17191c;
    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: #dfe2e5;
        border-color: #b4b9bf;
        transform: translateY(-1px);
    }

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

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

    .schedule-item small[b-tn67yxscgk] {
        display: block;
        width: 100%;
        overflow: hidden;
        color: #737980;
        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: #b4b9bf;
        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: #17191c;
    }

/* =========================================================
   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: #ffffff;
    border: 1px solid #d4d7db;
    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 #d4d7db;
}

.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: #17191c;
    font-size: 24px;
    font-weight: 800;
}

.schedule-modal-close[b-tn67yxscgk] {
    width: 38px;
    height: 38px;
    background: #f4f5f6;
    border: 1px solid #383a3d;
    border-radius: 9px;
    color: #17191c;
    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: #f4f5f6;
    border: 1px solid #d4d7db;
    border-radius: 14px;
}

.schedule-modal-time[b-tn67yxscgk] {
    color: #17191c;
    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: #17191c;
        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: #dfe2e5;
        border: 1px solid #383a3d;
        border-radius: 7px;
        color: #6f757d;
        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: #17191c;
        font-size: 13px;
    }

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

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

.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: #3f444b;
        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: #dfe2e5;
    border: 1px solid #383a3d;
    color: #737980;
}

@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 #d4d7db;
}

.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: #f1f2f4;
    border: 1px solid #383a3d;
    border-radius: 9px;
    color: #343940;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

    .schedule-modal-action:hover[b-tn67yxscgk] {
        background: #dfe2e5;
        border-color: #b4b9bf;
        color: #17191c;
    }

.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% ), #f7f8fa;
}
    /* 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: #17191c;
    text-decoration: none;
    z-index: 2;
}

    .revision-auth-brand img[b-fs1xn636cm] {
        width: 54px;
        height: 54px;
        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 #dfe2e5;
    border-radius: 20px;
    box-shadow: 0 30px 100px rgba(17, 24, 39, .12), 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: #17191c;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -1px;
}

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

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

    .revision-field label[b-fs1xn636cm] {
        display: block;
        margin-bottom: 9px;
        color: #42474e;
        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: #fafafa !important;
    color: #17191c !important;
    border: 1px solid #d7dade !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: #7b8086 !important;
        opacity: 1;
    }

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

    [b-fs1xn636cm] .revision-input:focus {
        background: #ffffff !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: #686e75;
    font-size: 13px;
}

    .revision-auth-register a[b-fs1xn636cm] {
        margin-left: 4px;
        color: #17191c;
        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: #656b72;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.2s ease;
}

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

/* 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] {
            width: 46px;
            height: 46px;
        }

    .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: #737980;
    font-size: 12px;
    line-height: 1.5;
}

.revision-auth-card input:disabled[b-fs1xn636cm] {
    background: #151719;
    border-color: #2f3133;
    color: #737980;
    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% ), #f7f8fa;
    color: #17191c;
}

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

    .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: #17191c;
    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: #656b72d75;
    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: #555b63;
    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: #17191c;
    background: transparent;
    border: 1px solid #cfd3d7;
}

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

.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, #f7f8fa, #f7f8fa );
    border: 7px solid #e2e4e7;
    border-radius: 42px;
    box-shadow: 0 40px 80px rgba(17, 24, 39, .12);
    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: #ffffff;
    }

.revision-phone-top[b-880ijcijei] {
    margin-top: 18px;
    padding: 14px 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #17191c;
    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: #686e75;
    }

    .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, #f4f5f6, #ffffff );
    border: 1px solid #d7dade;
    border-radius: 14px;
}

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

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

    .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: #ffffff;
        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: #686e75;
        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: #17191c;
        font-size: 14px;
    }


/* =========================================================
   DOWNLOAD
   ========================================================= */

.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: #686e75;
    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: 180px;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 11px;
    box-sizing: border-box;
    padding: 9px 14px;
    background: #f7f8fa;
    border: 1px solid #343434;
    border-radius: 10px;
    color: #17191c;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease;
}

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

.client-store-button-disabled[b-880ijcijei] {
    cursor: default;
    opacity: .58;
    background: #ffffff;
    border-color: #dfe2e5;
}

.client-store-icon[b-880ijcijei] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #17191c;
}

    .client-store-icon svg[b-880ijcijei] {
        display: block;
        width: 26px;
        height: 26px;
    }

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

.client-store-button small[b-880ijcijei] {
    color: #737980;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .2px;
}

.client-store-button strong[b-880ijcijei] {
    margin-top: 4px;
    color: #17191c;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

.client-store-button-disabled strong[b-880ijcijei] {
    color: #42474e;
}


/* =========================================================
   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] {
        margin: 0 auto;
        text-align: center;
    }

    .revision-client-features[b-880ijcijei],
    .revision-client-actions[b-880ijcijei],
    .client-store-links[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%;
        }

    .client-store-links[b-880ijcijei] {
        flex-direction: column;
    }

    .client-store-button[b-880ijcijei] {
        width: 100%;
    }

    .revision-phone[b-880ijcijei] {
        width: 245px;
        min-height: 470px;
    }
}
/* /Components/Pages/ClienteDetalhe.razor.rz.scp.css */
.customer-detail-page[b-n75up3q765] {
    width: 100%;
    padding: 0 0 48px;
    color: #17191c;
}

/* =========================================================
   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: #6f757d;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: color .16s ease;
}

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

.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: #17191c;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.7px;
}

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

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

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

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

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

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

.detail-card[b-n75up3q765] {
    border: 1px solid #d4d7db;
    border-radius: 13px;
    background: linear-gradient( 145deg, #ffffff 0%, #f5f6f7 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: #17191c;
    font-size: 17px;
    font-weight: 800;
}

.section-heading p[b-n75up3q765] {
    margin: 6px 0 0;
    color: #737980;
    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: #f1f2f4;
    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: #17191c;
        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 #d4d7db;
    border-radius: 10px;
    background: linear-gradient( 90deg, #f4f5f6 0%, #f4f5f6 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: #b4b9bf;
        background: linear-gradient( 90deg, #f1f2f4 0%, #f1f2f4 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 #b4b9bf;
    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: #17191c;
        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: #737980;
    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 #b4b9bf;
    border-radius: 8px;
    background: #dfe2e5;
    color: #17191c;
    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 #c9cdd2;
    border-radius: 50%;
    background: #f1f2f4;
    color: #737980;
    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: #17191c;
    font-size: 14px;
    font-weight: 800;
}

.vehicles-empty span[b-n75up3q765] {
    color: #737980;
    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 #d4d7db;
    border-radius: 12px;
    background: #ffffff;
    color: #6f757d;
    font-size: 14px;
}

    .detail-state.error strong[b-n75up3q765] {
        color: #17191c;
        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: #17191c;
}

/* Contador coerente com as restantes listas do CRM. */
.customers-counter[b-e1ng0gbm7s] {
    background: #ffffff;
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.customers-counter span[b-e1ng0gbm7s] { color: #737980; }
.customers-counter strong[b-e1ng0gbm7s] { color: #17191c; }

.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: #17191c;
    }

    .customers-header p[b-e1ng0gbm7s] {
        margin: 0;
        max-width: 650px;
        color: #6f757d;
        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 #d4d7db;
    border-radius: 12px;
    background: linear-gradient( 145deg, #f4f5f6 0%, #1a1c1e 100% );
    text-align: right;
}

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

    .customers-counter strong[b-e1ng0gbm7s] {
        display: block;
        color: #17191c;
        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 #d4d7db;
    border-radius: 12px;
    background: #ffffff;
}

    .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: #f1f2f4;
        color: #17191c;
        font-family: inherit;
        font-size: 14px;
        transition: border-color .16s ease, background .16s ease;
    }

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

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

    .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 #d4d7db;
    border-radius: 12px;
    background: linear-gradient( 90deg, #ffffff 0%, #ffffff 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: #b4b9bf;
        background: linear-gradient( 90deg, #f7f8fa 0%, #f7f8fa 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: #17191c;
    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: #6f757d;
    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 #b4b9bf;
        border-radius: 8px;
        background: #f1f2f4;
        color: #17191c;
        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: #17191c;
        }

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

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

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

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

    .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 #c9cdd2;
    border-radius: 50%;
    background: #f1f2f4;
    color: #737980;
    font-size: 18px;
    font-weight: 800;
}

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

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

.customers-empty div span[b-e1ng0gbm7s] {
    color: #737980;
    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;
    }
}

/* CONTADOR CLARO PADRÃO CRM */
.customers-counter[b-e1ng0gbm7s] {
    background: #fff;
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17,24,39,.06);
}
.customers-counter span[b-e1ng0gbm7s] { color: #737980; }
.customers-counter strong[b-e1ng0gbm7s] { color: #17191c; }
/* /Components/Pages/Creditos.razor.rz.scp.css */
.credits-page[b-axuz5t2fk0] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 8px 0 48px;
    color: #17191c;
}

/* 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: #17191c;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.03em;
}

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

/* SALDO */

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

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

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

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

/* LOADING / ERROR */

.credits-loading[b-axuz5t2fk0],
.credits-error[b-axuz5t2fk0] {
    padding: 28px;
    border: 1px solid #d4d7db;
    border-radius: 10px;
    background: #ffffff;
    color: #6f757d;
}

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

    .credits-error strong[b-axuz5t2fk0] {
        color: #17191c;
        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 #b4b9bf;
        border-radius: 7px;
        background: #f1f2f4;
        color: #17191c;
        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: #17191c;
        font-size: 21px;
        font-weight: 800;
    }

    .section-heading > p[b-axuz5t2fk0] {
        max-width: 400px;
        margin: 0;
        color: #737980;
        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 #d4d7db;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

    .credit-package:hover[b-axuz5t2fk0] {
        transform: translateY(-2px);
        border-color: #b4b9bf;
        background: #f7f8fa;
    }

    .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, #ffffff 0%, #ffffff 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: #737980;
    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: #17191c;
        font-size: 34px;
        font-weight: 900;
        letter-spacing: -.04em;
    }

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

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

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

.package-select-button[b-axuz5t2fk0] {
    width: 100%;
    min-height: 42px;
    margin-top: 20px;
    border: 1px solid #b4b9bf;
    border-radius: 8px;
    background: #f1f2f4;
    color: #17191c;
    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 #d4d7db;
    border-radius: 12px;
    background: #ffffff;
}

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

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

    .payment-total strong[b-axuz5t2fk0] {
        color: #17191c;
        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 #d4d7db;
    border-radius: 9px;
    background: #f4f5f6;
    color: #17191c;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

    .payment-method:hover[b-axuz5t2fk0] {
        border-color: #b4b9bf;
        background: #f1f2f4;
    }

    .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 #b4b9bf;
    border-radius: 7px;
    background: #dfe2e5;
    color: #17191c;
    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: #737980;
    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: #555b63;
        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 #c9cdd2;
        border-radius: 7px;
        background: #f1f2f4;
        color: #17191c;
        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: #737980;
        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 #d4d7db;
}

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

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

    .payment-footer strong[b-axuz5t2fk0] {
        color: #17191c;
        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 #b4b9bf;
        background: #f1f2f4;
        color: #555b63;
    }

/* 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 #c9cdd2;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 24px 80px rgba(17, 24, 39, .12);
}

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

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

.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: #17191c;
    font-size: 23px;
    font-weight: 800;
}

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

/* MULTIBANCO */

.multibanco-details[b-axuz5t2fk0] {
    overflow: hidden;
    border: 1px solid #d4d7db;
    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 #d4d7db;
        background: #f4f5f6;
    }

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

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

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

.payment-waiting[b-axuz5t2fk0] {
    display: block;
    margin-top: 13px;
    color: #737980;
    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 #d4d7db;
    border-radius: 9px;
    background: #f4f5f6;
}

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

    .mbway-waiting strong[b-axuz5t2fk0] {
        color: #17191c;
        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: #17191c;
        font-size: clamp(30px, 3vw, 42px);
        font-weight: 900;
        letter-spacing: -1.2px;
    }

    .settings-header p[b-jgfakg1o6w] {
        margin: 0;
        color: #737980;
        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: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
}

.settings-loading[b-jgfakg1o6w] {
    color: #737980;
    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: #17191c;
        font-size: 15px;
        font-weight: 900;
    }

    .settings-error-card span[b-jgfakg1o6w] {
        color: #737980;
        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: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
}

.settings-nav-label[b-jgfakg1o6w] {
    margin: 2px 8px 8px;
    color: #656b72a70;
    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: #17191c;
    text-align: left;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

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

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

.settings-nav-icon[b-jgfakg1o6w] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    background: #f1f2f4;
    border: 1px solid #c9cdd2;
    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: #17191c;
    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, #f4f5f6 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 #d4d7db;
}

    .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: #17191c;
        font-size: 24px;
        font-weight: 900;
        letter-spacing: -.55px;
    }

    .settings-card-header p[b-jgfakg1o6w] {
        max-width: 620px;
        margin: 7px 0 0;
        color: #737980;
        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: #f5f6f7;
    color: #17191c;
    border: 1px solid #c9cdd2;
    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: #b4b9bf;
    }

    .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: #656b72a70;
    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: #737980;
        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 #d4d7db;
}

    .settings-card-footer > span[b-jgfakg1o6w] {
        color: #656b72a70;
        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: #f1f2f4;
    border: 1px solid #c9cdd2;
    border-radius: 11px;
}

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

    .settings-info-block strong[b-jgfakg1o6w] {
        display: block;
        color: #17191c;
        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, #f1f2f4 0%, #e8eaed426 100% );
    border: 1px dashed #45474a;
    border-radius: 11px;
}

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

    .settings-coming-soon p[b-jgfakg1o6w] {
        margin: 7px 0 0;
        color: #686e75b81;
        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: #f1f2f4;
        border: 1px solid #c9cdd2;
        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: #17191c;
            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% ), #f1f2f4;
    border: 1px solid #c9cdd2;
    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: #17191c;
        font-size: 13px;
        font-weight: 900;
    }

    .settings-subscription-note p[b-jgfakg1o6w] {
        max-width: 390px;
        margin: 0;
        color: #686e75b81;
        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: #17191c;
        font-size: 14px;
        font-weight: 800;
    }

    .settings-subscription-info > p[b-jgfakg1o6w] {
        max-width: 520px;
        margin: 6px 0 0;
        color: #737980;
        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 #b4b9bf;
        background: #f1f2f4;
        color: #17191c;
    }

        .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/EliminarConta.razor.rz.scp.css */
.delete-page[b-nlv96f1i5v] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #17191c;
    background: radial-gradient( circle at 88% 8%, rgba(239, 51, 64, 0.16) 0, rgba(239, 51, 64, 0.05) 22%, transparent 48% ), #f7f8fa;
}

.page-glow[b-nlv96f1i5v] {
    position: fixed;
    top: -220px;
    right: -180px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    pointer-events: none;
    background: rgba(239, 51, 64, 0.08);
    filter: blur(90px);
}

.site-header[b-nlv96f1i5v] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
    padding: 30px 0;
}

.brand[b-nlv96f1i5v] {
    display: inline-flex;
    align-items: center;
    color: #17191c;
    font-size: 19px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.04em;
    text-decoration: none;
}

.brand-re[b-nlv96f1i5v] {
    color: #ef3340;
}

.brand-vision[b-nlv96f1i5v] {
    color: #17191c;
}

.back-link[b-nlv96f1i5v] {
    color: #737980;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: color 160ms ease, transform 160ms ease;
}

    .back-link:hover[b-nlv96f1i5v] {
        color: #17191c;
        transform: translateX(-2px);
    }

.delete-container[b-nlv96f1i5v] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
    padding: 42px 0 80px;
}

.delete-card[b-nlv96f1i5v] {
    width: min(100%, 720px);
    padding: 42px;
    border: 1px solid #292b2e;
    border-radius: 24px;
    background: rgba(17, 19, 21, 0.96);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
}

.eyebrow[b-nlv96f1i5v] {
    display: block;
    margin-bottom: 14px;
    color: #ef3340;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.16em;
}

h1[b-nlv96f1i5v] {
    max-width: 600px;
    margin: 0;
    color: #17191c;
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.045em;
}

.intro[b-nlv96f1i5v] {
    max-width: 600px;
    margin: 20px 0 32px;
    color: #737980;
    font-size: 16px;
    line-height: 1.7;
}

.information-card[b-nlv96f1i5v],
.warning-card[b-nlv96f1i5v] {
    margin-top: 16px;
    padding: 24px;
    border: 1px solid #292b2e;
    border-radius: 16px;
    background: #141618;
}

.warning-card[b-nlv96f1i5v] {
    border-color: rgba(239, 51, 64, 0.28);
    background: linear-gradient( 145deg, rgba(239, 51, 64, 0.08), rgba(20, 22, 24, 0.96) 42% );
}

    .information-card h2[b-nlv96f1i5v],
    .warning-card h2[b-nlv96f1i5v] {
        margin: 0 0 14px;
        color: #17191c;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
    }

.information-card ol[b-nlv96f1i5v] {
    margin: 0;
    padding-left: 22px;
    color: #737980;
}

.information-card li[b-nlv96f1i5v] {
    padding-left: 6px;
    font-size: 14px;
    line-height: 1.7;
}

    .information-card li + li[b-nlv96f1i5v] {
        margin-top: 10px;
    }

.information-card strong[b-nlv96f1i5v] {
    color: #17191c;
    font-weight: 700;
}

.warning-card p[b-nlv96f1i5v] {
    margin: 0;
    color: #737980;
    font-size: 14px;
    line-height: 1.7;
}

    .warning-card p + p[b-nlv96f1i5v] {
        margin-top: 12px;
    }

.delete-request-button[b-nlv96f1i5v] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    margin-top: 26px;
    padding: 0 24px;
    border: 1px solid #ef3340;
    border-radius: 14px;
    color: #ffffff;
    background: #ef3340;
    box-shadow: 0 14px 34px rgba(239, 51, 64, 0.18);
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

    .delete-request-button:hover[b-nlv96f1i5v] {
        border-color: #ff4653;
        background: #ff4653;
        box-shadow: 0 18px 40px rgba(239, 51, 64, 0.25);
        transform: translateY(-1px);
    }

    .delete-request-button:focus-visible[b-nlv96f1i5v],
    .back-link:focus-visible[b-nlv96f1i5v],
    .support-text a:focus-visible[b-nlv96f1i5v],
    .site-footer a:focus-visible[b-nlv96f1i5v] {
        outline: 3px solid rgba(239, 51, 64, 0.42);
        outline-offset: 4px;
    }

.support-text[b-nlv96f1i5v] {
    margin: 18px 0 0;
    color: #64676c;
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
}

    .support-text a[b-nlv96f1i5v] {
        color: #17191c;
        font-weight: 600;
        text-decoration: underline;
        text-decoration-color: #ef3340;
        text-underline-offset: 3px;
    }

.site-footer[b-nlv96f1i5v] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
    padding: 24px 0 34px;
    border-top: 1px solid #ffffff;
    color: #64676c;
    font-size: 12px;
}

    .site-footer a[b-nlv96f1i5v] {
        color: #737980;
        text-decoration: none;
    }

        .site-footer a:hover[b-nlv96f1i5v] {
            color: #17191c;
        }

@media (max-width: 640px) {
    .site-header[b-nlv96f1i5v],
    .delete-container[b-nlv96f1i5v],
    .site-footer[b-nlv96f1i5v] {
        width: min(100% - 28px, 720px);
    }

    .site-header[b-nlv96f1i5v] {
        padding: 22px 0;
    }

    .delete-container[b-nlv96f1i5v] {
        padding: 24px 0 48px;
    }

    .delete-card[b-nlv96f1i5v] {
        padding: 28px 20px;
        border-radius: 20px;
    }

    h1[b-nlv96f1i5v] {
        font-size: 34px;
    }

    .intro[b-nlv96f1i5v] {
        margin-bottom: 24px;
        font-size: 14px;
    }

    .information-card[b-nlv96f1i5v],
    .warning-card[b-nlv96f1i5v] {
        padding: 20px;
    }

    .site-footer[b-nlv96f1i5v] {
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 26px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.revision-page[b-ut7zpbxbqm] {
    min-height: 100vh;
    background: #080808;
    color: #ffffff;
}

/* =========================================================
   CARROSSEL DE DESTAQUES
   ========================================================= */

.revision-slider[b-ut7zpbxbqm] {
    position: relative;
    width: 100%;
    aspect-ratio: 1027 / 318;
    overflow: hidden;
    background: #050505;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.revision-slider-track[b-ut7zpbxbqm],
.revision-slide[b-ut7zpbxbqm] {
    position: absolute;
    inset: 0;
}

.revision-slide[b-ut7zpbxbqm] {
    opacity: 0;
    animation: revision-slide-fade-b-ut7zpbxbqm 18s infinite;
}

    .revision-slide img[b-ut7zpbxbqm] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.revision-slide-1[b-ut7zpbxbqm] {
    animation-delay: 0s;
}

.revision-slide-2[b-ut7zpbxbqm] {
    animation-delay: 6s;
}

.revision-slide-3[b-ut7zpbxbqm] {
    animation-delay: 12s;
}

.revision-slider-dots[b-ut7zpbxbqm] {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 16px;
    display: flex;
    gap: 8px;
    transform: translateX(-50%);
}

    .revision-slider-dots span[b-ut7zpbxbqm] {
        width: 8px;
        height: 8px;
        background: rgba(255, 255, 255, 0.42);
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 50%;
    }

@keyframes revision-slide-fade-b-ut7zpbxbqm {
    0% {
        opacity: 0;
    }

    4%, 29% {
        opacity: 1;
    }

    33%, 100% {
        opacity: 0;
    }
}

@media (max-width: 600px) {
    .revision-slider-dots[b-ut7zpbxbqm] {
        bottom: 9px;
    }

        .revision-slider-dots span[b-ut7zpbxbqm] {
            width: 6px;
            height: 6px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .revision-slide[b-ut7zpbxbqm] {
        animation: none;
    }

    .revision-slide-1[b-ut7zpbxbqm] {
        opacity: 1;
    }
}

/* =========================================================
   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: 52px;
    height: 52px;
    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] {
        width: 44px;
        height: 44px;
    }

    .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;
        }
}

/* =========================================================
   TEMA CLARO
   ========================================================= */

.revision-page[b-ut7zpbxbqm] {
    background: #ffffff;
    color: #18191b;
}

.revision-header[b-ut7zpbxbqm] {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: #e8e8e8;
    box-shadow: 0 8px 30px rgba(17, 24, 39, 0.05);
}

.revision-menu a[b-ut7zpbxbqm],
.revision-login[b-ut7zpbxbqm] {
    color: #4f5358;
}

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

.revision-btn-outline[b-ut7zpbxbqm] {
    background: #ffffff;
    border-color: #cfd2d6;
    color: #1b1c1f;
}

    .revision-btn-outline:hover[b-ut7zpbxbqm] {
        background: #f5f5f5;
        border-color: #aeb2b7;
        color: #111214;
    }

.revision-hero[b-ut7zpbxbqm] {
    min-height: 620px;
    background: radial-gradient(circle at 82% 42%, rgba(239, 32, 39, 0.10), transparent 32%), #ffffff;
    border-bottom: 1px solid #eeeeee;
}

    .revision-hero[b-ut7zpbxbqm]::after {
        background: linear-gradient(90deg, #ffffff 24%, rgba(255, 255, 255, 0.92) 54%, rgba(255, 255, 255, 0.64)), url('/images/revision-hero.jpg') center right / cover no-repeat;
        opacity: 0.28;
    }

.revision-hero-overlay[b-ut7zpbxbqm] {
    background: linear-gradient(to bottom, transparent 62%, #ffffff);
}

.revision-hero h1[b-ut7zpbxbqm],
.revision-section-heading h2[b-ut7zpbxbqm],
.revision-split h2[b-ut7zpbxbqm],
.revision-steps h3[b-ut7zpbxbqm],
.revision-crm-card h3[b-ut7zpbxbqm],
.revision-price[b-ut7zpbxbqm],
.revision-feature-copy > strong[b-ut7zpbxbqm] {
    color: #17181a;
}

.revision-hero p[b-ut7zpbxbqm],
.revision-section-heading p[b-ut7zpbxbqm],
.revision-split p[b-ut7zpbxbqm],
.revision-steps p[b-ut7zpbxbqm],
.revision-crm-row span[b-ut7zpbxbqm],
.revision-price-card p[b-ut7zpbxbqm],
.revision-feature-copy p[b-ut7zpbxbqm] {
    color: #646970;
}

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

.revision-trust[b-ut7zpbxbqm],
.revision-list li[b-ut7zpbxbqm] {
    color: #555a61;
}

.revision-mobile-preview[b-ut7zpbxbqm] {
    background: rgba(255, 255, 255, 0.96);
    border-color: #e1e3e6;
    box-shadow: 0 28px 70px rgba(17, 24, 39, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.revision-mobile-preview h3[b-ut7zpbxbqm],
.revision-mobile-location strong[b-ut7zpbxbqm],
.revision-mobile-request strong[b-ut7zpbxbqm] {
    color: #1a1b1d;
}

.revision-mobile-location[b-ut7zpbxbqm],
.revision-mobile-request[b-ut7zpbxbqm] {
    background: #f7f7f8;
    border-color: #e3e4e6;
}

.revision-mobile-location small[b-ut7zpbxbqm],
.revision-mobile-request small[b-ut7zpbxbqm] {
    color: #73777d;
}

.revision-mobile-services span[b-ut7zpbxbqm] {
    background: #ffffff;
    border-color: #dedfe2;
    color: #303338;
}

.revision-section-alt[b-ut7zpbxbqm],
.revision-pricing-section[b-ut7zpbxbqm] {
    background: #f7f8f9;
}

.revision-steps article[b-ut7zpbxbqm],
.revision-crm-card[b-ut7zpbxbqm],
.revision-price-card[b-ut7zpbxbqm] {
    background: #ffffff;
    border: 1px solid #e3e5e8;
    box-shadow: 0 18px 45px rgba(17, 24, 39, 0.06);
}

.revision-steps article:hover[b-ut7zpbxbqm] {
    border-color: #cdd0d4;
    box-shadow: 0 24px 55px rgba(17, 24, 39, 0.10);
}

.revision-crm-card[b-ut7zpbxbqm] {
    padding: 38px;
    border-radius: 18px;
}

.revision-crm-row[b-ut7zpbxbqm] {
    border-bottom-color: #e7e8ea;
}

.revision-price-featured[b-ut7zpbxbqm] {
    border-color: #ef2027;
    box-shadow: 0 18px 45px rgba(239, 32, 39, 0.10);
}

.revision-price small[b-ut7zpbxbqm] {
    color: #777b81;
}

.revision-feature-panel[b-ut7zpbxbqm] {
    background: radial-gradient(circle at 80% 45%, rgba(239, 32, 39, 0.10), transparent 32%), #ffffff;
    border-color: #e1e3e6;
    box-shadow: 0 28px 70px rgba(17, 24, 39, 0.09);
}

.revision-contact[b-ut7zpbxbqm] {
    background: #ef2027;
}

.revision-contact-action[b-ut7zpbxbqm] {
    background: rgba(255, 255, 255, 0.10);
}

.revision-footer[b-ut7zpbxbqm] {
    background: #ffffff;
    border-top: 1px solid #e5e6e8;
}

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

.revision-footer p[b-ut7zpbxbqm],
.revision-footer a[b-ut7zpbxbqm],
.revision-footer span[b-ut7zpbxbqm] {
    color: #666b72;
}

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

.revision-footer-bottom[b-ut7zpbxbqm] {
    border-top-color: #e5e6e8;
    color: #7a7f85;
}

@media (max-width: 600px) {
    .revision-hero[b-ut7zpbxbqm] {
        min-height: auto;
    }

    .revision-crm-card[b-ut7zpbxbqm] {
        padding: 28px 22px;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.revision-auth-page[b-hmc7il5ruu] {
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    overflow: hidden;
    background: radial-gradient(circle at 75% 25%, rgba(239, 32, 39, 0.09), transparent 30%), radial-gradient(circle at 20% 80%, rgba(17, 24, 39, 0.04), transparent 30%), #f7f8f9;
    color: #191a1c;
}

.revision-auth-page[b-hmc7il5ruu]::before {
    content: "";
    position: absolute;
    right: -250px;
    bottom: -250px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(239, 32, 39, 0.05);
    filter: blur(50px);
}

.revision-auth-brand[b-hmc7il5ruu] {
    position: absolute;
    z-index: 2;
    top: 24px;
    left: 40px;
    display: flex;
    align-items: center;
    color: #191a1c;
    text-decoration: none;
}

.revision-auth-brand img[b-hmc7il5ruu] {
    display: block;
    width: 54px;
    height: 54px;
    object-fit: contain;
}

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

.revision-auth-card[b-hmc7il5ruu] {
    position: relative;
    width: 100%;
    max-width: 440px;
    padding: 38px 42px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e1e3e6;
    border-radius: 20px;
    box-shadow: 0 30px 90px rgba(17, 24, 39, 0.12);
    backdrop-filter: blur(15px);
}

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

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

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

.revision-auth-heading p[b-hmc7il5ruu] {
    margin: 0 0 32px;
    color: #686d73;
    font-size: 15px;
}

.revision-auth-loading[b-hmc7il5ruu] {
    padding: 18px 0;
    color: #686d73;
    font-size: 14px;
}

.revision-field[b-hmc7il5ruu] {
    width: 100%;
    margin-bottom: 20px;
}

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

[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: #fafafa !important;
    color: #17181a !important;
    border: 1px solid #d9dce0 !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(17, 24, 39, 0.02) !important;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

[b-hmc7il5ruu] .revision-input::placeholder {
    color: #969a9f !important;
    opacity: 1;
}

[b-hmc7il5ruu] .revision-input:hover {
    background: #ffffff !important;
    border-color: #b9bdc2 !important;
}

[b-hmc7il5ruu] .revision-input:focus {
    background: #ffffff !important;
    border-color: #ef2027 !important;
    box-shadow: 0 0 0 3px rgba(239, 32, 39, 0.10) !important;
}

.revision-auth-card form[b-hmc7il5ruu] {
    width: 100%;
}

.revision-auth-error[b-hmc7il5ruu] {
    margin-bottom: 16px;
    padding: 12px 14px;
    background: #fff1f2;
    border: 1px solid #ffc8cc;
    border-radius: 8px;
    color: #b5131a;
    font-size: 13px;
}

.revision-auth-submit[b-hmc7il5ruu] {
    width: 100%;
    height: 52px;
    margin-top: 8px;
    border: 0;
    border-radius: 9px;
    background: #ef2027;
    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: #d71920;
    transform: translateY(-1px);
}

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

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

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

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

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

.revision-auth-back:hover[b-hmc7il5ruu] {
    color: #17181a;
}

@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] {
        width: 46px;
        height: 46px;
    }

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

    .revision-auth-heading h1[b-hmc7il5ruu] {
        font-size: 32px;
    }
}
/* /Components/Pages/NovosPedidos.razor.rz.scp.css */
/* =========================================================
   NOVOS PEDIDOS / MARKETPLACE
   ========================================================= */

.crm-marketplace-panel[b-yzwds37plj] {
    margin-top: 24px;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #242424;
    border-radius: 14px;
}

.marketplace-eyebrow[b-yzwds37plj] {
    display: block;
    margin-bottom: 8px;
    color: #ef3340;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.marketplace-heading-row[b-yzwds37plj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

    .marketplace-heading-row h2[b-yzwds37plj] {
        margin: 0 0 7px;
        color: #17191c;
        font-size: 22px;
    }

    .marketplace-heading-row p[b-yzwds37plj] {
        margin: 0;
        color: #686e75;
        font-size: 13px;
        line-height: 1.5;
    }


/* =========================================================
   GRID
   ========================================================= */

.crm-marketplace-grid[b-yzwds37plj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}


/* =========================================================
   PEDIDO
   ========================================================= */

.crm-marketplace-card[b-yzwds37plj] {
    padding: 22px;
    background: #ffffff;
    border: 1px solid #dfe2e5;
    border-radius: 12px;
}

.crm-marketplace-card-top[b-yzwds37plj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.crm-marketplace-label[b-yzwds37plj] {
    display: block;
    margin-bottom: 6px;
    color: #686e75;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.crm-marketplace-card h3[b-yzwds37plj] {
    margin: 0;
    color: #17191c;
    font-size: 18px;
    font-weight: 800;
}

.crm-distance[b-yzwds37plj] {
    flex: 0 0 auto;
    padding: 6px 9px;
    background: #f4f5f6;
    border: 1px solid #d7dade;
    border-radius: 7px;
    color: #aaa;
    font-size: 11px;
    font-weight: 800;
}


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

.crm-marketplace-services[b-yzwds37plj] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 18px;
}

    .crm-marketplace-services span[b-yzwds37plj] {
        padding: 6px 9px;
        background: rgba(239, 51, 64, .08);
        border: 1px solid rgba(239, 51, 64, .18);
        border-radius: 6px;
        color: #3f444b;
        font-size: 10px;
        font-weight: 700;
    }


/* =========================================================
   NOTAS
   ========================================================= */

.crm-marketplace-notes[b-yzwds37plj] {
    margin: 18px 0 0;
    padding-top: 16px;
    border-top: 1px solid #e2e4e7;
    color: #6d737a;
    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   META
   ========================================================= */

.crm-marketplace-meta[b-yzwds37plj] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #e2e4e7;
    color: #656b72;
    font-size: 11px;
}


/* =========================================================
   APRESENTAR ORÇAMENTO
   ========================================================= */

.crm-present-quote[b-yzwds37plj] {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -8px;
    padding: 0 18px;
    border: 1px solid #d7dade;
    border-radius: 9px;
    background: #ffffff;
    color: #17191c;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

    .crm-present-quote:hover[b-yzwds37plj] {
        background: #f4f5f6;
        border-color: #b9bdc2;
        transform: translateY(-1px);
    }

    .crm-present-quote span[b-yzwds37plj] {
        color: #ef3340;
        font-size: 18px;
    }


/* =========================================================
   FORMULÁRIO ORÇAMENTO
   ========================================================= */

.crm-quote-form[b-yzwds37plj] {
    padding: 22px;
    background: #ffffff;
    border: 1px solid #343434;
    border-radius: 12px;
}

.crm-quote-form-header[b-yzwds37plj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

    .crm-quote-form-header h4[b-yzwds37plj] {
        margin: 5px 0 0;
        color: #17191c;
        font-size: 18px;
    }

.crm-quote-close[b-yzwds37plj] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #d7dade;
    border-radius: 8px;
    background: #ffffff;
    color: #747a81;
    font-size: 20px;
    cursor: pointer;
}

    .crm-quote-close:hover[b-yzwds37plj] {
        color: #17191c;
        background: #e8eaed;
    }


/* =========================================================
   CAMPOS
   ========================================================= */

.crm-quote-field[b-yzwds37plj] {
    margin-top: 17px;
}

    .crm-quote-field label[b-yzwds37plj] {
        display: block;
        margin-bottom: 8px;
        color: #6d737a;
        font-size: 11px;
        font-weight: 800;
    }

    .crm-quote-field input[b-yzwds37plj],
    .crm-quote-field textarea[b-yzwds37plj] {
        width: 100%;
        box-sizing: border-box;
        padding: 12px 13px;
        border: 1px solid #d7dade;
        border-radius: 8px;
        outline: none;
        background: #fafafa;
        color: #17191c;
        font-family: inherit;
        font-size: 13px;
    }

    .crm-quote-field textarea[b-yzwds37plj] {
        resize: vertical;
    }

        .crm-quote-field input:focus[b-yzwds37plj],
        .crm-quote-field textarea:focus[b-yzwds37plj] {
            border-color: #555;
        }

.crm-quote-amount[b-yzwds37plj] {
    position: relative;
}

    .crm-quote-amount input[b-yzwds37plj] {
        padding-right: 42px;
    }

    .crm-quote-amount > span[b-yzwds37plj] {
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
        color: #686e75;
        font-size: 13px;
        font-weight: 800;
    }


/* =========================================================
   ERRO / AÇÕES
   ========================================================= */

.crm-quote-error[b-yzwds37plj] {
    margin-top: 16px;
    padding: 11px 13px;
    background: rgba(239, 51, 64, .08);
    border: 1px solid rgba(239, 51, 64, .2);
    border-radius: 8px;
    color: #ef7b83;
    font-size: 12px;
}

.crm-quote-actions[b-yzwds37plj] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

    .crm-quote-actions button[b-yzwds37plj] {
        min-height: 42px;
        padding: 0 17px;
        border-radius: 8px;
        font-family: inherit;
        font-size: 11px;
        font-weight: 800;
        cursor: pointer;
    }

        .crm-quote-actions button.secondary[b-yzwds37plj] {
            border: 1px solid #d7dade;
            background: transparent;
            color: #6d737a;
        }

        .crm-quote-actions button.primary[b-yzwds37plj] {
            border: 1px solid #ef3340;
            background: #ef3340;
            color: #fff;
        }

        .crm-quote-actions button:disabled[b-yzwds37plj] {
            opacity: .55;
            cursor: default;
        }


/* =========================================================
   EMPTY / LOADING / ERRO
   ========================================================= */

.crm-marketplace-empty[b-yzwds37plj],
.marketplace-empty[b-yzwds37plj] {
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 24px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px dashed #d7dade;
    border-radius: 12px;
    color: #686e75;
    font-size: 12px;
}

.marketplace-empty-badge[b-yzwds37plj] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7dade;
    border-radius: 50%;
    background: #ffffff;
    color: #686e75;
    font-size: 16px;
    font-weight: 800;
}

.marketplace-empty-text[b-yzwds37plj] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .marketplace-empty-text strong[b-yzwds37plj] {
        color: #ccc;
        font-size: 13px;
    }

    .marketplace-empty-text span[b-yzwds37plj] {
        max-width: 500px;
        color: #656b72;
        font-size: 11px;
        line-height: 1.5;
    }


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

@media (max-width: 900px) {
    .crm-marketplace-grid[b-yzwds37plj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .crm-marketplace-panel[b-yzwds37plj] {
        padding: 18px;
    }

    .crm-marketplace-card-top[b-yzwds37plj],
    .marketplace-heading-row[b-yzwds37plj] {
        flex-direction: column;
    }

    .crm-quote-actions[b-yzwds37plj] {
        flex-direction: column-reverse;
    }

        .crm-quote-actions button[b-yzwds37plj] {
            width: 100%;
        }
}


.crm-eyebrow[b-yzwds37plj] {
    display: block;
    margin-bottom: 8px;
    color: #ef3340;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.header p[b-yzwds37plj] {
    margin: 0;
    color: #737980;
    font-size: 13px;
    line-height: 1.5;
}

.header h1[b-yzwds37plj] {
    margin: 0 0 10px;
    color: #17191c;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.05;
}

/* =========================================================
   NOVOS PEDIDOS — BASE VISUAL CRM
   ========================================================= */

.marketplace-page-header[b-yzwds37plj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin: 0 0 30px;
    padding: 0;
    background: transparent;
    border: 0;
}

.marketplace-page-heading[b-yzwds37plj] {
    min-width: 0;
}

    .marketplace-page-heading .crm-eyebrow[b-yzwds37plj] {
        display: block;
        margin-bottom: 8px;
        color: #ef3340;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 2.2px;
        text-transform: uppercase;
    }

    .marketplace-page-heading h1[b-yzwds37plj] {
        margin: 0;
        padding: 0;
        color: #17191c;
        font-size: clamp(30px, 4vw, 44px);
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -1.5px;
        background: transparent;
        border: 0;
        outline: 0;
        box-shadow: none;
    }

    .marketplace-page-heading p[b-yzwds37plj] {
        margin: 8px 0 0;
        color: #686e75;
        font-size: 13px;
        line-height: 1.5;
    }

.marketplace-counter[b-yzwds37plj] {
    min-width: 160px;
    box-sizing: border-box;
    padding: 16px 20px;
    background: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.06);
}

    .marketplace-counter span[b-yzwds37plj] {
        display: block;
        color: #737980;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .marketplace-counter strong[b-yzwds37plj] {
        display: block;
        margin-top: 4px;
        color: #17191c;
        font-size: 25px;
        font-weight: 900;
        line-height: 1;
    }


/* Retira a caixa exterior diferente das restantes páginas */

.crm-marketplace-panel[b-yzwds37plj] {
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}


/* Estado vazio igual ao padrão das outras páginas */

.crm-marketplace-empty[b-yzwds37plj],
.marketplace-empty[b-yzwds37plj] {
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
    box-sizing: border-box;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #dfe2e5;
    border-radius: 15px;
    color: #686e75;
    text-align: center;
    box-shadow: 0 14px 40px rgba(17, 24, 39, 0.06);
}

.marketplace-empty-badge[b-yzwds37plj] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: grid;
    place-items: center;
    margin: 0;
    background: #fff1f2;
    border: 1px solid #f1c4c7;
    border-radius: 50%;
    color: #ef3340;
    font-size: 16px;
    font-weight: 900;
}

.marketplace-empty-text[b-yzwds37plj] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 7px;
}

    .marketplace-empty-text strong[b-yzwds37plj] {
        color: #17191c;
        font-size: 16px;
        font-weight: 900;
    }

    .marketplace-empty-text span[b-yzwds37plj] {
        max-width: 500px;
        color: #686e75;
        font-size: 11px;
        line-height: 1.6;
    }


/* Cartões de pedidos */

.crm-marketplace-card[b-yzwds37plj] {
    position: relative;
    background: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.06);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

    .crm-marketplace-card[b-yzwds37plj]::before {
        content: "";
        position: absolute;
        top: 14px;
        bottom: 14px;
        left: 0;
        width: 3px;
        background: #ef3340;
        border-radius: 0 3px 3px 0;
    }

    .crm-marketplace-card:hover[b-yzwds37plj] {
        transform: translateY(-2px);
        border-color: #c0c5ca;
        box-shadow: 0 15px 34px rgba(17, 24, 39, 0.09);
    }

.crm-distance[b-yzwds37plj] {
    background: #f4f5f6;
    border-color: #d7dade;
    color: #545a61;
}


/* Responsive */

@media (max-width: 650px) {
    .marketplace-page-header[b-yzwds37plj] {
        flex-direction: column;
        gap: 18px;
    }

    .marketplace-counter[b-yzwds37plj] {
        width: 100%;
    }

    .crm-marketplace-panel[b-yzwds37plj] {
        padding: 0;
    }

    .marketplace-empty[b-yzwds37plj] {
        min-height: 280px;
        padding: 30px 20px;
    }
}
/* /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: #17191c;
        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: #ffffff;
    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: #17191c;
        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: #686e75;
    background: #ffffff;
    border: 1px solid #dfe2e5;
    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, #ffffff, #fafafa );
        border: 1px solid #d7dade;
        border-radius: 15px;
    }

        .crm-stats article > span[b-nntzp9n9wr] {
            color: #6a7077;
            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, #ffffff, #fafafa );
    border: 1px solid #d7dade;
    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: #17191c;
        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: #737980;
        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: #ffffff;
    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% ), #fafafa;
        border-color: rgba(255, 45, 45, .45);
    }

    .crm-plan > span[b-nntzp9n9wr] {
        color: #686e75;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .crm-plan > strong[b-nntzp9n9wr] {
        margin-top: 16px;
        color: #17191c;
        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, #ffffff, #fafafa );
    border: 1px solid #d7dade;
    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, #ffffff, #f5f6f7 );
    border: 1px solid #d7dade;
    border-radius: 17px;
}

    .crm-payment-choice h2[b-nntzp9n9wr] {
        margin: 10px 0 8px;
        color: #17191c;
        font-size: 28px;
        font-weight: 900;
        letter-spacing: -.8px;
    }

    .crm-payment-choice > p[b-nntzp9n9wr] {
        margin: 0 0 22px;
        color: #747a81;
        font-size: 13px;
    }

        .crm-payment-choice > p strong[b-nntzp9n9wr] {
            color: #17191c;
        }


/* =========================================================
   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, #ffffff, #ffffff );
        border: 1px solid #2f2f2f;
        border-radius: 12px;
        color: #17191c;
        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: #ffffff;
            border-color: #ff2d2d;
        }

        .crm-payment-methods button strong[b-nntzp9n9wr] {
            color: #17191c;
            font-size: 14px;
            font-weight: 900;
        }

        .crm-payment-methods button span[b-nntzp9n9wr] {
            margin-top: 5px;
            color: #686e75;
            font-size: 11px;
        }


/* =========================================================
   MB WAY PHONE FORM
   ========================================================= */

.crm-mbway-phone-form[b-nntzp9n9wr] {
    margin-top: 18px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dfe2e5;
    border-radius: 12px;
}

    .crm-mbway-phone-form label[b-nntzp9n9wr] {
        display: block;
        margin-bottom: 8px;
        color: #42474e;
        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: #ffffff;
        color: #17191c;
        border: 1px solid #d7dade;
        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: #ffffff;
            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, #ffffff, #ffffff );
    border: 1px solid #d7dade;
    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: #17191c;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 900;
    letter-spacing: -.6px;
}

.crm-mbway-description[b-nntzp9n9wr] {
    max-width: 580px;
    margin: 0 auto;
    color: #747a81;
    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 #dfe2e5;
    border-radius: 8px;
    color: #686e75;
    font-size: 11px;
}

    .crm-mbway-order strong[b-nntzp9n9wr] {
        color: #17191c;
        font-size: 12px;
        font-weight: 900;
    }


/* =========================================================
   MB WAY COUNTDOWN
   ========================================================= */

.crm-mbway-countdown[b-nntzp9n9wr] {
    width: 190px;
    margin: 22px auto 16px;
    padding: 18px 16px;
    background: #f7f8fa;
    border: 1px solid #d7dade;
    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: #686e75;
        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: #17191c;
}

.crm-payment-result p[b-nntzp9n9wr] {
    max-width: 470px;
    margin: 0 auto;
    color: #737980;
    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, #ffffff, #ffffff );
    border: 1px solid #d7dade;
    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: #17191c;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 900;
    letter-spacing: -.6px;
}

.crm-multibanco-description[b-nntzp9n9wr] {
    max-width: 580px;
    margin: 0 auto;
    color: #747a81;
    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 #dfe2e5;
    border-radius: 8px;
    color: #686e75;
    font-size: 11px;
}

    .crm-multibanco-plan strong[b-nntzp9n9wr] {
        color: #17191c;
        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: #f7f8fa;
        border: 1px solid #2f2f2f;
        border-radius: 12px;
    }

    .crm-multibanco-details span[b-nntzp9n9wr] {
        color: #656b72;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .crm-multibanco-details strong[b-nntzp9n9wr] {
        margin-top: 9px;
        color: #17191c;
        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: #17191c;
        background: #ffffff;
        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: #17191c;
        font-size: 15px;
        font-weight: 800;
    }

    .marketplace-empty-text span[b-nntzp9n9wr] {
        color: #737980;
        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: #17191c;
    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, #f4f5f6 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}


/* ---------------------------------------------------------
   LOADING
   --------------------------------------------------------- */

.crm-loading[b-nntzp9n9wr] {
    background: #ffffff;
    border-color: #d4d7db;
    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, #f4f5f6 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, #f4f5f6 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, #f1f2f4 0%, #1e2022 100% );
    border-color: #c9cdd2;
    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%, #e8eaed426 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, #f4f5f6 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, #f4f5f6 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, #dfe2e5 0%, #e8eaed426 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: #e8eaed426;
    border-color: #393b3e;
}

    .crm-mbway-phone-form input[b-nntzp9n9wr] {
        background: #f5f6f7;
        border-color: #c9cdd2;
    }

        .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, #f4f5f6 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16);
}

.crm-mbway-order[b-nntzp9n9wr] {
    background: #f1f2f4;
    border-color: #c9cdd2;
}

.crm-mbway-countdown[b-nntzp9n9wr] {
    background: #f5f6f7;
    border-color: #c9cdd2;
}


/* ---------------------------------------------------------
   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, #f4f5f6 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16);
}

.crm-multibanco-plan[b-nntzp9n9wr] {
    background: #f1f2f4;
    border-color: #c9cdd2;
}

.crm-multibanco-details > div[b-nntzp9n9wr] {
    background: linear-gradient( 145deg, #dfe2e5 0%, #e8eaed426 100% );
    border-color: #3e4043;
}


/* ---------------------------------------------------------
   MARKETPLACE / NOVOS PEDIDOS
   --------------------------------------------------------- */

.marketplace-empty[b-nntzp9n9wr] {
    background: linear-gradient( 145deg, #f4f5f6 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: #b4b9bf;
}

    .crm-multibanco-back:hover[b-nntzp9n9wr] {
        background: #f1f2f4;
        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, #f4f5f6 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: #17191c;
        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: #737980;
        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, #f7f8fa 0%, #f7f8fa 72%, rgba(239, 51, 64, .11) 100% );
    }

        .crm-credit-pill-link:hover strong[b-nntzp9n9wr] {
            color: #17191c;
        }

    .crm-credit-pill-link:focus-visible[b-nntzp9n9wr] {
        outline: 2px solid #ef3340;
        outline-offset: 3px;
    }

.crm-stat-link[b-nntzp9n9wr] {
    display: block;
    color: inherit;
    text-decoration: none;
}

    .crm-stat-link article[b-nntzp9n9wr] {
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
        transition: transform .2s ease, border-color .2s ease, background .2s ease;
    }

    .crm-stat-link:hover article[b-nntzp9n9wr] {
        transform: translateY(-2px);
        border-color: #cfd3d7;
        background: #ffffff;
    }

/* =========================================================
   DASHBOARD CLARO FINAL
   ========================================================= */

.crm-credit-pill[b-nntzp9n9wr],
.crm-credit-pill-link[b-nntzp9n9wr],
.crm-credit-pill-link:hover[b-nntzp9n9wr] {
    background: #ffffff;
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.crm-credit-pill span[b-nntzp9n9wr] { color: #737980; }
.crm-credit-pill strong[b-nntzp9n9wr] { color: #17191c; }

.crm-stats article[b-nntzp9n9wr],
.crm-stats article:hover[b-nntzp9n9wr],
.crm-stat-link article[b-nntzp9n9wr],
.crm-stat-link:hover article[b-nntzp9n9wr] {
    background: #ffffff;
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.crm-stats article:hover[b-nntzp9n9wr],
.crm-stat-link:hover article[b-nntzp9n9wr] {
    transform: translateY(-2px);
    border-color: #c0c5ca;
    box-shadow: 0 15px 34px rgba(17, 24, 39, .09);
}

.crm-stats article > span[b-nntzp9n9wr] { color: #626970; }
.crm-stats article > strong[b-nntzp9n9wr] { color: #ef3340; }
.crm-stats article > small[b-nntzp9n9wr] { color: #7a8087; }

.crm-active-panel[b-nntzp9n9wr] {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 76%, rgba(46, 204, 113, .055) 100%);
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.crm-active-panel h2[b-nntzp9n9wr] { color: #17191c; }
.crm-active-panel p[b-nntzp9n9wr] { color: #737980; }

.crm-active-status[b-nntzp9n9wr] {
    color: #167641;
    background: #eaf8f0;
    border-color: #bde7cd;
}

.crm-subscription-warning[b-nntzp9n9wr] {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 76%, rgba(239, 51, 64, .055) 100%);
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}
/* =========================================================
   PLANOS — TEMA CLARO FINAL
   Deve permanecer no final do ficheiro.
   ========================================================= */

.crm-plans[b-nntzp9n9wr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.crm-plan[b-nntzp9n9wr],
.crm-plan:hover[b-nntzp9n9wr] {
    position: relative;
    min-height: 245px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.06);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

    .crm-plan:hover[b-nntzp9n9wr] {
        transform: translateY(-2px);
        border-color: #bfc4c9;
        box-shadow: 0 16px 36px rgba(17, 24, 39, 0.09);
    }

    .crm-plan.featured[b-nntzp9n9wr],
    .crm-plan.featured:hover[b-nntzp9n9wr] {
        background: linear-gradient( 145deg, #ffffff 0%, #ffffff 68%, #fff1f2 100% );
        border-color: rgba(239, 51, 64, 0.48);
        box-shadow: 0 12px 32px rgba(17, 24, 39, 0.06), 0 0 0 1px rgba(239, 51, 64, 0.04);
    }

        .crm-plan.featured:hover[b-nntzp9n9wr] {
            border-color: #ef3340;
            box-shadow: 0 17px 38px rgba(17, 24, 39, 0.09), 0 0 0 1px rgba(239, 51, 64, 0.07);
        }

    .crm-plan > span[b-nntzp9n9wr] {
        color: #686e75;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .crm-plan > strong[b-nntzp9n9wr] {
        display: block;
        margin-top: 16px;
        color: #17191c;
        font-size: 30px;
        font-weight: 900;
        line-height: 1;
    }

    .crm-plan > small[b-nntzp9n9wr] {
        display: block;
        margin-top: 7px;
        color: #737980;
        font-size: 10px;
    }

    .crm-plan button[b-nntzp9n9wr] {
        width: 100%;
        height: 46px;
        margin-top: auto;
        border: 1px solid #ef3340;
        border-radius: 9px;
        background: #ef3340;
        color: #ffffff;
        font-family: inherit;
        font-size: 11px;
        font-weight: 900;
        cursor: pointer;
        transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
    }

        .crm-plan button:hover:not(:disabled)[b-nntzp9n9wr] {
            transform: translateY(-1px);
            background: #d92b37;
            border-color: #d92b37;
        }

        .crm-plan button:disabled[b-nntzp9n9wr] {
            opacity: 0.55;
            cursor: wait;
            transform: none;
        }

.crm-plan-badge[b-nntzp9n9wr] {
    position: absolute;
    top: -11px;
    right: 14px;
    padding: 6px 10px;
    border-radius: 6px;
    background: #ef3340;
    color: #ffffff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.8px;
    box-shadow: 0 6px 16px rgba(239, 51, 64, 0.22);
}

@media (max-width: 650px) {
    .crm-plans[b-nntzp9n9wr] {
        grid-template-columns: 1fr;
    }

    .crm-plan[b-nntzp9n9wr] {
        min-height: 220px;
    }
}
/* /Components/Pages/OficinaLayout.razor.rz.scp.css */
.crm-page[b-18x6ufcv0s] {
    width: 100%;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    background: #f5f6f8;
    color: #17191c;
}

.crm-sidebar[b-18x6ufcv0s] {
    position: sticky;
    top: 0;
    width: 270px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 24px 18px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #ffffff;
    border-right: 1px solid #e1e3e6;
    box-shadow: 8px 0 30px rgba(17, 24, 39, 0.04);
}

.crm-sidebar-top[b-18x6ufcv0s] { flex: 0 0 auto; }
.crm-brand[b-18x6ufcv0s] { display: inline-flex; align-items: center; text-decoration: none; }
.crm-brand img[b-18x6ufcv0s] { display: block; width: 54px; height: 54px; object-fit: contain; }

.crm-workshop-name[b-18x6ufcv0s] {
    margin-top: 24px;
    padding: 15px 14px;
    background: #f6f7f8;
    border: 1px solid #e1e3e6;
    border-radius: 11px;
}
.crm-workshop-name small[b-18x6ufcv0s] { display: block; margin-bottom: 5px; color: #686e75; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.crm-workshop-name strong[b-18x6ufcv0s] { display: block; overflow: hidden; color: #1b1d20; font-size: 13px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }

.crm-menu[b-18x6ufcv0s] { flex: 1; display: flex; flex-direction: column; gap: 7px; margin-top: 26px; }
.crm-menu a[b-18x6ufcv0s], .crm-sidebar-bottom a[b-18x6ufcv0s], .crm-sidebar-bottom button[b-18x6ufcv0s] {
    position: relative;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 15px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #656b73;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.crm-menu a:hover[b-18x6ufcv0s], .crm-sidebar-bottom a:hover[b-18x6ufcv0s], .crm-sidebar-bottom button:hover[b-18x6ufcv0s] { color: #17191c; background: #f3f4f6; }
.crm-menu a.active[b-18x6ufcv0s] { color: #17191c; background: #fff0f1; }
.crm-menu a.active[b-18x6ufcv0s]::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; background: #ef3340; border-radius: 0 3px 3px 0; }
.crm-menu-icon[b-18x6ufcv0s] { width: 18px; height: 18px; flex: 0 0 18px; display: inline-flex; align-items: center; justify-content: center; }
.crm-menu-icon svg[b-18x6ufcv0s] { width: 18px; height: 18px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.crm-menu a.active .crm-menu-icon[b-18x6ufcv0s] { color: #ef3340; }
.crm-menu a.locked[b-18x6ufcv0s] { color: #a3a7ac; cursor: default; }
.crm-menu a.locked:hover[b-18x6ufcv0s] { background: transparent; color: #a3a7ac; }
.crm-lock[b-18x6ufcv0s] { margin-left: auto; font-size: 10px; opacity: .7; }
.crm-menu-separator[b-18x6ufcv0s] { height: 1px; margin: 12px 6px; background: #e6e8ea; }
.crm-sidebar-bottom[b-18x6ufcv0s] { flex: 0 0 auto; padding-top: 18px; border-top: 1px solid #e6e8ea; }
.crm-sidebar-bottom a[b-18x6ufcv0s], .crm-sidebar-bottom button[b-18x6ufcv0s] { width: 100%; }
.crm-sidebar-bottom button[b-18x6ufcv0s] { margin-top: 4px; }

.crm-main[b-18x6ufcv0s] { min-width: 0; min-height: 100dvh; padding: 34px 36px 50px; background: #f5f6f8; }
.crm-sidebar[b-18x6ufcv0s]::-webkit-scrollbar { width: 4px; }
.crm-sidebar[b-18x6ufcv0s]::-webkit-scrollbar-track { background: transparent; }
.crm-sidebar[b-18x6ufcv0s]::-webkit-scrollbar-thumb { background: #d4d7db; border-radius: 999px; }
.crm-stat-link[b-18x6ufcv0s] { display: block; color: inherit; text-decoration: none; }
.crm-stat-link article[b-18x6ufcv0s] { height: 100%; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.crm-stat-link:hover article[b-18x6ufcv0s] { transform: translateY(-2px); border-color: #b9bdc2; }

@media (max-width: 1200px) {
    .crm-page[b-18x6ufcv0s] { grid-template-columns: 235px minmax(0, 1fr); }
    .crm-sidebar[b-18x6ufcv0s] { width: 235px; padding-left: 15px; padding-right: 15px; }
    .crm-main[b-18x6ufcv0s] { padding-left: 26px; padding-right: 26px; }
}

@media (max-width: 900px) {
    .crm-page[b-18x6ufcv0s] { display: block; }
    .crm-sidebar[b-18x6ufcv0s] { position: static; width: 100%; height: auto; padding: 18px; border-right: 0; border-bottom: 1px solid #e1e3e6; }
    .crm-brand img[b-18x6ufcv0s] { width: 48px; height: 48px; }
    .crm-workshop-name[b-18x6ufcv0s] { margin-top: 18px; }
    .crm-menu[b-18x6ufcv0s] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 22px; }
    .crm-menu-separator[b-18x6ufcv0s] { display: none; }
    .crm-sidebar-bottom[b-18x6ufcv0s] { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 15px; }
    .crm-main[b-18x6ufcv0s] { padding: 26px 20px 40px; }
}

@media (max-width: 650px) {
    .crm-sidebar[b-18x6ufcv0s] { padding: 15px; }
    .crm-menu[b-18x6ufcv0s], .crm-sidebar-bottom[b-18x6ufcv0s] { grid-template-columns: 1fr; }
    .crm-main[b-18x6ufcv0s] { padding: 22px 14px 36px; }
}

.crm-menu a.locked[b-18x6ufcv0s] {
    color: #a3a7ac;
    cursor: not-allowed;
    pointer-events: none;
    user-select: none;
}

    .crm-menu a.locked:hover[b-18x6ufcv0s] {
        color: #a3a7ac;
        background: transparent;
        transform: none;
    }

    .crm-menu a.locked[b-18x6ufcv0s]::before {
        display: none;
    }
/* /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: #17191c;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 900;
    letter-spacing: -1.5px;
}

.quotes-header p[b-51kbk2u2bo] {
    margin: 8px 0 0;
    color: #686e75;
    font-size: 13px;
}


/* =========================================================
   COUNTER
   ========================================================= */

.quotes-counter[b-51kbk2u2bo] {
    min-width: 160px;
    padding: 15px 19px;
    background: linear-gradient( 145deg, #ffffff, #f5f6f7 );
    border: 1px solid #2a2a2a;
    border-radius: 11px;
}

    .quotes-counter span[b-51kbk2u2bo] {
        display: block;
        color: #686e75;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .quotes-counter strong[b-51kbk2u2bo] {
        display: block;
        margin-top: 3px;
        color: #17191c;
        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, #ffffff, #fafafa );
    border: 1px solid #dfe2e5;
    border-radius: 12px;
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

    .quote-row:hover[b-51kbk2u2bo] {
        transform: translateY(-1px);
        border-color: #cfd3d7;
        background: radial-gradient( circle at 100% 0%, rgba(255, 45, 45, .075), transparent 30% ), linear-gradient( 145deg, #ffffff, #f5f6f7 );
    }

    .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: #17191c;
    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: #747a81;
    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: #686e75;
    font-size: 8px;
    font-weight: 700;
}


/* =========================================================
   AMOUNT
   ========================================================= */

.quote-amount[b-51kbk2u2bo] {
    min-width: 0;
    padding-left: 22px;
    border-left: 1px solid #dfe2e5;
}

    .quote-amount strong[b-51kbk2u2bo] {
        display: block;
        color: #17191c;
        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, #ffffff, #ffffff );
    border: 1px solid #dfe2e5;
    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: #17191c;
    font-size: 16px;
}

.quotes-state > span[b-51kbk2u2bo] {
    max-width: 430px;
    margin-top: 8px;
    color: #686e75;
    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;
    }
}

/* BASE VISUAL FINAL: PEDIDOS ADQUIRIDOS */
.quotes-counter[b-51kbk2u2bo] { background: #fff; border-color: #d4d7db; box-shadow: 0 10px 28px rgba(17,24,39,.06); }
.quote-row[b-51kbk2u2bo],
.quote-row:hover[b-51kbk2u2bo] { background: linear-gradient(90deg, #fff 0%, #fff 74%, rgba(239,51,64,.055) 100%); border-color: #d4d7db; box-shadow: 0 10px 28px rgba(17,24,39,.06); }
.quote-row:hover[b-51kbk2u2bo] { transform: translateY(-2px); border-color: #c0c5ca; box-shadow: 0 15px 34px rgba(17,24,39,.09); }
.quote-main h2[b-51kbk2u2bo],
.quote-date strong[b-51kbk2u2bo],
.quote-validity strong[b-51kbk2u2bo],
.quote-amount strong[b-51kbk2u2bo] { color: #17191c; }
.quote-label[b-51kbk2u2bo] { color: #737980; }
.quote-services span[b-51kbk2u2bo] { background: #fff7f7; border-color: #f0c7ca; color: #454a50; }
.quote-amount[b-51kbk2u2bo] { border-left-color: #dde0e3; }
.quote-pdf-button[b-51kbk2u2bo] { background: #fff; border-color: #b9bec4; color: #292d31; }
.quote-pdf-button:hover:not(:disabled)[b-51kbk2u2bo] { background: #f5f6f7; border-color: #ef3340; color: #17191c; }
@media (max-width: 650px) {
    .quote-date[b-51kbk2u2bo],
    .quote-validity[b-51kbk2u2bo],
    .quote-amount[b-51kbk2u2bo] { border-top-color: #e2e5e8; }
}

.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: #17191c;
    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;
}

/* =========================================================
   BASE CLARA FINAL — LISTA CRM
   ========================================================= */

.quotes-counter[b-51kbk2u2bo] {
    background: #ffffff;
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.quote-row[b-51kbk2u2bo],
.quote-row:hover[b-51kbk2u2bo] {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 74%, rgba(239, 51, 64, .055) 100%);
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.quote-row:hover[b-51kbk2u2bo] {
    border-color: #c0c5ca;
    box-shadow: 0 15px 34px rgba(17, 24, 39, .09);
}

.quote-main h2[b-51kbk2u2bo],
.quote-date strong[b-51kbk2u2bo],
.quote-validity strong[b-51kbk2u2bo],
.quote-amount strong[b-51kbk2u2bo] {
    color: #17191c;
}

.quote-label[b-51kbk2u2bo] { color: #737980; }

.quote-services span[b-51kbk2u2bo] {
    background: #fff7f7;
    border-color: #f0c7ca;
    color: #454a50;
}

.quote-amount[b-51kbk2u2bo] { border-left-color: #dde0e3; }

.quote-pdf-button[b-51kbk2u2bo] {
    background: #ffffff;
    border-color: #b9bec4;
    color: #292d31;
}

.quote-pdf-button:hover:not(:disabled)[b-51kbk2u2bo] {
    background: #f5f6f7;
    border-color: #ef3340;
    color: #17191c;
}
/* =========================================================
   RE-VISION CRM
   ORÇAMENTOS — SURFACE REFRESH
   ========================================================= */


/* ---------------------------------------------------------
   CONTADOR
   --------------------------------------------------------- */

.quotes-counter[b-51kbk2u2bo] {
    background: linear-gradient( 135deg, #f4f5f6 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, #ffffff 0%, #1c1e20 65%, #211b1c 100% );
    border-color: #d4d7db;
    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, #f7f8fa 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: #f1f2f4;
    border-color: rgba(239, 51, 64, 0.28);
    color: #555b63;
}


/* ---------------------------------------------------------
   TEXTOS SECUNDÁRIOS
   --------------------------------------------------------- */

.quotes-header p[b-51kbk2u2bo] {
    color: #737980;
}

.quote-label[b-51kbk2u2bo] {
    color: #73767a;
}

.quote-date strong[b-51kbk2u2bo],
.quote-validity strong[b-51kbk2u2bo] {
    color: #eeeeee;
}

.quote-notes[b-51kbk2u2bo] {
    color: #737980;
}

.quote-expired-text[b-51kbk2u2bo] {
    color: #737980;
}


/* ---------------------------------------------------------
   VALOR
   --------------------------------------------------------- */

.quote-amount[b-51kbk2u2bo] {
    border-left-color: #353739;
}

    .quote-amount strong[b-51kbk2u2bo] {
        color: #17191c;
    }


/* ---------------------------------------------------------
   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, #f4f5f6 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: #737980;
}


/* ---------------------------------------------------------
   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: #b4b9bf;
    color: #17191c;
}

    .quote-pdf-button:hover:not(:disabled)[b-51kbk2u2bo] {
        background: #f1f2f4;
        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: #c9cdd2;
    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;
    }
}

/* APLICAÇÃO FINAL DA BASE CLARA */
.quotes-counter[b-51kbk2u2bo] { background: #fff; border-color: #d4d7db; box-shadow: 0 10px 28px rgba(17,24,39,.06); }
.quote-row[b-51kbk2u2bo],
.quote-row:hover[b-51kbk2u2bo] { background: linear-gradient(90deg, #fff 0%, #fff 74%, rgba(239,51,64,.055) 100%); border-color: #d4d7db; box-shadow: 0 10px 28px rgba(17,24,39,.06); }
.quote-row:hover[b-51kbk2u2bo] { transform: translateY(-2px); border-color: #c0c5ca; box-shadow: 0 15px 34px rgba(17,24,39,.09); }
.quote-main h2[b-51kbk2u2bo],
.quote-date strong[b-51kbk2u2bo],
.quote-validity strong[b-51kbk2u2bo],
.quote-amount strong[b-51kbk2u2bo] { color: #17191c; }
.quote-label[b-51kbk2u2bo] { color: #737980; }
.quote-services span[b-51kbk2u2bo] { background: #fff7f7; border-color: #f0c7ca; color: #454a50; }
.quote-amount[b-51kbk2u2bo] { border-left-color: #dde0e3; }
.quote-pdf-button[b-51kbk2u2bo] { background: #fff; border-color: #b9bec4; color: #292d31; }
.quote-pdf-button:hover:not(:disabled)[b-51kbk2u2bo] { background: #f5f6f7; border-color: #ef3340; color: #17191c; }
@media (max-width: 650px) {
    .quote-date[b-51kbk2u2bo],
    .quote-validity[b-51kbk2u2bo],
    .quote-amount[b-51kbk2u2bo] { border-top-color: #e2e5e8; }
}
/* /Components/Pages/OrdensServico.razor.rz.scp.css */
.orders-page[b-xd042vscrj] {
    width: 100%;
    min-height: 100%;
    padding: 30px 44px 60px;
    box-sizing: border-box;
}

/* =========================================================
   BASE CLARA FINAL — LISTA CRM
   ========================================================= */

.orders-counter[b-xd042vscrj] {
    background: #ffffff;
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.orders-row[b-xd042vscrj],
.orders-row:hover[b-xd042vscrj] {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 74%, rgba(239, 51, 64, .055) 100%);
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.orders-row:hover[b-xd042vscrj] {
    border-color: #c0c5ca;
    box-shadow: 0 15px 34px rgba(17, 24, 39, .09);
}

.orders-info-column[b-xd042vscrj],
.orders-side-column[b-xd042vscrj] { border-left-color: #dde0e3; }

.orders-label[b-xd042vscrj] { color: #737980; }

.orders-main h2[b-xd042vscrj],
.orders-info-title[b-xd042vscrj],
.orders-side-value[b-xd042vscrj],
.orders-invoice-number[b-xd042vscrj] { color: #17191c; }

.orders-registration[b-xd042vscrj] {
    background: #f1f3f5;
    border-color: #bfc4c9;
    color: #25292d;
}

.orders-service-pill[b-xd042vscrj] {
    background: #fff7f7;
    border-color: #f0c7ca;
    color: #555b62;
}

.orders-action-button[b-xd042vscrj] {
    background: #ffffff;
    border-color: #b9bec4;
    color: #292d31;
}

.orders-action-button:hover[b-xd042vscrj] {
    background: #fff3f4;
    border-color: #ef3340;
    color: #17191c;
}


/* 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: #17191c;
    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: #686e75;
    font-size: 14px;
}

.orders-counter[b-xd042vscrj] {
    min-width: 190px;
    padding: 20px 24px;
    background: linear-gradient( 135deg, #f4f5f6 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: #686e75;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    .orders-counter strong[b-xd042vscrj] {
        color: #17191c;
        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: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

    .orders-state strong[b-xd042vscrj] {
        color: #17191c;
        font-size: 16px;
    }

    .orders-state span[b-xd042vscrj] {
        max-width: 480px;
        color: #686e75;
        font-size: 13px;
        line-height: 1.6;
    }

    .orders-state button[b-xd042vscrj] {
        margin-top: 9px;
        padding: 10px 16px;
        background: transparent;
        border: 1px solid #cfd3d7;
        border-radius: 8px;
        color: #17191c;
        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: #ffffff;
    border: 1px solid #333333;
    color: #ef3340;
    font-weight: 900;
}

.orders-spinner[b-xd042vscrj] {
    width: 30px;
    height: 30px;
    border: 3px solid #dfe2e5;
    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, #ffffff 0%, #1c1e20 62%, #211b1c 100% );
    border: 1px solid #d4d7db;
    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, #f7f8fa 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: #17191c;
    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: #f1f2f4;
    border: 1px solid #c9cdd2;
    border-radius: 7px;
    color: #d4d4d4;
    font-size: 11px;
    font-weight: 700;
}

.orders-registration[b-xd042vscrj] {
    background: #dfe2e5;
    border-color: #46484b;
    color: #17191c;
}

.orders-service-pill[b-xd042vscrj] {
    border-color: rgba(239, 51, 64, 0.28);
}
.orders-registration[b-xd042vscrj] {
    color: #17191c;
}

.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: #17191c;
    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: #17191c;
        }


/* VALUES */

.orders-side-value[b-xd042vscrj] {
    color: #17191c;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
}

.orders-muted[b-xd042vscrj] {
    display: block;
    margin-top: 6px;
    color: #686e75;
    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: #17191c;
    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 #b4b9bf;
    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: #17191c;
    }

    .orders-action-button:hover[b-xd042vscrj] {
        background: rgba(239, 51, 64, 0.08);
        border-color: #ef3340;
        color: #17191c;
    }


/* INVOICE */

.orders-invoice-number[b-xd042vscrj] {
    max-width: 100%;
    overflow: hidden;
    color: #17191c;
    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: #737980;
        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: #686e75;
}


/* 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, #ffffff 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: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.orders-modal h2[b-xd042vscrj] {
    margin: 0;
    color: #17191c;
    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: #17191c;
    }


/* 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: #ffffff;
        border: 1px solid #d7dade;
        border-radius: 10px;
        color: #17191c;
        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: #737980;
            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: #686e75;
        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: #ffffff;
        border: 1px solid #d7dade;
        border-radius: 8px;
        color: #17191c;
        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: #686e75;
        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: #686e75;
        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: #656b72d75;
}

    .orders-modal-cancel:hover:not(:disabled)[b-xd042vscrj] {
        border-color: #555555;
        color: #17191c;
    }

.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 #dfe2e5;
    }

        .orders-side-column:nth-last-child(-n+3)[b-xd042vscrj] {
            border-top: 1px solid #dfe2e5;
        }
}


@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 #dfe2e5;
    }

    .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: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 14px;
}

.orders-filter-label[b-xd042vscrj] {
    flex-shrink: 0;
    color: #737980;
    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: #f4f5f6;
    color: #6f757d;
    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: #f1f2f4;
        border-color: #b4b9bf;
        color: #17191c;
    }

    .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: #dfe2e5;
        color: #737980;
        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: #17191c;
    }

        .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 #d4d7db;
    border-radius: 10px;

    color: #17191c;

    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: #b4b9bf;
}

.orders-invoice-field input[type="time"]:focus[b-xd042vscrj] {
    background: #ffffff315;
    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 #d4d7db;
    border-radius: 10px;
    color: #17191c;
    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: #b4b9bf;
    }


    /* FOCUS */

    .orders-invoice-field input[type="date"]:focus[b-xd042vscrj],
    .orders-invoice-field input[type="time"]:focus[b-xd042vscrj] {
        background: #ffffff315;
        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: #ffffff;
    border: 1px solid #d4d7db;
    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: #737980;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 0.13em;
    }

    .orders-focus-bar strong[b-xd042vscrj] {
        color: #17191c;
        font-size: 14px;
        font-weight: 800;
    }

    .orders-focus-bar button[b-xd042vscrj] {
        min-height: 38px;
        padding: 0 14px;
        background: #f1f2f4;
        border: 1px solid #383a3d;
        border-radius: 8px;
        color: #343940;
        font-family: inherit;
        font-size: 11px;
        font-weight: 800;
        cursor: pointer;
    }

        .orders-focus-bar button:hover[b-xd042vscrj] {
            background: #dfe2e5;
            border-color: #b4b9bf;
            color: #17191c;
        }

/* BASE VISUAL FINAL: PEDIDOS ADQUIRIDOS */
.orders-counter[b-xd042vscrj] { background: #fff; border-color: #d4d7db; box-shadow: 0 10px 28px rgba(17,24,39,.06); }
.orders-row[b-xd042vscrj],
.orders-row:hover[b-xd042vscrj] { background: linear-gradient(90deg, #fff 0%, #fff 74%, rgba(239,51,64,.055) 100%); border-color: #d4d7db; box-shadow: 0 10px 28px rgba(17,24,39,.06); }
.orders-row:hover[b-xd042vscrj] { transform: translateY(-2px); border-color: #c0c5ca; box-shadow: 0 15px 34px rgba(17,24,39,.09); }
.orders-info-column[b-xd042vscrj],
.orders-side-column[b-xd042vscrj] { border-left-color: #dde0e3; }
.orders-label[b-xd042vscrj] { color: #737980; }
.orders-main h2[b-xd042vscrj],
.orders-info-title[b-xd042vscrj],
.orders-side-value[b-xd042vscrj],
.orders-invoice-number[b-xd042vscrj] { color: #17191c; }
.orders-registration[b-xd042vscrj] { background: #f1f3f5; border-color: #bfc4c9; color: #25292d; }
.orders-service-pill[b-xd042vscrj] { background: #fff7f7; border-color: #f0c7ca; color: #555b62; }
.orders-action-button[b-xd042vscrj] { background: #fff; border-color: #b9bec4; color: #292d31; }
.orders-action-button:hover[b-xd042vscrj] { background: #fff3f4; border-color: #ef3340; color: #17191c; }

/* =========================================================
   MODAIS — TEMA CLARO FINAL
   ========================================================= */

.orders-modal-backdrop[b-xd042vscrj] {
    background: rgba(17, 24, 39, 0.56);
    backdrop-filter: blur(5px);
}

.orders-modal[b-xd042vscrj] {
    width: min(100%, 500px);
    max-height: calc(100vh - 48px);
    box-sizing: border-box;
    padding: 30px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #d7dade;
    border-radius: 16px;
    box-shadow: 0 28px 90px rgba(17, 24, 39, 0.24);
}

.orders-modal h2[b-xd042vscrj] {
    margin: 0;
    color: #17191c;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -0.6px;
}

.orders-modal > p[b-xd042vscrj] {
    margin: 12px 0 24px;
    color: #737980;
    font-size: 13px;
    line-height: 1.5;
}

    .orders-modal > p strong[b-xd042vscrj] {
        color: #17191c;
    }


/* OPÇÕES DE ESTADO */

.orders-status-options[b-xd042vscrj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .orders-status-options button[b-xd042vscrj] {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
        box-sizing: border-box;
        padding: 15px 17px;
        background: #ffffff;
        border: 1px solid #d7dade;
        border-radius: 10px;
        color: #17191c;
        font-family: inherit;
        text-align: left;
        cursor: pointer;
        transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

        .orders-status-options button:hover:not(:disabled)[b-xd042vscrj] {
            transform: translateY(-1px);
            background: #f7f8fa;
            border-color: #b9bec4;
            box-shadow: 0 8px 20px rgba(17, 24, 39, 0.06);
        }

        .orders-status-options button strong[b-xd042vscrj] {
            color: #17191c;
            font-size: 14px;
            font-weight: 900;
        }

        .orders-status-options button span[b-xd042vscrj] {
            color: #737980;
            font-size: 12px;
            line-height: 1.45;
        }

        .orders-status-options button:disabled[b-xd042vscrj] {
            opacity: 0.55;
            cursor: wait;
            transform: none;
        }


    /* OPÇÃO CANCELAR SERVIÇO */

    .orders-status-options .orders-status-option-danger[b-xd042vscrj] {
        background: #fffafa;
        border-color: #efc8cb;
    }

        .orders-status-options .orders-status-option-danger:hover:not(:disabled)[b-xd042vscrj] {
            background: #fff1f2;
            border-color: #ef3340;
        }

        .orders-status-options .orders-status-option-danger strong[b-xd042vscrj] {
            color: #b52b32;
        }


/* ERRO */

.orders-modal-error[b-xd042vscrj] {
    margin-bottom: 16px;
    padding: 12px 14px;
    background: #fff1f2;
    border: 1px solid #efc4c7;
    border-radius: 8px;
    color: #a82a31;
    font-size: 11px;
}


/* RODAPÉ DO MODAL */

.orders-modal-footer[b-xd042vscrj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e4e6e8;
}

.orders-modal-cancel[b-xd042vscrj],
.orders-modal-save[b-xd042vscrj] {
    min-height: 40px;
    box-sizing: border-box;
    padding: 0 16px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.orders-modal-cancel[b-xd042vscrj] {
    background: #ffffff;
    border: 1px solid #c7ccd1;
    color: #343940;
}

    .orders-modal-cancel:hover:not(:disabled)[b-xd042vscrj] {
        background: #f4f5f6;
        border-color: #aeb4ba;
        color: #17191c;
    }

.orders-modal-save[b-xd042vscrj] {
    background: #ef3340;
    border: 1px solid #ef3340;
    color: #ffffff;
}

    .orders-modal-save:hover:not(:disabled)[b-xd042vscrj] {
        background: #d92b37;
        border-color: #d92b37;
    }

    .orders-modal-cancel:disabled[b-xd042vscrj],
    .orders-modal-save:disabled[b-xd042vscrj] {
        opacity: 0.55;
        cursor: wait;
    }


/* ESTADO AGENDADO */

.orders-status-scheduled[b-xd042vscrj] {
    color: #3867b2;
    background: #eef4ff;
    border: 1px solid #c9daf7;
}

    .orders-status-scheduled > span[b-xd042vscrj] {
        background: #5686d4;
    }


/* CAMPOS DOS OUTROS MODAIS */

.orders-invoice-field input[type="text"][b-xd042vscrj],
.orders-invoice-field input[type="date"][b-xd042vscrj],
.orders-invoice-field input[type="time"][b-xd042vscrj],
.orders-invoice-field input[type="number"][b-xd042vscrj] {
    background: #ffffff;
    border-color: #cfd3d7;
    color: #17191c;
}

.orders-invoice-field input:focus[b-xd042vscrj] {
    background: #ffffff;
    border-color: #ef3340;
    box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.1);
}


/* RESPONSIVE */

@media (max-width: 600px) {
    .orders-modal-backdrop[b-xd042vscrj] {
        align-items: flex-end;
        padding: 12px;
    }

    .orders-modal[b-xd042vscrj] {
        max-height: calc(100vh - 24px);
        padding: 24px 20px;
        border-radius: 16px;
    }

    .orders-modal-footer[b-xd042vscrj] {
        flex-direction: column-reverse;
    }

    .orders-modal-cancel[b-xd042vscrj],
    .orders-modal-save[b-xd042vscrj] {
        width: 100%;
    }
}

/* =========================================================
   MODAL ADICIONAR FATURA
   ========================================================= */

.orders-invoice-modal[b-xd042vscrj] {
    width: min(100%, 570px);
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 16px;
    box-shadow: 0 28px 90px rgba(17, 24, 39, 0.24);
}

.orders-modal-header[b-xd042vscrj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 28px 22px;
    border-bottom: 1px solid #e1e4e7;
}

    .orders-modal-header h2[b-xd042vscrj] {
        margin: 0;
        color: #17191c;
        font-size: 26px;
        font-weight: 900;
        line-height: 1.1;
        letter-spacing: -0.6px;
    }

    .orders-modal-header p[b-xd042vscrj] {
        margin: 10px 0 0;
        color: #737980;
        font-size: 12px;
        line-height: 1.5;
    }

.orders-modal-close[b-xd042vscrj] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #c8cdd2;
    border-radius: 8px;
    color: #343940;
    font-family: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .orders-modal-close:hover:not(:disabled)[b-xd042vscrj] {
        background: #f4f5f6;
        border-color: #aeb4ba;
    }

    .orders-modal-close:disabled[b-xd042vscrj] {
        opacity: 0.5;
        cursor: wait;
    }

.orders-modal-body[b-xd042vscrj] {
    padding: 24px 28px 4px;
}


/* FORMULÁRIO */

.orders-invoice-form[b-xd042vscrj] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0;
}

.orders-invoice-row[b-xd042vscrj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.orders-invoice-field[b-xd042vscrj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

    .orders-invoice-field label[b-xd042vscrj] {
        color: #686e75;
        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: 46px;
        box-sizing: border-box;
        padding: 0 14px;
        background: #ffffff;
        border: 1px solid #cfd3d7;
        border-radius: 9px;
        color: #17191c;
        font-family: inherit;
        font-size: 12px;
        outline: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .orders-invoice-field input[b-xd042vscrj]::placeholder {
        color: #969ca3;
    }

    .orders-invoice-field input:focus[b-xd042vscrj] {
        background: #ffffff;
        border-color: #ef3340;
        box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.1);
    }


/* SELETOR DE PDF */

.orders-file-upload[b-xd042vscrj] {
    position: relative;
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    padding: 13px 15px;
    overflow: hidden;
    background: #f8f9fa;
    border: 1px dashed #bcc2c8;
    border-radius: 10px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .orders-file-upload:hover[b-xd042vscrj] {
        background: #fff7f7;
        border-color: #ef3340;
    }

    /* InputFile é um componente Blazor: precisa de ::deep */

    .orders-file-upload[b-xd042vscrj]  .orders-invoice-file {
        position: absolute !important;
        z-index: 5;
        inset: 0;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        cursor: pointer;
    }

.orders-file-upload[b-xd042vscrj] {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 72px;
    overflow: hidden;
}

.orders-file-upload-icon[b-xd042vscrj] {
    position: relative;
    z-index: 1;
    grid-column: 1;
}

.orders-file-upload-copy[b-xd042vscrj] {
    position: relative;
    z-index: 1;
    grid-column: 2;
    min-width: 0;
    overflow: hidden;
}

    .orders-file-upload-copy strong[b-xd042vscrj],
    .orders-file-upload-copy small[b-xd042vscrj] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.orders-file-upload-icon[b-xd042vscrj] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    background: #fff1f2;
    border: 1px solid #f1c4c7;
    border-radius: 9px;
    color: #ef3340;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.6px;
}

.orders-file-upload-copy[b-xd042vscrj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .orders-file-upload-copy strong[b-xd042vscrj] {
        overflow: hidden;
        color: #272b2f;
        font-size: 12px;
        font-weight: 900;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .orders-file-upload-copy small[b-xd042vscrj] {
        color: #7b8188;
        font-size: 10px;
    }


/* VALOR */

.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: #686e75;
        font-size: 12px;
        font-weight: 800;
        pointer-events: none;
    }


/* RODAPÉ */

.orders-invoice-modal .orders-modal-footer[b-xd042vscrj] {
    margin: 24px 28px 0;
    padding: 18px 0 26px;
    border-top: 1px solid #e1e4e7;
}


/* RESPONSIVE */

@media (max-width: 600px) {
    .orders-invoice-modal[b-xd042vscrj] {
        width: 100%;
    }

    .orders-modal-header[b-xd042vscrj] {
        padding: 22px 20px 18px;
    }

    .orders-modal-body[b-xd042vscrj] {
        padding: 20px 20px 2px;
    }

    .orders-invoice-row[b-xd042vscrj] {
        grid-template-columns: 1fr;
    }

    .orders-invoice-modal .orders-modal-footer[b-xd042vscrj] {
        margin: 22px 20px 0;
        padding-bottom: 20px;
    }
}
/* /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: #17191c;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 900;
    letter-spacing: -1.5px;
}

.acquired-header p[b-pzylgzmyvv] {
    margin: 8px 0 0;
    color: #686e75;
    font-size: 13px;
}

.acquired-counter[b-pzylgzmyvv] {
    min-width: 160px;
    padding: 15px 19px;
    background: linear-gradient(145deg, #ffffff, #f5f6f7);
    border: 1px solid #2a2a2a;
    border-radius: 11px;
}

    .acquired-counter span[b-pzylgzmyvv] {
        display: block;
        color: #686e75;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .acquired-counter strong[b-pzylgzmyvv] {
        display: block;
        margin-top: 3px;
        color: #17191c;
        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, #ffffff 0%, #ffffff 72%, rgba(239, 51, 64, .07) 100% );
    border: 1px solid #d4d7db;
    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, #f7f8fa 0%, #f7f8fa 72%, rgba(239, 51, 64, .09) 100% );
        border-color: #b4b9bf;
    }

    .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: #17191c;
    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: #ffffff;
    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: #686e75;
        font-size: 11px;
        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: 10px;
        line-height: 1.4;
    }


/* =========================================================
   QUOTE
   ========================================================= */

.acquired-quote[b-pzylgzmyvv] {
    min-width: 0;
    padding-left: 20px;
    border-left: 1px solid #dfe2e5;
}

.acquired-price[b-pzylgzmyvv] {
    display: block;
    color: #17191c;
    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: #656b72;
    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, #ffffff, #ffffff);
    border: 1px solid #dfe2e5;
    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: #17191c;
    font-size: 16px;
}

.acquired-state > span[b-pzylgzmyvv] {
    max-width: 430px;
    margin-top: 8px;
    color: #686e75;
    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: 2000;
    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: #ffffff;
    border: 1px solid #d4d7db;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(17, 24, 39, .12);
}

.acquired-modal-header[b-pzylgzmyvv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid #d4d7db;
}

    .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: #17191c;
        font-size: 20px;
        font-weight: 900;
    }

    .acquired-modal-header p[b-pzylgzmyvv] {
        margin: 0;
        color: #737980;
        font-size: 12px;
    }

.acquired-modal-close[b-pzylgzmyvv] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    padding: 0;
    background: #f1f2f4;
    border: 1px solid #383a3d;
    border-radius: 8px;
    color: #343940;
    font-family: inherit;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

    .acquired-modal-close:hover[b-pzylgzmyvv] {
        background: #dfe2e5;
        border-color: #b4b9bf;
        color: #17191c;
    }

.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: #737980;
        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 #d4d7db;
        border-radius: 10px;
        color: #17191c;
        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 #d4d7db;
}

.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: #f1f2f4;
    border: 1px solid #383a3d;
    color: #343940;
}

    .acquired-modal-secondary:hover:not(:disabled)[b-pzylgzmyvv] {
        background: #dfe2e5;
        border-color: #b4b9bf;
        color: #17191c;
    }

.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: #17191c;
    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: #6f757d;
    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: #6f757d;
    }

/* 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 #dfe2e5;
}

    .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: #737980;
        font-size: 10px;
        line-height: 1.35;
        text-decoration: none;
        transition: color .15s ease;
    }

        .legal-toc a:hover[b-q6g7yhaan2] {
            color: #17191c;
        }

/* 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 #dfe2e5;
    color: #17191c;
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -.015em;
}

.legal-content h3[b-q6g7yhaan2] {
    margin: 0;
    color: #17191c;
    font-size: 13px;
    font-weight: 800;
}

.legal-content p[b-q6g7yhaan2] {
    margin: 0 0 15px;
    color: #686f77;
    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: #686f77;
    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 #d4d7db;
    border-radius: 9px;
    background: #ffffff;
}

    .cookie-category-card.required[b-q6g7yhaan2] {
        border-color: rgba(239, 51, 64, .45);
        background: linear-gradient( 135deg, #ffffff 0%, #ffffff 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 #c9cdd2;
        border-radius: 4px;
        color: #737980;
        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: #737980;
    font-size: 10px;
    line-height: 1.6;
}

/* ESTADO ATUAL */

.cookie-status-card[b-q6g7yhaan2] {
    margin: 20px 0;
    padding: 18px;
    border: 1px solid #d4d7db;
    border-left: 3px solid #ef3340;
    border-radius: 8px;
    background: #ffffff;
}

    .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: #17191c;
        font-size: 11px;
    }

    .cookie-status-card > p[b-q6g7yhaan2] {
        margin: 0;
        color: #737980;
        font-size: 10px;
        line-height: 1.6;
    }

/* TABELA */

.legal-info-table[b-q6g7yhaan2] {
    margin: 21px 0;
    overflow: hidden;
    border: 1px solid #d4d7db;
    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 #dfe2e5;
        background: #ffffff;
    }

        .legal-info-table > div:last-child[b-q6g7yhaan2] {
            border-bottom: 0;
        }

    .legal-info-table strong[b-q6g7yhaan2] {
        color: #17191c;
        font-size: 11px;
    }

    .legal-info-table span[b-q6g7yhaan2] {
        color: #6f757d;
        font-size: 10px;
        line-height: 1.55;
    }

/* CONTACTOS */

.legal-contact-card[b-q6g7yhaan2] {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #d4d7db;
    border-radius: 10px;
    background: #ffffff;
}

    .legal-contact-card > div[b-q6g7yhaan2] {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 18px;
        padding: 15px 17px;
        border-bottom: 1px solid #dfe2e5;
    }

        .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: #17191c;
        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: #6f757d;
        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 #dfe2e5;
        border-radius: 9px;
        background: #ffffff213;
    }

        .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: #17191c;
    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: #6f757d;
    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: #6f757d;
    }

.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 #dfe2e5;
}

    .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: #737980;
        font-size: 10px;
        line-height: 1.35;
        text-decoration: none;
        transition: color .15s ease;
    }

        .legal-toc a:hover[b-h0lvs76wfz] {
            color: #17191c;
        }

.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 #dfe2e5;
    color: #17191c;
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -.015em;
}

.legal-content p[b-h0lvs76wfz] {
    margin: 0 0 15px;
    color: #686f77;
    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: #686f77;
    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 #d4d7db;
    border-radius: 9px;
    background: #ffffff;
}

    .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: #17191c;
        font-size: 12px;
    }

    .privacy-data-card > p[b-h0lvs76wfz] {
        margin: 0;
        color: #737980;
        font-size: 10px;
        line-height: 1.55;
    }

/* FUNDAMENTOS */

.legal-info-table[b-h0lvs76wfz] {
    margin: 21px 0;
    overflow: hidden;
    border: 1px solid #d4d7db;
    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 #dfe2e5;
        background: #ffffff;
    }

        .legal-info-table > div:last-child[b-h0lvs76wfz] {
            border-bottom: 0;
        }

    .legal-info-table strong[b-h0lvs76wfz] {
        color: #17191c;
        font-size: 11px;
    }

    .legal-info-table span[b-h0lvs76wfz] {
        color: #6f757d;
        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 #d4d7db;
        border-radius: 8px;
        background: #ffffff;
    }

    .rights-grid strong[b-h0lvs76wfz] {
        display: block;
        margin-bottom: 5px;
        color: #17191c;
        font-size: 11px;
    }

    .rights-grid span[b-h0lvs76wfz] {
        color: #737980;
        font-size: 10px;
        line-height: 1.5;
    }

/* CONTACTOS */

.legal-contact-card[b-h0lvs76wfz] {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #d4d7db;
    border-radius: 10px;
    background: #ffffff;
}

    .legal-contact-card > div[b-h0lvs76wfz] {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 18px;
        padding: 15px 17px;
        border-bottom: 1px solid #dfe2e5;
    }

        .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: #17191c;
        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: #6f757d;
        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 #dfe2e5;
        border-radius: 9px;
        background: #ffffff213;
    }

        .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: #17191c;
    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: #6f757d;
    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: #6f757d;
    }

.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 #dfe2e5;
}

    .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: #737980;
        font-size: 10px;
        line-height: 1.35;
        text-decoration: none;
        transition: color .15s ease;
    }

        .legal-toc a:hover[b-7c1fj26iop] {
            color: #17191c;
        }

/* 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 #dfe2e5;
    color: #17191c;
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -.015em;
}

.legal-content p[b-7c1fj26iop] {
    margin: 0 0 15px;
    color: #686f77;
    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 #d4d7db;
    border-radius: 10px;
    background: #ffffff;
}

    .legal-contact-card > div[b-7c1fj26iop] {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 18px;
        padding: 15px 17px;
        border-bottom: 1px solid #dfe2e5;
    }

        .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: #17191c;
        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: #6f757d;
        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 #dfe2e5;
        border-radius: 9px;
        background: #ffffff213;
    }

        .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: #17191c;
    background: radial-gradient(ellipse 55% 65% at 82% 32%, rgba(255, 45, 45, .08), transparent 72%), linear-gradient(115deg, #ffffff 0%, #f7f8fa 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: 54px;
        height: 54px;
        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: #17191c;
        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: #737980;
        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, #ffffff 0%, #ffffff 50%, #ffffff 100% );
    border: 1px solid #cfd3d7;
    border-radius: 18px;
    color: #17191c;
    text-decoration: none;
    box-shadow: 0 30px 75px rgba(17, 24, 39, .12), 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: #b9bdc2;
        box-shadow: 0 30px 80px rgba(17, 24, 39, .12);
    }


/* 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(17, 24, 39, .12), 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: #70767d;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

.register-card-heading h2[b-ewm6plr1qp] {
    margin: 7px 0 14px;
    color: #17191c;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -1px;
}


/* TEXTO */

.register-card > p[b-ewm6plr1qp] {
    min-height: 68px;
    margin: 0;
    color: #626970;
    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: #42474e;
    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 #dfe2e5;
}

    .register-card-action strong[b-ewm6plr1qp] {
        color: #17191c;
        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: #747a81;
        font-size: 13px;
    }

        .register-footer p a[b-ewm6plr1qp] {
            margin-left: 5px;
            color: #17191c;
            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: #686e75;
    font-size: 12px;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

    .register-back:hover[b-ewm6plr1qp] {
        color: #17191c;
        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] {
            width: 46px;
            height: 46px;
        }

    .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: #17191c;
    background: radial-gradient(ellipse 55% 65% at 82% 32%, rgba(255, 45, 45, .08), transparent 72%), linear-gradient(115deg, #ffffff 0%, #f7f8fa 100%);
}

/* LOGO */

.client-register-brand[b-64dxpohuf8] {
    position: absolute;
    top: 24px;
    left: 40px;
}

    .client-register-brand img[b-64dxpohuf8] {
        display: block;
        width: 54px;
        height: 54px;
    }


/* 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, #ffffff 0%, #ffffff 45%, #ffffff 100% );
    border: 1px solid #cfd3d7;
    border-radius: 20px;
    box-shadow: 0 35px 90px rgba(17, 24, 39, .12), 0 10px 30px rgba(17, 24, 39, .12), 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: #17191c;
    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: #747a81;
    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: #42474e;
        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: #fafafa !important;
    color: #17191c !important;
    border: 1px solid #d7dade !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: #8a8f95 !important;
        opacity: 1;
    }

    [b-64dxpohuf8] .client-register-input:hover {
        border-color: #b9bdc2 !important;
    }

    [b-64dxpohuf8] .client-register-input:focus {
        background: #ffffff !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: #737980;
    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: #17191c;
    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: #17191c;
    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: #17191c;
        font-size: 13px;
    }

    .client-register-success span[b-64dxpohuf8] {
        display: block;
        color: #6d737a;
        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: #6a7077;
    font-size: 12px;
}

    .client-register-login a[b-64dxpohuf8] {
        margin-left: 4px;
        color: #17191c;
        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: #686e75;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}

    .client-register-back:hover[b-64dxpohuf8] {
        color: #17191c;
    }


/* 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] {
            width: 46px;
            height: 46px;
        }

    .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: #17191c;
    background: radial-gradient(ellipse 55% 65% at 82% 32%, rgba(255, 45, 45, .08), transparent 72%), linear-gradient(115deg, #ffffff 0%, #f7f8fa 100%);
}

.workshop-register-brand[b-fd90u5syqg] {
    position: absolute;
    top: 24px;
    left: 40px;
}

    .workshop-register-brand img[b-fd90u5syqg] {
        display: block;
        width: 54px;
        height: 54px;
    }

.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, #ffffff 0%, #ffffff 45%, #ffffff 100% );
    border: 1px solid #cfd3d7;
    border-radius: 20px;
    box-shadow: 0 35px 90px rgba(17, 24, 39, .12), 0 10px 30px rgba(17, 24, 39, .12), 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: #17191c;
    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: #70767d;
    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: #17191c;
        font-size: 14px;
    }

    .workshop-section-title small[b-fd90u5syqg] {
        display: block;
        margin-top: 3px;
        color: #686e75;
        font-size: 11px;
    }

.workshop-divider[b-fd90u5syqg] {
    height: 1px;
    margin: 28px 0;
    background: #dfe2e5;
}

.workshop-register-field[b-fd90u5syqg] {
    width: 100%;
    margin-bottom: 18px;
}

    .workshop-register-field label[b-fd90u5syqg] {
        display: block;
        margin-bottom: 8px;
        color: #42474e;
        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: #fafafa !important;
    color: #17191c !important;
    border: 1px solid #d7dade !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: #8a8f95 !important;
        opacity: 1;
    }

    [b-fd90u5syqg] .workshop-register-input:hover {
        border-color: #b9bdc2 !important;
    }

    [b-fd90u5syqg] .workshop-register-input:focus {
        background: #ffffff !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: #737980;
    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: #17191c;
    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: #17191c;
    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: #17191c;
        font-size: 13px;
    }

    .workshop-register-success span[b-fd90u5syqg] {
        display: block;
        color: #6d737a;
        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: #6a7077;
    font-size: 12px;
}

    .workshop-register-login a[b-fd90u5syqg] {
        margin-left: 4px;
        color: #17191c;
        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: #686e75;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}

    .workshop-register-back:hover[b-fd90u5syqg] {
        color: #17191c;
    }

@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] {
            width: 46px;
            height: 46px;
        }

    .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: #17191c;
}

/* 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: #17191c;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.subscription-header p[b-eeua0a0d5m] {
    max-width: 650px;
    margin: 9px 0 0;
    color: #6f757d;
    font-size: 14px;
    line-height: 1.6;
}

.subscription-state[b-eeua0a0d5m] {
    min-width: 190px;
    padding: 16px 18px;
    border: 1px solid #d4d7db;
    border-radius: 10px;
    background: #ffffff;
}

    .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: #17191c;
        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 #d4d7db;
    border-radius: 10px;
    background: #ffffff;
    color: #6f757d;
}

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

    .subscription-error strong[b-eeua0a0d5m] {
        color: #17191c;
        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 #b4b9bf;
        border-radius: 7px;
        background: #f1f2f4;
        color: #17191c;
        font-family: inherit;
        font-weight: 800;
        cursor: pointer;
    }

/* SUBSCRIÇÃO ATUAL */

.current-subscription[b-eeua0a0d5m] {
    margin-bottom: 28px;
    padding: 24px;
    border: 1px solid #d4d7db;
    border-radius: 12px;
    background: linear-gradient( 110deg, #ffffff 0%, #ffffff 74%, rgba(239, 51, 64, .055) 100% );
}

.current-subscription-main[b-eeua0a0d5m] {
    margin-bottom: 22px;
}

    .current-subscription-main h2[b-eeua0a0d5m] {
        margin: 0;
        color: #17191c;
        font-size: 22px;
        font-weight: 800;
    }

    .current-subscription-main p[b-eeua0a0d5m] {
        max-width: 680px;
        margin: 8px 0 0;
        color: #6f757d;
        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 #d4d7db;
    border-radius: 9px;
    background: #d4d7db;
}

    .subscription-details > div[b-eeua0a0d5m] {
        min-height: 82px;
        padding: 17px 18px;
        background: #f4f5f6;
    }

    .subscription-details span[b-eeua0a0d5m] {
        display: block;
        margin-bottom: 8px;
        color: #737980;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .subscription-details strong[b-eeua0a0d5m] {
        color: #17191c;
        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: #686f77;
        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: #17191c;
        font-size: 21px;
        font-weight: 800;
    }

    .section-heading > p[b-eeua0a0d5m] {
        margin: 0;
        color: #737980;
        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 #d4d7db;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

    .plan-card:hover[b-eeua0a0d5m] {
        transform: translateY(-2px);
        border-color: #b4b9bf;
        background: #f7f8fa;
    }

    .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, #ffffff 0%, #ffffff 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: #737980;
    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: #17191c;
    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: #17191c;
        font-size: 30px;
        font-weight: 900;
        letter-spacing: -.035em;
    }

    .plan-price span[b-eeua0a0d5m] {
        color: #737980;
        font-size: 12px;
    }

.plan-card > p[b-eeua0a0d5m] {
    min-height: 42px;
    margin: 0 0 20px;
    color: #6f757d;
    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 #dfe2e5;
    color: #596068;
    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 #b4b9bf;
    border-radius: 8px;
    background: #f1f2f4;
    color: #17191c;
    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 #d4d7db;
    border-radius: 12px;
    background: #ffffff;
}

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

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

    .payment-total strong[b-eeua0a0d5m] {
        color: #17191c;
        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 #d4d7db;
    border-radius: 9px;
    background: #f4f5f6;
    color: #17191c;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

    .payment-method:hover[b-eeua0a0d5m] {
        border-color: #b4b9bf;
        background: #f1f2f4;
    }

    .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 #b4b9bf;
    border-radius: 7px;
    background: #dfe2e5;
    color: #17191c;
    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: #737980;
    font-size: 10px;
}

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

    .phone-field label[b-eeua0a0d5m] {
        display: block;
        margin-bottom: 7px;
        color: #555b63;
        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 #c9cdd2;
        border-radius: 7px;
        background: #f1f2f4;
        color: #17191c;
        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: #737980;
        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 #d4d7db;
}

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

    .payment-footer span[b-eeua0a0d5m] {
        color: #737980;
        font-size: 10px;
    }

    .payment-footer strong[b-eeua0a0d5m] {
        color: #17191c;
        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 #b4b9bf;
        background: #f1f2f4;
        color: #555b63;
    }

/* 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 #c9cdd2;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 24px 80px rgba(17, 24, 39, .12);
}

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

    .payment-close:hover[b-eeua0a0d5m] {
        border-color: #ef3340;
        color: #17191c;
    }

.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: #17191c;
    font-size: 23px;
    font-weight: 800;
}

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

.multibanco-details[b-eeua0a0d5m] {
    overflow: hidden;
    border: 1px solid #d4d7db;
    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 #d4d7db;
        background: #f4f5f6;
    }

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

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

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

.payment-waiting[b-eeua0a0d5m] {
    display: block;
    margin-top: 13px;
    color: #737980;
    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 #d4d7db;
    border-radius: 9px;
    background: #f4f5f6;
}

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

    .mbway-waiting strong[b-eeua0a0d5m] {
        color: #17191c;
        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: #17191c;
}

/* =========================================================
   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: #6f757d;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: color .16s ease;
}

    .history-back:hover[b-82hhgslojx] {
        color: #17191c;
    }

.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: #17191c;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.7px;
}

.history-header p[b-82hhgslojx] {
    margin: 0;
    color: #6f757d;
    font-size: 14px;
    line-height: 1.6;
}

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

.history-plate[b-82hhgslojx] {
    min-width: 150px;
    padding: 15px 18px 17px;
    border: 1px solid #d4d7db;
    border-radius: 11px;
    background: linear-gradient( 145deg, #f4f5f6 0%, #1a1c1e 100% );
}

    .history-plate > span[b-82hhgslojx] {
        display: block;
        margin-bottom: 8px;
        color: #737980;
        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 #b4b9bf;
        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 #d4d7db;
    border-radius: 12px;
    background: linear-gradient( 90deg, #ffffff 0%, #ffffff 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: #17191c;
    font-size: 16px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vehicle-summary-main small[b-82hhgslojx] {
    margin-top: 5px;
    color: #737980;
    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 #d4d7db;
    border-radius: 13px;
    background: linear-gradient( 145deg, #ffffff 0%, #f5f6f7 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: #17191c;
    font-size: 17px;
    font-weight: 800;
}

.history-card-header p[b-82hhgslojx] {
    margin: 6px 0 0;
    color: #737980;
    font-size: 12px;
}

.history-count[b-82hhgslojx] {
    min-width: 78px;
    padding: 10px 14px;
    border: 1px solid #383a3d;
    border-radius: 9px;
    background: #f1f2f4;
    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: #17191c;
        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 #d4d7db;
    border-radius: 10px;
    background: linear-gradient( 90deg, #f4f5f6 0%, #f4f5f6 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: #b4b9bf;
        background: linear-gradient( 90deg, #f1f2f4 0%, #f1f2f4 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 #c9cdd2;
    border-radius: 8px;
    background: #dfe2e5;
}

    .history-date > span[b-82hhgslojx] {
        color: #17191c;
        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 #c9cdd2;
    border-radius: 6px;
    background: #dfe2e5;
    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 #c9cdd2;
    border-radius: 50%;
    background: #f1f2f4;
    color: #737980;
    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: #17191c;
    font-size: 14px;
    font-weight: 800;
}

.history-empty span[b-82hhgslojx] {
    color: #737980;
    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 #d4d7db;
    border-radius: 12px;
    background: #ffffff;
    color: #6f757d;
    font-size: 14px;
}

    .history-state.error strong[b-82hhgslojx] {
        color: #17191c;
        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;
}

/* =========================================================
   PESQUISA CLARA FINAL
   ========================================================= */

.vehicle-search-card[b-l2fufmpna0] {
    background: #ffffff;
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .06);
}

.vehicle-search-heading h2[b-l2fufmpna0] { color: #17191c; }
.vehicle-search-heading p[b-l2fufmpna0] { color: #6f757d; }

.vehicle-search-form input[b-l2fufmpna0],
.vehicle-search-form input:hover[b-l2fufmpna0] {
    background: #ffffff;
    border-color: #c8cdd2;
    color: #17191c;
}

.vehicle-search-form input[b-l2fufmpna0]::placeholder { color: #8a9097; }

.vehicle-search-form input:focus[b-l2fufmpna0] {
    background: #ffffff;
    border-color: #ef3340;
    box-shadow: 0 0 0 3px rgba(239, 51, 64, .10);
}

.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: #17191c;
    font-size: 22px;
    font-weight: 800;
}

.vehicle-search-heading p[b-l2fufmpna0] {
    margin: 7px 0 0;
    color: #737980;
    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: #17191c;
        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: #17191c;
        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: #686e75b82;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.10em;
}

.vehicle-result-top h2[b-l2fufmpna0] {
    margin: 0;
    color: #17191c;
    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: #656b72a70;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.10em;
    }

    .vehicle-details-grid strong[b-l2fufmpna0] {
        color: #17191c;
        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: #17191c;
        font-size: 14px;
        font-weight: 800;
    }

    .vehicle-customer span[b-l2fufmpna0],
    .vehicle-no-customer span[b-l2fufmpna0] {
        display: block;
        margin-top: 5px;
        color: #737980;
        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: #17191c;
    font-size: 14px;
    font-weight: 800;
}

.vehicle-not-found span[b-l2fufmpna0] {
    display: block;
    margin-top: 5px;
    color: #737980;
    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: #17191c;
    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: #17191c;
        font-size: 24px;
        font-weight: 800;
    }

    .service-request-header p[b-l2fufmpna0] {
        margin: 7px 0 0;
        color: #737980;
        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: #17191c;
    }


/* =========================================================
   FIELDS
   ========================================================= */

.service-request-field[b-l2fufmpna0] {
    margin-top: 22px;
}

    .service-request-field > label[b-l2fufmpna0] {
        display: block;
        margin-bottom: 10px;
        color: #686e75b82;
        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: #17191c;
    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: #17191c;
        font-size: 13px;
        font-weight: 750;
    }

    .service-option span[b-l2fufmpna0] {
        display: block;
        margin-top: 3px;
        color: #686e75b82;
        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: #686f77;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

    .service-request-cancel:hover:not(:disabled)[b-l2fufmpna0] {
        background: rgba(255, 255, 255, 0.06);
        color: #17191c;
    }

    .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, #ffffff, #fafafa );
    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: #17191c;
    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: #17191c;
    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: #ffffff;
        border: 1px solid #dfe2e5;
        border-radius: 10px;
        color: #17191c;
        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: #cfd3d7;
        }

        .vehicle-price-input input:focus[b-l2fufmpna0] {
            background: #ffffff;
            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: #686e75;
        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, #f4f5f6 0%, #1a1c1e 100% );
    border-color: #383a3d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

.vehicle-search-form input[b-l2fufmpna0] {
    background: #f5f6f7;
    border-color: #c9cdd2;
}

    .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, #ffffff 0%, #1c1e20 65%, #211b1c 100% );
    border-color: #d4d7db;
    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, #dfe2e5 0%, #e8eaed426 100% );
    border-color: #3e4043;
}

.vehicle-details-grid span[b-l2fufmpna0] {
    color: #737980;
}

.vehicle-details-grid strong[b-l2fufmpna0] {
    color: #17191c;
}


/* ---------------------------------------------------------
   ÁREA CRM / CLIENTE
   --------------------------------------------------------- */

.vehicle-crm-area[b-l2fufmpna0] {
    border-top-color: #353739;
}

.vehicle-customer[b-l2fufmpna0],
.vehicle-no-customer[b-l2fufmpna0] {
    background: #f1f2f4;
    border-color: #c9cdd2;
}

    .vehicle-customer span[b-l2fufmpna0],
    .vehicle-no-customer span[b-l2fufmpna0] {
        color: #6f757d;
    }


/* ---------------------------------------------------------
   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, #f4f5f6 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: #b4b9bf;
}

    .vehicle-not-found button:hover[b-l2fufmpna0] {
        background: #f1f2f4;
        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, #f4f5f6 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: #f1f2f4;
    border-color: #c9cdd2;
}

    .service-request-close:hover[b-l2fufmpna0] {
        background: #dfe2e5;
        border-color: #484a4d;
    }


/* ---------------------------------------------------------
   CAMPOS
   --------------------------------------------------------- */

.service-request-field > label[b-l2fufmpna0],
.vehicle-form-group > label[b-l2fufmpna0] {
    color: #6f757d;
}

.service-request-field input[type="datetime-local"][b-l2fufmpna0],
.service-request-field textarea[b-l2fufmpna0] {
    background: #f5f6f7;
    border-color: #c9cdd2;
}

    .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, #dfe2e5 0%, #e8eaed426 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: #6f757d;
    }


/* ---------------------------------------------------------
   PREÇO
   --------------------------------------------------------- */

.vehicle-price-input input[b-l2fufmpna0] {
    background: #f5f6f7;
    border-color: #c9cdd2;
}

    .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: #6f757d;
}

.vehicle-credit-preview[b-l2fufmpna0] {
    color: #a2a5a9;
}


/* ---------------------------------------------------------
   LOADING / AVISOS
   --------------------------------------------------------- */

.service-request-loading[b-l2fufmpna0] {
    background: #f1f2f4;
    border-color: #c9cdd2;
    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: #b4b9bf;
    color: #b0b3b7;
}

    .service-request-cancel:hover:not(:disabled)[b-l2fufmpna0] {
        background: #f1f2f4;
        border-color: #5a5c5f;
        color: #17191c;
    }


/* =========================================================
   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, #f4f5f6 0%, #1a1c1e 100% );
    border-color: #c9cdd2;
    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: #6f757d;
}

.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: #c9cdd2;
    }
}

/* =========================================================
   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: #6f757d;
    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: #f5f6f7;
    border: 1px solid #c9cdd2;
    border-radius: 10px;
    color: #17191c;
    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: #f4f5f6;
        color: #17191c;
    }

@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 #b4b9bf;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
    color: #17191c;
    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: #dfe2e5;
        border-color: #5a5c5f;
        transform: translateY(-1px);
    }


/* ---------------------------------------------------------
   SELECTOR
   --------------------------------------------------------- */

.vehicle-customer-selector[b-l2fufmpna0] {
    margin-top: 14px;
    padding: 20px;
    background: linear-gradient( 145deg, #f1f2f4 0%, #202224 100% );
    border: 1px solid #c9cdd2;
    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: #17191c;
        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: #f5f6f7;
        border: 1px solid #c9cdd2;
        border-radius: 9px;
        color: #17191c;
        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: #dfe2e5;
    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: #17191c;
        font-size: 13px;
        font-weight: 800;
    }

    .vehicle-customer-result-info span[b-l2fufmpna0] {
        display: block;
        margin-top: 4px;
        color: #6f757d;
        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: #17191c;
    }

    .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: #dfe2e5;
    border: 1px solid #3e4043;
    border-radius: 9px;
    color: #6f757d;
    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 #d4d7db;
}

.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: #17191c;
        font-size: 18px;
        font-weight: 700;
    }

    .vehicle-new-customer-header p[b-l2fufmpna0] {
        margin: 6px 0 0;
        color: #6f757d;
        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: #ffffff;
        color: #17191c;
        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: #6d737a;
        }

        .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 #b4b9bf;
        border-radius: 10px;
        background: #f1f2f4;
        color: #17191c;
        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: #dfe2e5;
            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 #d4d7db;
    border-radius: 11px;
    background: #f4f5f6;
    transition: background .18s ease, border-color .18s ease;
}

    .vehicle-new-customer-section .vehicle-customer-result:hover[b-l2fufmpna0] {
        background: #f1f2f4;
        border-color: #b4b9bf;
    }

.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: #17191c;
        font-size: 15px;
        font-weight: 700;
    }

    .vehicle-new-customer-section .vehicle-customer-result-info span[b-l2fufmpna0] {
        margin-top: 4px;
        color: #6f757d;
        font-size: 13px;
        word-break: break-word;
    }

    .vehicle-new-customer-section .vehicle-customer-result-info small[b-l2fufmpna0] {
        margin-top: 4px;
        color: #737980;
        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 #b4b9bf;
    border-radius: 8px;
    background: #dfe2e5;
    color: #17191c;
    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: #17191c;
        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: #737980;
        font-size: 11px;
    }

    .vehicle-new-customer-selected > button[b-l2fufmpna0] {
        flex: 0 0 auto;
        min-height: 40px;
        padding: 0 16px;
        border: 1px solid #b4b9bf;
        border-radius: 8px;
        background: #f4f5f6;
        color: #17191c;
        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 #c9cdd2;
    border-radius: 10px;
    background: #1a1c1e;
    color: #6f757d;
    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 #d4d7db;
    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: #6f757d;
        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: #ffffff;
        color: #17191c;
        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: #6d737a;
        }

        .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 #b4b9bf;
    border-radius: 8px;
    background: #f1f2f4;
    color: #17191c;
    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);
    }

/* PESQUISA CLARA PADRÃO CRM */
.vehicle-search-card[b-l2fufmpna0] {
    background: #fff;
    border-color: #d4d7db;
    box-shadow: 0 10px 28px rgba(17,24,39,.06);
}
.vehicle-search-heading h2[b-l2fufmpna0] { color: #17191c; }
.vehicle-search-heading p[b-l2fufmpna0] { color: #6f757d; }
.vehicle-search-form input[b-l2fufmpna0],
.vehicle-search-form input:hover[b-l2fufmpna0] {
    background: #fff;
    border-color: #c8cdd2;
    color: #17191c;
}
.vehicle-search-form input[b-l2fufmpna0]::placeholder { color: #8a9097; }
.vehicle-search-form input:focus[b-l2fufmpna0] {
    background: #fff;
    border-color: #ef3340;
    box-shadow: 0 0 0 3px rgba(239,51,64,.10);
}
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
```
@inject IJSRuntime JS

@if (isReady && !hasConsent)[b-0x560uo61t]
{
    <div class="cookie-overlay"></div>

    <section class="cookie-banner"
             role="dialog"
             aria-modal="true"
             aria-label="Preferências de cookies">

        @if (!showPreferences)
        {
            <div class="cookie-main">

                <div class="cookie-icon">
                    <svg viewBox="0 0 24 24"
                         aria-hidden="true">
                        <path d="M20.5 13.2A8.5 8.5 0 1 1 10.8 3.5a4.2 4.2 0 0 0 5.7 5.7 4.2 4.2 0 0 0 4 4Z" />
                        <circle cx="8" cy="10" r="1" />
                        <circle cx="11" cy="15" r="1" />
                        <circle cx="7" cy="16" r=".7" />
                    </svg>
                </div>

                <div class="cookie-copy">

                    <span class="cookie-eyebrow">
                        PRIVACIDADE
                    </span>

                    <h2>A sua privacidade é importante</h2>

                    <p>
                        Utilizamos tecnologias necessárias para o
                        funcionamento da RE-VISION. Com a sua autorização,
                        poderemos também utilizar cookies opcionais para
                        preferências, análise e marketing.
                    </p>

                    <p class="cookie-legal">
                        Pode alterar a sua escolha posteriormente.
                        Consulte a
                        <a href="/politica-de-cookies">
                            Política de Cookies
                        </a>
                        e a
                        <a href="/politica-de-privacidade">
                            Política de Privacidade
                        </a>.
                    </p>

                </div>

            </div>


            <div class="cookie-actions">

                <button type="button"
                        class="cookie-btn secondary"
                        @onclick="RejectOptionalAsync">
                    Rejeitar não essenciais
                </button>

                <button type="button"
                        class="cookie-btn preferences"
                        @onclick="OpenPreferences">
                    Gerir preferências
                </button>

                <button type="button"
                        class="cookie-btn primary"
                        @onclick="AcceptAllAsync">
                    Aceitar todos
                </button>

            </div>
        }
        else[b-0x560uo61t]
        {
            <div class="cookie-preferences">

                <div class="cookie-preferences-header">

                    <div>
                        <span class="cookie-eyebrow">
                            PRIVACIDADE
                        </span>

                        <h2>Gerir preferências</h2>

                        <p>
                            Escolha as categorias opcionais que pretende
                            autorizar. Os mecanismos estritamente necessários
                            permanecem sempre ativos.
                        </p>
                    </div>

                    <button type="button"
                            class="cookie-close"
                            title="Voltar"
                            @onclick="ClosePreferences">
                        ×
                    </button>

                </div>


                <div class="cookie-category">

                    <div class="cookie-category-copy">

                        <div class="cookie-category-title">
                            <strong>Estritamente necessários</strong>

                            <span class="cookie-required">
                                Sempre ativos
                            </span>
                        </div>

                        <p>
                            Necessários para segurança, autenticação,
                            funcionamento técnico e conservação
                            das suas escolhas de privacidade.
                        </p>

                    </div>

                    <label class="cookie-switch disabled">
                        <input type="checkbox"
                               checked
                               disabled />
                        <span></span>
                    </label>

                </div>


                <div class="cookie-category">

                    <div class="cookie-category-copy">

                        <div class="cookie-category-title">
                            <strong>Preferências</strong>
                        </div>

                        <p>
                            Permitem memorizar opções não essenciais
                            para melhorar a experiência de utilização.
                        </p>

                    </div>

                    <label class="cookie-switch">
                        <input type="checkbox"
                               @bind="preferences" />
                        <span></span>
                    </label>

                </div>


                <div class="cookie-category">

                    <div class="cookie-category-copy">

                        <div class="cookie-category-title">
                            <strong>Analíticos</strong>
                        </div>

                        <p>
                            Poderão permitir compreender como a plataforma
                            é utilizada e ajudar-nos a melhorar
                            o respetivo desempenho.
                        </p>

                    </div>

                    <label class="cookie-switch">
                        <input type="checkbox"
                               @bind="analytics" />
                        <span></span>
                    </label>

                </div>


                <div class="cookie-category">

                    <div class="cookie-category-copy">

                        <div class="cookie-category-title">
                            <strong>Marketing</strong>
                        </div>

                        <p>
                            Poderão ser utilizados para medição de campanhas
                            ou publicidade caso estes serviços
                            sejam utilizados pela RE-VISION.
                        </p>

                    </div>

                    <label class="cookie-switch">
                        <input type="checkbox"
                               @bind="marketing" />
                        <span></span>
                    </label>

                </div>


                <div class="cookie-preferences-actions">

                    <button type="button"
                            class="cookie-btn secondary"
                            @onclick="RejectOptionalAsync">
                        Rejeitar não essenciais
                    </button>

                    <button type="button"
                            class="cookie-btn primary"
                            @onclick="SavePreferencesAsync">
                        Guardar preferências
                    </button>

                </div>

            </div>
        }

        @if (isReady && hasConsent)
        {
            <button type="button"
                    class="cookie-settings-trigger"
                    @onclick="ReopenPreferences">
                Cookies
            </button>
        }

    </section[b-0x560uo61t]>
}


@code {

    private const string StorageKey =
        "revision_cookie_consent";

    private bool isReady;
    private bool hasConsent;
    private bool showPreferences;

    private bool preferences;
    private bool analytics;
    private bool marketing;


    protected override async Task OnAfterRenderAsync(
        bool firstRender)[b-0x560uo61t]
    {
        if (!firstRender)
            return;

        try
        {
            var stored =
                await JS.InvokeAsync<string?>(
                    "localStorage.getItem",
                    StorageKey);

            hasConsent =
                !string.IsNullOrWhiteSpace(stored);
        }
        catch[b-0x560uo61t]
        {
            /*
             * Durante prerender ainda poderá não existir
             * acesso ao browser.
             */
            return;
        }

        isReady = true;

        StateHasChanged();[b-0x560uo61t]
    }


    private void OpenPreferences()[b-0x560uo61t]
    {
        showPreferences = true;
    }


    private void ClosePreferences()[b-0x560uo61t]
    {
        showPreferences = false;
    }


    private async Task AcceptAllAsync()[b-0x560uo61t]
    {
        preferences = true;
        analytics = true;
        marketing = true;

        await SaveConsentAsync();
    }


    private async Task RejectOptionalAsync()[b-0x560uo61t]
    {
        preferences = false;
        analytics = false;
        marketing = false;

        await SaveConsentAsync();
    }


    private async Task SavePreferencesAsync()[b-0x560uo61t]
    {
        await SaveConsentAsync();
    }


    private async Task SaveConsentAsync()[b-0x560uo61t]
    {
        var consent = new
        {
            necessary = true,
            preferences,
            analytics,
            marketing,
            updatedAt =
                DateTimeOffset.UtcNow
                    .ToString("O")
        };

        var json =
            System.Text.Json.JsonSerializer
                .Serialize(consent);

        await JS.InvokeVoidAsync(
            "localStorage.setItem",
            StorageKey,
            json);

        hasConsent = true;
        showPreferences = false;[b-0x560uo61t]
    }

    private void ReopenPreferences()[b-0x560uo61t]
    {
        hasConsent = false;
        showPreferences = true;
    }
}
```[b-0x560uo61t]
/* /Components/Shared/CrmEmptyState.razor.rz.scp.css */
.crm-empty-state[b-tt86tcdpgz] {
    width: 100% !important;
    min-height: 330px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    padding: 40px !important;
    background: #ffffff !important;
    border: 1px solid #dfe2e5 !important;
    border-radius: 15px !important;
    color: #17191c !important;
    text-align: center !important;
    box-shadow: 0 14px 40px rgba(17, 24, 39, 0.06) !important;
}

.crm-empty-state-title[b-tt86tcdpgz] {
    display: block !important;
    color: #17191c;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.3;
}

.crm-empty-state-description[b-tt86tcdpgz] {
    display: block !important;
    max-width: 520px;
    margin-top: 8px;
    color: #686e75;
    font-size: 11px;
    line-height: 1.6;
}


.crm-empty-state-icon[b-tt86tcdpgz] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: 0 0 50px;
    margin-bottom: 16px;
    background: #fff1f2;
    border: 1px solid #f1c4c7;
    border-radius: 50%;
    color: #ef3340;
    font-size: 16px;
    font-weight: 900;
}

.crm-empty-state-actions[b-tt86tcdpgz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

[b-tt86tcdpgz] .crm-empty-state-actions button,
[b-tt86tcdpgz] .crm-empty-state-actions a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 17px;
    border: 1px solid #ef3340;
    border-radius: 8px;
    background: #ef3340;
    color: #ffffff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

    [b-tt86tcdpgz] .crm-empty-state-actions button:hover,
    [b-tt86tcdpgz] .crm-empty-state-actions a:hover {
        transform: translateY(-1px);
        background: #d92b37;
        border-color: #d92b37;
    }

@media (max-width: 650px) {
    .crm-empty-state[b-tt86tcdpgz] {
        min-height: 280px;
        padding: 30px 20px;
    }

    .crm-empty-state-actions[b-tt86tcdpgz] {
        width: 100%;
        flex-direction: column;
    }

    [b-tt86tcdpgz] .crm-empty-state-actions button,
    [b-tt86tcdpgz] .crm-empty-state-actions a {
        width: 100%;
    }
}