/* /Components/Layout/MainLayout.razor.rz.scp.css */
.portal-shell[b-042p4npdji] { min-height: 100vh; background: var(--portal-surface); color: var(--portal-text); }
.portal-header[b-042p4npdji] {
    position: sticky; top: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    min-height: 76px; padding: .65rem 1.5rem;
    background: #fff; border-bottom: 2px solid var(--portal-blue);
    box-shadow: 0 1px 5px #15204b0a;
}
.portal-header-brand[b-042p4npdji], .portal-header-user[b-042p4npdji] { display: flex; align-items: center; gap: 1rem; min-width: 0; }
.portal-header-user[b-042p4npdji] { flex-shrink: 0; }
.portal-workspace-title[b-042p4npdji] { flex: 1; text-align: center; color: var(--portal-blue); font-size: 1rem; font-weight: 600; }
.portal-header-user .env-badge[b-042p4npdji] { margin: 0; font-size: .8rem; }
.portal-menu-toggle[b-042p4npdji] {
    display: flex; align-items: center; gap: .4rem; padding: .55rem .65rem;
    background: #fff; color: var(--portal-blue); border: 1px solid var(--portal-border);
    border-radius: .4rem; font-weight: 600; cursor: pointer;
}
.portal-menu-toggle:hover[b-042p4npdji] { background: var(--portal-selected); border-color: var(--portal-blue); }
.portal-menu-toggle .rzi[b-042p4npdji] { font-size: 1.5rem; }
.portal-menu-toggle:focus-visible[b-042p4npdji], .portal-brand:focus-visible[b-042p4npdji] { outline: 2px solid var(--portal-blue); outline-offset: 3px; }
.portal-brand[b-042p4npdji] { display: flex; align-items: center; gap: .8rem; color: var(--portal-blue); text-decoration: none; }
.portal-brand img[b-042p4npdji] { display: block; width: 72px; height: 45px; flex-shrink: 0; }
.portal-brand-copy[b-042p4npdji] { display: flex; flex-direction: column; gap: .15rem; }
.portal-brand-name[b-042p4npdji] { font-size: 1.2rem; font-weight: 700; letter-spacing: .035em; line-height: 1.2; white-space: nowrap; }
.portal-brand-credit[b-042p4npdji] { font-size: .7rem; color: #5d667a; white-space: nowrap; }
main[b-042p4npdji] { min-width: 0; }
.content[b-042p4npdji] { padding: 1.5rem; }
.portal-alerts[b-042p4npdji] { padding: 1rem 1.5rem 0; }
.portal-alerts:has(.page-alerts:empty)[b-042p4npdji] { display: none; }
.portal-skip-link[b-042p4npdji] { position: fixed; top: -5rem; left: 1rem; z-index: 110; padding: .65rem 1rem; background: #fff; color: var(--portal-blue); border: 2px solid; border-radius: .3rem; }
.portal-skip-link:focus[b-042p4npdji] { top: .5rem; }
@media (max-width: 700px) {
    .portal-header[b-042p4npdji] { gap: .5rem; padding: .6rem .75rem; min-height: 65px; flex-wrap: wrap; }
    .portal-workspace-title[b-042p4npdji] { order: 3; flex-basis: 100%; text-align: left; font-size: .8rem; }
    .portal-header-user[b-042p4npdji] { margin-left: auto; }
    .portal-header-brand[b-042p4npdji], .portal-header-user[b-042p4npdji] { gap: .5rem; }
    .portal-brand[b-042p4npdji] { gap: .4rem; }
    .portal-brand img[b-042p4npdji] { width: 54px; height: 34px; }
    .portal-brand-name[b-042p4npdji] { font-size: 1rem; }
    .portal-brand-credit[b-042p4npdji], .portal-menu-label[b-042p4npdji] { display: none; }
    .portal-menu-toggle[b-042p4npdji] { padding: .4rem; }
    .content[b-042p4npdji] { padding: 1rem; }
    .portal-alerts[b-042p4npdji] { padding: .75rem 1rem 0; }
}
@media (max-width: 420px) {
    .portal-brand-copy[b-042p4npdji] { display: none; }
    .portal-header-user .env-badge[b-042p4npdji] { font-size: .7rem; padding: .3em .5em; }
}
#blazor-error-ui[b-042p4npdji] { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px #0003; display: none; left: 0; padding: .6rem 1.25rem .7rem; position: fixed; width: 100%; z-index: 1000; }
#blazor-error-ui .dismiss[b-042p4npdji] { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }
/* /Components/Layout/NavigationDrawer.razor.rz.scp.css */
.portal-navigation[b-wqaem6uk80] {
    position: fixed; inset: 0 auto 0 0; margin: 0; padding: 0;
    width: min(20rem, calc(100vw - 1.5rem)); max-width: none;
    height: 100dvh; max-height: 100dvh;
    border: 0; border-right: 1px solid var(--portal-border);
    background: #fff; color: var(--portal-text); box-shadow: 8px 0 32px #15204b26;
}
.portal-navigation[open][b-wqaem6uk80] { display: flex; flex-direction: column; animation: drawer-enter-b-wqaem6uk80 .16s ease-out; }
.portal-navigation[b-wqaem6uk80]::backdrop { background: rgb(15 23 42 / 40%); }
.drawer-heading[b-wqaem6uk80] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--portal-border); }
.drawer-heading h2[b-wqaem6uk80] { font-size: 1.1rem; font-weight: 700; margin: 0; color: var(--portal-blue); }
.drawer-heading button[b-wqaem6uk80] { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 0; border-radius: .35rem; background: transparent; color: var(--portal-blue); font-size: 1.75rem; line-height: 1; cursor: pointer; }
.drawer-heading button:hover[b-wqaem6uk80] { background: var(--portal-selected); }
.drawer-heading button:focus-visible[b-wqaem6uk80] { outline: 2px solid var(--portal-blue); outline-offset: 1px; }
.drawer-content[b-wqaem6uk80] { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: .6rem 0; }
.drawer-credit[b-wqaem6uk80] { border-top: 1px solid var(--portal-border); padding: 1rem 1.25rem; font-size: .7rem; color: #5d667a; }
@keyframes drawer-enter-b-wqaem6uk80 { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .portal-navigation[open][b-wqaem6uk80] { animation: none; } }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.portal-panel-menu[b-dfngr6zbui] {
    /* Radzen's default panel menu assumes a dark background. Set its state colours
       as well as our link styles so its more-specific hover rules keep icons visible. */
    --rz-panel-menu-item-color: var(--portal-text);
    --rz-panel-menu-item-background-color: transparent;
    --rz-panel-menu-item-hover-color: var(--portal-blue);
    --rz-panel-menu-item-hover-background-color: transparent;
    --rz-panel-menu-item-active-color: var(--portal-blue);
    --rz-panel-menu-item-active-background-color: transparent;
    --rz-panel-menu-item-active-indicator: transparent;
    --rz-panel-menu-icon-color: var(--portal-blue);
    --rz-panel-menu-item-2nd-level-color: var(--portal-text);
    --rz-panel-menu-item-2nd-level-background-color: transparent;
    --rz-panel-menu-item-2nd-level-hover-color: var(--portal-blue);
    --rz-panel-menu-item-2nd-level-hover-background-color: transparent;
    --rz-panel-menu-item-2nd-level-active-color: var(--portal-blue);
    --rz-panel-menu-item-2nd-level-active-background-color: transparent;
    --rz-panel-menu-item-3rd-level-color: var(--portal-text);
    --rz-panel-menu-item-3rd-level-background-color: transparent;
    --rz-panel-menu-item-3rd-level-hover-color: var(--portal-blue);
    --rz-panel-menu-item-3rd-level-hover-background-color: transparent;
    --rz-panel-menu-item-3rd-level-active-color: var(--portal-blue);
    --rz-panel-menu-item-3rd-level-active-background-color: transparent;
}
.portal-menu-heading[b-dfngr6zbui] { margin: .65rem 1.5rem .4rem; color: #5d667a; font-size: .75rem; font-weight: 700; letter-spacing: .025em; }
.portal-menu-divider[b-dfngr6zbui] { margin: .75rem 1.25rem; border: 0; border-top: 1px solid var(--portal-border); opacity: 1; }
.portal-panel-menu[b-dfngr6zbui]  .rz-panel-menu { padding: 0; box-shadow: none; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item { border: 0; background: transparent; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-wrapper { background: transparent; border: 0; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-link {
    display: flex; align-items: center; gap: .7rem;
    min-height: 44px; margin: .15rem .65rem; padding: .7rem .8rem;
    border: 0; border-left: 3px solid transparent; border-radius: .3rem;
    background: transparent; color: var(--portal-text); font-size: .95rem; font-weight: 600;
    text-decoration: none; transition: background-color .12s ease;
}
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-icon { margin: 0; color: var(--portal-blue); font-size: 1.25rem; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-text { flex: 1; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-link:hover { background: var(--portal-surface); color: var(--portal-blue); }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-link:focus-visible { outline: 2px solid var(--portal-blue); outline-offset: -2px; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-menu { padding: .1rem 0 .45rem; margin: 0; background: #fff; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-menu .rz-navigation-item-link { margin-left: 1.3rem; padding-left: 1.4rem; font-size: .875rem; font-weight: 400; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-menu .rz-navigation-item-icon { font-size: 1.1rem; }
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-link.rz-navigation-item-link-active,
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-link.active {
    background: var(--portal-selected); border-left-color: var(--portal-orange); color: var(--portal-blue); font-weight: 600;
}
.portal-panel-menu[b-dfngr6zbui]  .rz-navigation-item-link-active .rz-navigation-item-icon { color: var(--portal-blue); }
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.portal-user-menu[b-7b8wie8qqo] { position: relative; margin-left: 1rem; }
.user-menu-toggle[b-7b8wie8qqo] { cursor: pointer; list-style: none; border-radius: .3rem; padding: .5rem; }
.user-menu-toggle[b-7b8wie8qqo]::-webkit-details-marker { display: none; }
.portal-user-menu[open] .user-menu-toggle[b-7b8wie8qqo] { background: #edf2f7; }
.user-menu-toggle:focus-visible[b-7b8wie8qqo], .user-menu-close:focus-visible[b-7b8wie8qqo] { outline: 2px solid #126bc5; outline-offset: 2px; }
.user-menu-panel[b-7b8wie8qqo] { position: absolute; top: calc(100% + .5rem); right: 0; z-index: 1100; width: min(21rem, calc(100vw - 2rem)); max-height: calc(100dvh - 7rem); overflow-y: auto; overscroll-behavior: contain; background: #fff; border: 1px solid #d6d5d5; border-radius: .5rem; box-shadow: 0 .4rem 1.5rem #0003; padding: 1rem; color: #243238; }
.user-menu-heading[b-7b8wie8qqo] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; }
.user-menu-close[b-7b8wie8qqo] { border: 0; background: transparent; font-size: 1.5rem; line-height: 1; cursor: pointer; }
.user-menu-panel a[b-7b8wie8qqo] { display: block; margin: 0 !important; padding: .5rem 0; }
.user-menu-panel form[b-7b8wie8qqo] { margin: .5rem 0; padding: .75rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.user-menu-panel label[b-7b8wie8qqo] { display: block; font-weight: 600; margin-bottom: .5rem; }
.user-menu-help[b-7b8wie8qqo] { font-size: .875rem; color: #59636c; margin: .5rem 0; }
.role-view-badge[b-7b8wie8qqo] { background: #fff0bd; border: 1px solid #b88200; border-radius: .3rem; padding: .2rem .4rem; color: #624500; font-weight: 600; }
.role-view-confirm[b-7b8wie8qqo] { width: min(30rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); border: 0; border-radius: .75rem; padding: 0; margin: auto; background: #fff; color: #243238; box-shadow: 0 1rem 3rem #0004; }
.role-view-confirm[b-7b8wie8qqo]::backdrop { background: rgb(15 23 42 / 48%); }
.role-confirm-heading[b-7b8wie8qqo] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid #e3e7eb; }
.role-confirm-heading h4[b-7b8wie8qqo] { margin: 0; font-size: 1.25rem; font-weight: 600; }
.role-confirm-body[b-7b8wie8qqo] { padding: 1.25rem 1.5rem; }
.role-confirm-warning[b-7b8wie8qqo] { padding: .75rem; background: #fff4d6; border-radius: .4rem; color: #6b4c00; }
.role-confirm-actions[b-7b8wie8qqo] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; padding: 1rem 1.5rem; border-top: 1px solid #e3e7eb; background: #f8f9fa; }
.role-confirm-actions .btn[b-7b8wie8qqo] { padding: .55rem 1rem; }
[data-role-sign-in][hidden][b-7b8wie8qqo] { display: none; }
@media (max-width: 640.98px) { .portal-user-menu[b-7b8wie8qqo] { margin-left: .25rem; } .user-menu-toggle[b-7b8wie8qqo] { font-size: .875rem; } }
/* /Components/Pages/Authentication/Login.razor.rz.scp.css */
.portal-login[b-w1o89zwqa2] { max-width: 36rem; margin: 1.5rem auto 3rem; }
.login-card[b-w1o89zwqa2] { padding: clamp(1.25rem, 4vw, 2rem); background: #fff; border: 1px solid #dbe0ea; border-radius: .75rem; box-shadow: 0 .2rem .7rem #1623570a; }
.login-eyebrow[b-w1o89zwqa2] { color: #303b83; font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: .5rem; }
.login-card h2[b-w1o89zwqa2] { color: #273174; margin-bottom: .5rem; }
.login-introduction[b-w1o89zwqa2] { color: #596579; margin-bottom: 1.5rem; }
.login-alternative[b-w1o89zwqa2] { background: #f1f4fc; border-left: 4px solid #f5a300; border-radius: .4rem; padding: 1rem; margin-bottom: 1.5rem; }
.login-alternative strong[b-w1o89zwqa2] { color: #273174; }
.login-alternative p[b-w1o89zwqa2] { margin: .35rem 0 .75rem; }
.login-submit[b-w1o89zwqa2] { width: 100%; min-height: 2.75rem; }
.login-divider[b-w1o89zwqa2] { display: flex; align-items: center; gap: 1rem; color: #69758b; margin: 1.4rem 0; }
.login-divider[b-w1o89zwqa2]::before, .login-divider[b-w1o89zwqa2]::after { content: ""; flex: 1; height: 1px; background: #dbe0ea; }
.login-help[b-w1o89zwqa2] { font-size: .85rem; color: #69758b; margin: 1.25rem 0 0; }
.login-staff-link[b-w1o89zwqa2] { border-top: 1px solid #dbe0ea; margin: 1.5rem 0 0; padding-top: 1rem; }
/* /Components/Pages/Dealer/DealerAccounts.razor.rz.scp.css */
.btn-group .rzi[b-7fla4f13cg] { vertical-align: middle; font-size: 1.1rem; margin-right: .25rem; }
/* /Components/Pages/Dealer/UserGuide.razor.rz.scp.css */
/* Keep section headings below the portal's sticky header when following a guide link. */
section[id][b-70x8kuaa6l] { scroll-margin-top: 6rem; }
/* /Components/Pages/Help/UserGuides.razor.rz.scp.css */
/* Keep section headings below the portal's sticky header when following a guide link. */
section[id][b-l7dex6v4w0] { scroll-margin-top: 6rem; }
/* /Components/Pages/Requests/ListRequests.razor.rz.scp.css */
.request-filters[b-1s2puwgbdt] { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; }
.filter-item[b-1s2puwgbdt] { flex: 1 1 15rem; min-width: 0; max-width: 24rem; }
.filter-item .form-label[b-1s2puwgbdt] { display: block; font-weight: 600; margin-bottom: .4rem; }
.filter-actions[b-1s2puwgbdt] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-left: auto; }
.request-text[b-1s2puwgbdt] { overflow-wrap: anywhere; white-space: normal; }
.request-date-filter[b-1s2puwgbdt] { display: grid; gap: .35rem; text-align: left; }
.request-date-filter label[b-1s2puwgbdt] { display: grid; grid-template-columns: 2rem minmax(0, 1fr); align-items: center; gap: .2rem; margin: 0; color: #59636c; font-size: .7rem; font-weight: normal; }
.request-date-filter input[b-1s2puwgbdt] { min-width: 0; width: 100%; font-size: .8rem; }
.request-results[b-1s2puwgbdt]  thead > tr:has(.rz-cell-filter) > th { vertical-align: top; }
.request-results[b-1s2puwgbdt]  .rz-grid-header { background: transparent; border: 0; padding: .35rem 0 .7rem; }
.request-results[b-1s2puwgbdt]  .rz-splitbutton { white-space: nowrap; }
/* The label and arrow both open the same menu; avoid a visual default-action divider. */
.request-results[b-1s2puwgbdt]  .rz-splitbutton .rz-splitbutton-menubutton { border-left-color: transparent; }
@media (max-width: 640px) {
    .filter-item[b-1s2puwgbdt] { flex-basis: 100%; max-width: none; }
    .filter-actions[b-1s2puwgbdt] { margin-left: 0; width: 100%; }
}
/* /Components/Shared/OperationProgress.razor.rz.scp.css */
.operation-progress[b-4lm1o5u57a] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: max-content;
    max-width: calc(100vw - 2rem);
    padding: 1rem 1.5rem;
    background: #fff;
    color: #243238;
    border: 1px solid #d6dceb;
    border-left: .3rem solid var(--portal-blue, #293580);
    border-radius: .5rem;
    box-shadow: 0 .3rem 1.25rem #0002;
    pointer-events: none;
}

.spinner-border[b-4lm1o5u57a] { color: var(--portal-blue, #293580); flex-shrink: 0; }
.operation-progress-hint[b-4lm1o5u57a] { margin-top: .15rem; color: #5e6875; font-size: .9rem; }

@media (prefers-reduced-motion: reduce) {
    .spinner-border[b-4lm1o5u57a] { animation-duration: 2s; }
}
/* /Components/Shared/PageAlerts.razor.rz.scp.css */
.page-alerts[b-bqbhr6nm7o] {
    display: grid;
    gap: .4rem;
    width: 100%;
}

.page-alert[b-bqbhr6nm7o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .5rem .75rem;
    border: 1px solid;
    border-radius: .3rem;
    font-size: .85rem;
    overflow-wrap: anywhere;
}

.page-alert-info[b-bqbhr6nm7o] {
    background: #e7f1ff;
    border-color: #b6d4fe;
    color: #084298;
}

.page-alert-warning[b-bqbhr6nm7o] {
    background: #fff3cd;
    border-color: #ffecb5;
    color: #664d03;
}

.page-alert-detail[b-bqbhr6nm7o] {
    display: block;
    font-weight: normal;
}

.btn-close[b-bqbhr6nm7o] {
    flex-shrink: 0;
    padding: .3rem;
}
/* /Components/Shared/PartnerWebhookEditor.razor.rz.scp.css */
.webhook-delivery-summary[b-h8aj8y4zai] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.webhook-delivery-error[b-h8aj8y4zai] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Show full values on this page, wrapping long URLs without widening the grid. */
.webhooks-grid[b-h8aj8y4zai]  td.webhook-text-cell .rz-cell-data,
.webhooks-grid[b-h8aj8y4zai]  td.webhook-delivery-cell .rz-cell-data {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}
