/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-723x6t121n]{min-height:100vh;display:grid;grid-template-columns:248px 1fr;background:#f6f8fb}.sidebar[b-723x6t121n]{background:#fff;border-right:1px solid #e7eaf0}.main-area[b-723x6t121n]{min-width:0}.topbar[b-723x6t121n]{height:68px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.global-search[b-723x6t121n]{display:flex;align-items:center;gap:10px;width:min(520px,50vw);background:#f7f8fb;border:1px solid #e4e7ee;border-radius:10px;padding:9px 14px}.global-search input[b-723x6t121n]{border:0;outline:0;background:transparent;width:100%}.top-actions[b-723x6t121n]{display:flex;align-items:center;gap:14px}.icon-action[b-723x6t121n]{text-decoration:none}.user-chip[b-723x6t121n]{font-weight:700;color:#17243d}.text-button[b-723x6t121n]{border:0;background:transparent;color:#d80d24;font-weight:700}.page-content[b-723x6t121n]{padding:28px}#blazor-error-ui[b-723x6t121n]{display:none}.auth-shell[b-723x6t121n]{min-height:100vh;background:#f6f8fb;display:grid;place-items:center;padding:24px}@media(max-width:900px){.app-shell[b-723x6t121n]{grid-template-columns:82px 1fr}.global-search[b-723x6t121n]{display:none}.page-content[b-723x6t121n]{padding:18px}}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand[b-flzzj245r0] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 82px;
    padding: 16px 14px;
    border-bottom: 1px solid #d6dbe3;
}

.brand-logo[b-flzzj245r0] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: none;
    border-radius: 50%;
    background: #d80d24;
    color: #fff;
    font: 700 23px/1 "Segoe UI", sans-serif;
    letter-spacing: -.04em;
    box-shadow: 0 4px 12px rgba(216, 13, 36, .16);
}

.brand-copy[b-flzzj245r0] { min-width: 0; }
.brand strong[b-flzzj245r0] { display: block; color: #20233a; font-size: 15px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; }
.brand small[b-flzzj245r0] { display: block; margin-top: 3px; color: #8a8d9f; font-size: 9px; line-height: 1.35; letter-spacing: .035em; white-space: nowrap; }
.sidebar-collapse-toggle[b-flzzj245r0] { display: grid; place-items: center; width: 32px; height: 32px; flex: none; margin-left: auto; padding: 0; border: 1px solid #d6dbe3; border-radius: 50%; background: #f7f8fa; color: #5e6275; cursor: pointer; }
.sidebar-collapse-toggle:hover[b-flzzj245r0] { background: #dce2ea; color: #d80d24; }
.sidebar-collapse-toggle:focus-visible[b-flzzj245r0] { outline: 2px solid #d80d24; outline-offset: 2px; }
.sidebar-collapse-toggle .app-icon[b-flzzj245r0] { width: 17px; height: 17px; }

.nav-list[b-flzzj245r0] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 14px;
    min-height: 0;
    overflow-y: auto;
    padding: 18px 13px 24px;
    scrollbar-color: #d6d5df transparent;
    scrollbar-width: thin;
}

.nav-group[b-flzzj245r0] { display: grid; gap: 3px; }
.nav-group + .nav-group[b-flzzj245r0] { margin-top: 0; padding-top: 14px; border-top: 1px solid #d6dbe3; }
.nav-group-title[b-flzzj245r0] { margin: 0; }

/* NavLink renders its anchor as child-component markup; ::deep keeps the link styling scoped. */
.nav-list[b-flzzj245r0]  a {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 46px;
    padding: 8px 13px;
    border-radius: 24px;
    color: #344052;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease;
}

.nav-list[b-flzzj245r0]  a:hover { background: #dce2ea; color: #b4081b; text-decoration: none; }
.nav-list[b-flzzj245r0]  a.active { background: linear-gradient(100deg, #df1b32, #c90c25); color: #fff; box-shadow: 0 5px 13px rgba(216, 13, 36, .17); font-weight: 500; text-decoration: none; }
.nav-list[b-flzzj245r0]  a:focus-visible { outline: 2px solid #d80d24; outline-offset: 2px; }
.nav-list[b-flzzj245r0]  a .app-icon { color: #777b8c; }
.nav-list[b-flzzj245r0]  a:hover .app-icon { color: #b4081b; }
.nav-list[b-flzzj245r0]  a.active .app-icon { color: #fff; }
.nav-list[b-flzzj245r0]  a .app-icon { width: 18px; height: 18px; }

.sidebar-footer[b-flzzj245r0] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 13px 14px;
    padding: 12px 8px 0;
    border-top: 1px solid #d6dbe3;
    color: #2b3043;
}

.sidebar-avatar[b-flzzj245r0] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: none;
    border: 1px solid #ede4e7;
    border-radius: 50%;
    background: #fff0f2;
    color: #c40f29;
}

.sidebar-user[b-flzzj245r0] { min-width: 0; }
.sidebar-user strong[b-flzzj245r0], .sidebar-user small[b-flzzj245r0] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user strong[b-flzzj245r0] { font-size: 13px; font-weight: 500; line-height: 1.45; }
.sidebar-user small[b-flzzj245r0] { margin-top: 2px; color: #898d9e; font-size: 11px; line-height: 1.4; }

@media (prefers-reduced-motion: reduce) {
    .nav-list[b-flzzj245r0]  a { transition: none; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2mpj8xk88o],
.components-reconnect-repeated-attempt-visible[b-2mpj8xk88o],
.components-reconnect-failed-visible[b-2mpj8xk88o],
.components-pause-visible[b-2mpj8xk88o],
.components-resume-failed-visible[b-2mpj8xk88o],
.components-rejoining-animation[b-2mpj8xk88o] {
    display: none;
}

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


#components-reconnect-modal[b-2mpj8xk88o] {
    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-2mpj8xk88o 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-2mpj8xk88o] {
    border: 0;
    background-color: #d80d24;
    color: white;
    padding: 10px 24px;
    min-height: 44px;
    border-radius: 8px;
}

    #components-reconnect-modal button:hover[b-2mpj8xk88o] {
        background-color: #b4081b;
    }

    #components-reconnect-modal button:active[b-2mpj8xk88o] {
        background-color: #b4081b;
    }

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

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

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

@keyframes components-rejoining-animation-b-2mpj8xk88o {
    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/CarDetailPage.razor.rz.scp.css */
.car-detail-page[b-dye344zcyv] { position: relative; isolation: isolate; padding-bottom: 12px; }
.car-detail-top-actions[b-dye344zcyv] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 10px; }
.car-detail-page[b-dye344zcyv]::before { content: ""; position: absolute; z-index: -1; inset: 76px -12px auto; height: 350px; background: radial-gradient(circle at 79% 6%, rgba(179,18,44,.075), transparent 48%), linear-gradient(rgba(70,85,109,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(70,85,109,.035) 1px,transparent 1px); background-size: auto,28px 28px,28px 28px; mask-image: linear-gradient(#000,transparent); pointer-events: none; }
.car-detail-heading[b-dye344zcyv] { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.car-detail-breadcrumb[b-dye344zcyv] { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; font-size: .82rem; color: #788294; }
.car-detail-breadcrumb a[b-dye344zcyv] { color: #58677e; text-decoration: none; }
.car-detail-breadcrumb a:hover[b-dye344zcyv] { color: #b4081b; text-decoration: underline; }
.car-ios-back[b-dye344zcyv] { display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-width: 70px; min-height: 44px; border-radius: 999px; padding: 0 11px 0 5px; color: #b4081b; font: inherit; font-size: .96rem; font-weight: 550; text-decoration: none; transition: background .16s ease, color .16s ease; }
.car-ios-back:hover[b-dye344zcyv] { background: #fff0f2; color: #a30619; }
.car-ios-back:focus-visible[b-dye344zcyv] { outline: 3px solid rgba(216,13,36,.4); outline-offset: 2px; }
.car-ios-chevron[b-dye344zcyv] { font-size: 2rem; font-weight: 300; line-height: .7; transform: translateY(-2px); }
.car-detail-eyebrow[b-dye344zcyv],.car-section-kicker[b-dye344zcyv] { display: block; color: #ac2239; font-family: "Segoe UI",sans-serif; font-size: .69rem; font-weight: 800; letter-spacing: .16em; line-height: 1.4; }
.car-detail-heading h1[b-dye344zcyv] { margin: 5px 0 3px; color: #1b2638; font-size: clamp(1.7rem,2.5vw,2.25rem); line-height: 1.3; }
.car-detail-intro[b-dye344zcyv] { margin: 0; color: #667287; font-size: .9rem; }
.car-detail-heading-actions[b-dye344zcyv] { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.car-detail-standalone-actions[b-dye344zcyv] { justify-content: flex-end; margin: 0; }
.car-detail-dashboard[b-dye344zcyv] { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(290px,.9fr); gap: 10px; }
.car-record-tabs-area[b-dye344zcyv] { grid-column: 1 / -1; min-width: 0; }
.car-record-tabs-area .detail-tabs-shell[b-dye344zcyv] { margin-bottom: 10px; }
.car-profile-card[b-dye344zcyv],.car-rates-card[b-dye344zcyv],.car-record-card[b-dye344zcyv] { min-width: 0; overflow: hidden; border: 1px solid rgba(195,202,214,.67); border-radius: 16px; background: rgba(255,255,255,.95); box-shadow: 0 18px 44px rgba(29,39,58,.075),0 2px 7px rgba(29,39,58,.035); }
.car-profile-card[b-dye344zcyv] { display: grid; grid-template-columns: minmax(240px,45%) minmax(0,1fr); min-height: 290px; }
.car-profile-image[b-dye344zcyv] { position: relative; min-height: 280px; background: linear-gradient(145deg,#27303d,#131b27); }
.car-profile-image[b-dye344zcyv]::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,rgba(9,15,24,.4)); pointer-events: none; }
.car-profile-image img[b-dye344zcyv] { width: 100%; height: 100%; max-height: 465px; display: block; object-fit: cover; }
.car-image-placeholder[b-dye344zcyv] { height: 100%; min-height: 340px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; color: #bec8d4; font-size: .88rem; }
.car-image-placeholder[b-dye344zcyv]  svg { width: 66px; height: 66px; opacity: .55; }
.car-image-corner[b-dye344zcyv] { position: absolute; z-index: 1; left: 20px; bottom: 17px; color: rgba(255,255,255,.8); font-family: "Segoe UI",sans-serif; font-size: .67rem; font-weight: 800; letter-spacing: .18em; }
.car-profile-content[b-dye344zcyv] { padding: clamp(14px,1.5vw,20px); display: flex; flex-direction: column; }
.car-profile-topline[b-dye344zcyv] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.car-rental-status-actions[b-dye344zcyv] { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.car-rental-details-button[b-dye344zcyv] { min-height: 36px; padding: 5px 10px; font-size: .82rem; }
.car-rental-details-button[b-dye344zcyv]  svg { width: 16px; height: 16px; }
.car-current-rental[b-dye344zcyv] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 12px; margin: 10px 0 0; padding: 10px; border: 1px solid #e8edf3; border-radius: 9px; background: #f8fafc; }
.car-current-rental div[b-dye344zcyv] { min-width: 0; }
.car-current-rental dt[b-dye344zcyv] { color: #667389; font-size: .76rem; }
.car-current-rental dd[b-dye344zcyv] { margin: 2px 0 0; color: #1c2940; font-size: .84rem; font-weight: 700; overflow-wrap: anywhere; }
@media (max-width: 480px) { .car-current-rental[b-dye344zcyv] { grid-template-columns: 1fr; } }
.car-profile-card h2[b-dye344zcyv] { color: #182438; font-size: clamp(1.45rem,2vw,1.9rem); line-height: 1.3; margin: 8px 0 3px; }
.car-license[b-dye344zcyv] { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: #566378; font-family: "Segoe UI","Noto Sans Myanmar",sans-serif; font-weight: 700; font-size: .94rem; }
.car-license[b-dye344zcyv]  svg { width: 17px; height: 17px; color: #b21a32; }
.car-inactive-note[b-dye344zcyv] { margin: 12px 0 0; padding: 8px 10px; border-radius: 8px; background: #fff1f2; color: #a2192e; font-size: .82rem; }
.car-facts[b-dye344zcyv],.car-rate-list[b-dye344zcyv] { margin: auto 0 0; padding: 0; }
.car-facts[b-dye344zcyv] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 12px; row-gap: 7px; padding-top: 10px; }
.car-facts > div[b-dye344zcyv] { min-width: 0; border-top: 1px solid #edf0f4; padding-top: 6px; }
.car-facts .car-fact-wide[b-dye344zcyv] { grid-column: 1/-1; }
.car-facts dt[b-dye344zcyv],.car-rate-list dt[b-dye344zcyv] { color: #748094; font-size: .77rem; line-height: 1.6; }
.car-facts dd[b-dye344zcyv] { margin: 3px 0 0; color: #243149; font-size: .93rem; font-weight: 750; overflow-wrap: anywhere; }
.car-rates-card[b-dye344zcyv] { display: flex; flex-direction: column; padding: clamp(14px,1.5vw,20px); }
.car-rates-card.payment-attention[b-dye344zcyv] { animation: car-rates-payment-pulse-b-dye344zcyv 1.6s ease-in-out infinite; }
.car-rates-card.license-attention:not(.payment-attention)[b-dye344zcyv] { animation: car-rates-license-pulse-b-dye344zcyv 1.8s ease-in-out infinite; }
@keyframes car-rates-payment-pulse-b-dye344zcyv { 0%,100% { box-shadow: 0 0 0 1px rgba(184,92,11,.25); } 50% { box-shadow: 0 0 0 5px rgba(184,92,11,.45),0 0 22px rgba(184,92,11,.24); } }
@keyframes car-rates-license-pulse-b-dye344zcyv { 0%,100% { box-shadow: 0 0 0 1px rgba(216,13,36,.2); } 50% { box-shadow: 0 0 0 5px rgba(216,13,36,.45),0 0 22px rgba(216,13,36,.24); } }
.car-next-payment[b-dye344zcyv] { display: grid; gap: 7px; margin: 12px 0 0; padding: 12px; border: 1px solid #ead3bd; border-radius: 9px; background: #fff9f3; }
.car-next-payment > div[b-dye344zcyv] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 12px; }
.car-next-payment dt[b-dye344zcyv] { color: #735b46; font-size: .8rem; }
.car-next-payment dd[b-dye344zcyv] { margin: 0; color: #54351d; font-size: .88rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.car-payment-warning[b-dye344zcyv] { margin: 8px 0 0; color: #95501c; font-size: .8rem; font-weight: 750; }
.car-payment-warning[b-dye344zcyv]  svg { width: 16px; height: 16px; vertical-align: middle; }
.car-card-heading[b-dye344zcyv] { display: flex; align-items: center; gap: 12px; }
.car-card-heading h2[b-dye344zcyv],.car-record-heading h2[b-dye344zcyv] { margin: 3px 0 0; color: #1e2a3d; font-size: 1.16rem; line-height: 1.4; }
.car-card-icon[b-dye344zcyv],.car-empty-icon[b-dye344zcyv] { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 12px; color: #b5122e; background: #fff0f2; }
.car-rate-feature[b-dye344zcyv] { position: relative; display: flex; flex-direction: column; padding: 12px 14px; border: 1px solid #f2d9de; border-radius: 10px; background: linear-gradient(130deg,#fff6f7,#fff 75%); }
.car-rate-feature[b-dye344zcyv]::after { content: ""; position: absolute; top: 15px; right: 17px; width: 29px; height: 29px; border: 5px solid rgba(194,30,55,.11); border-left-color: #bd233e; border-radius: 50%; }
.car-rate-feature span[b-dye344zcyv] { color: #68768b; font-size: .8rem; }
.car-rate-feature strong[b-dye344zcyv] { margin-top: 5px; color: #ae142e; font-size: clamp(1.22rem,1.7vw,1.55rem); line-height: 1.35; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.car-rate-feature small[b-dye344zcyv] { color: #788395; font-size: .72rem; }
.car-rate-list[b-dye344zcyv] { padding-top: 7px; }
.car-rate-list > div[b-dye344zcyv] { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 8px 0; border-bottom: 1px solid #eceff3; }
.car-rate-list > div:last-child[b-dye344zcyv] { border-bottom: 0; }
.car-rate-list dd[b-dye344zcyv] { margin: 0; color: #253249; font-size: .88rem; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.car-license-warning[b-dye344zcyv] { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; color: #8a5415; background: #fff6e4; font-size: .8rem; }
.car-license-warning[b-dye344zcyv]  svg { flex: none; width: 17px; height: 17px; }
.car-record-card[b-dye344zcyv] { padding: 10px 12px; }
.car-record-heading[b-dye344zcyv] { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.car-record-count[b-dye344zcyv] { flex: none; border-radius: 100px; padding: 5px 10px; background: #f3f5f8; color: #647187; font-size: .72rem; font-weight: 700; }
.car-record-table-wrap[b-dye344zcyv] { max-width: 100%; overflow-x: auto; border: 1px solid #e4e9ef; border-radius: 11px; }
.car-record-table[b-dye344zcyv] { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 500px; font-variant-numeric: tabular-nums; }
.car-record-table th[b-dye344zcyv] { padding: 7px 10px; background: #f7f8fa; color: #42506a; font-size: .78rem; font-weight: 700; line-height: 1.45; text-align: left; white-space: nowrap; }
.car-record-table th:first-child[b-dye344zcyv] { border-radius: 7px 0 0 7px; }
.car-record-table th:last-child[b-dye344zcyv] { border-radius: 0 7px 7px 0; }
.car-record-table td[b-dye344zcyv] { border-bottom: 1px solid #e9edf2; padding: 7px 10px; color: #26334a; font-size: .82rem; line-height: 1.45; vertical-align: middle; overflow-wrap: anywhere; }
.car-record-table tbody tr:last-child td[b-dye344zcyv] { border-bottom: 0; }
.car-record-table tbody tr:hover[b-dye344zcyv] { background: #fcf7f8; }
@media (max-width: 680px) {
    .car-record-table-wrap[b-dye344zcyv] { overflow: visible; border: 0; }
    .car-record-table[b-dye344zcyv] { display: block; min-width: 0; }
    .car-record-table thead[b-dye344zcyv] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
    .car-record-table tbody[b-dye344zcyv] { display: grid; gap: 10px; }
    .car-record-table tbody tr[b-dye344zcyv] { display: grid; padding: 10px 13px; border: 1px solid #e1e6ed; border-radius: 11px; background: #fff; }
    .car-record-table tbody td[b-dye344zcyv] { display: grid; grid-template-columns: minmax(90px,38%) minmax(0,1fr); align-items: center; gap: 10px; min-height: 36px; padding: 6px 2px; font-size: .87rem; }
    .car-record-table tbody td[b-dye344zcyv]::before { content: attr(data-label); color: #667389; font-size: .8rem; font-weight: 600; }
}
.car-record-empty[b-dye344zcyv] { min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px; border: 1px dashed #d8dee7; border-radius: 9px; background: #fafbfc; text-align: center; }
.car-record-empty .car-empty-icon[b-dye344zcyv] { width: 44px; height: 44px; margin-bottom: 12px; background: #eef1f5; color: #758298; }
.car-record-empty strong[b-dye344zcyv] { color: #344157; font-size: .88rem; }
.car-record-empty p[b-dye344zcyv] { margin: 5px 0 0; color: #748095; font-size: .76rem; }
.car-financial-summary[b-dye344zcyv] { gap: 8px; margin-top: 40px; }
.car-financial-metric[b-dye344zcyv] { gap: 3px; padding: 10px 12px; box-shadow: none; }
.car-financial-metric strong[b-dye344zcyv] { font-size: 1.1rem; }
@media (max-width: 1220px) { .car-detail-dashboard[b-dye344zcyv] { grid-template-columns: minmax(0,1fr) minmax(270px,.75fr); } .car-profile-card[b-dye344zcyv] { grid-template-columns: 1fr; } .car-profile-image[b-dye344zcyv],.car-image-placeholder[b-dye344zcyv] { min-height: 255px; max-height: 300px; } .car-profile-image img[b-dye344zcyv] { max-height: 300px; } .car-facts[b-dye344zcyv] { margin-top: 0; } }
@media (max-width: 880px) { .car-detail-dashboard[b-dye344zcyv] { grid-template-columns: 1fr; } .car-profile-card[b-dye344zcyv] { grid-template-columns: minmax(230px,40%) minmax(0,1fr); } .car-profile-image[b-dye344zcyv],.car-image-placeholder[b-dye344zcyv] { min-height: 340px; max-height: none; } .car-profile-image img[b-dye344zcyv] { height: 100%; max-height: none; } }
@media (max-width: 640px) { .car-detail-top-actions[b-dye344zcyv] { align-items: flex-start; } .car-detail-heading-actions[b-dye344zcyv] { justify-content: flex-start; } .car-detail-heading-actions .btn[b-dye344zcyv] { padding-inline: 9px; font-size: .78rem; } .car-profile-card[b-dye344zcyv] { grid-template-columns: 1fr; } .car-profile-image[b-dye344zcyv],.car-image-placeholder[b-dye344zcyv] { min-height: 220px; max-height: 250px; } .car-profile-image img[b-dye344zcyv] { max-height: 250px; } .car-profile-content[b-dye344zcyv] { padding: 14px; } .car-record-card[b-dye344zcyv] { padding: 10px; } }
@media (prefers-reduced-motion: reduce) { .car-detail-page *[b-dye344zcyv],.car-detail-page *[b-dye344zcyv]::before,.car-detail-page *[b-dye344zcyv]::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } .car-rates-card.payment-attention[b-dye344zcyv] { outline: 3px solid #b85c0b; } .car-rates-card.license-attention:not(.payment-attention)[b-dye344zcyv] { outline: 3px solid #d80d24; } }
/* /Components/Pages/RentalDetailPage.razor.rz.scp.css */
.rental-payment-attention[b-kkj609ih1q] {
    border-color: #cf1633;
    background: #fff1f3;
    color: #a90e27;
    animation: rental-payment-blink-b-kkj609ih1q 1.6s ease-in-out infinite;
}

.rental-detail-strip[b-kkj609ih1q] { align-items: center; }
.rental-detail-strip-info[b-kkj609ih1q] { flex: 1 1 200px; }
.rental-strip-right[b-kkj609ih1q] { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; margin-left: auto; min-width: 0; }
.rental-strip-actions[b-kkj609ih1q] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.rental-strip-actions .rental-action[b-kkj609ih1q] { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 7px 11px; white-space: nowrap; }
.rental-strip-actions .rental-action[b-kkj609ih1q]  .app-icon { width: 17px; height: 17px; }
.rental-close-hint[b-kkj609ih1q] { max-width: 360px; color: #8a5415; font-size: .76rem; text-align: right; }
.rental-tabs-shell[b-kkj609ih1q] { margin-top: 16px; }
.rental-tab-panel[b-kkj609ih1q] { min-height: 210px; }
.rental-tab-toolbar[b-kkj609ih1q] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.rental-tab-toolbar h2[b-kkj609ih1q] { margin: 0; font-size: 1.05rem; }
.rental-tab-actions[b-kkj609ih1q] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.rental-tab-actions .btn[b-kkj609ih1q] { display: inline-flex; align-items: center; gap: 6px; }
.rental-tab-actions .btn[b-kkj609ih1q]  .app-icon { width: 18px; height: 18px; }
.rental-record-scroll[b-kkj609ih1q] { overflow-x: auto; }
.rental-record-table[b-kkj609ih1q] { width: 100%; }
.rental-record-table .row-title[b-kkj609ih1q] { font-weight: 700; }
.rental-next-payment-heading[b-kkj609ih1q] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.rental-next-payment-heading h3[b-kkj609ih1q] { margin: 0; font-size: .98rem; }
.rental-next-payment-heading .btn[b-kkj609ih1q] { display: inline-flex; align-items: center; gap: 5px; min-height: 38px; }
.rental-next-payment-heading .btn[b-kkj609ih1q]  .app-icon { width: 16px; height: 16px; }
.rental-next-payment-grid[b-kkj609ih1q] { margin-top: 10px; }
@media (max-width: 680px) {
    .rental-strip-right[b-kkj609ih1q] { align-items: flex-start; width: 100%; margin-left: 0; }
    .rental-strip-actions[b-kkj609ih1q] { justify-content: flex-start; }
    .rental-close-hint[b-kkj609ih1q] { text-align: left; }
    .rental-tab-actions[b-kkj609ih1q] { width: 100%; justify-content: flex-start; margin-left: 0; }
    .rental-record-scroll[b-kkj609ih1q] { overflow: visible; border: 0; box-shadow: none; }
    .rental-record-table[b-kkj609ih1q] { min-width: 0; }
}

@keyframes rental-payment-blink-b-kkj609ih1q {
    0%, 100% { background: #fff1f3; box-shadow: 0 0 0 0 rgba(207, 22, 51, .12); }
    50% { background: #ffd9e0; box-shadow: 0 0 0 6px rgba(207, 22, 51, .2); }
}

@media (prefers-reduced-motion: reduce) {
    .rental-payment-attention[b-kkj609ih1q] { animation: none; border-width: 2px; }
}
/* /Components/Pages/RentalReturnPage.razor.rz.scp.css */
.workflow-panel .return-extras-heading[b-znal6pmgmh] { margin-top: 14px; }
/* /Components/Pages/Reports.razor.rz.scp.css */
.report-home[b-dauutm72pi] { display: grid; gap: 22px; margin-top: 16px; }
.report-home-group[b-dauutm72pi] { min-width: 0; }
.report-home-group h2[b-dauutm72pi] { margin: 0 0 12px; color: #233047; font-size: 1rem; font-weight: 750; line-height: 1.6; }
.report-home-grid[b-dauutm72pi] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.report-home-link[b-dauutm72pi] { display: flex; align-items: center; gap: 13px; min-height: 88px; padding: 16px; border: 1px solid #e3e7ee; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(26, 37, 56, .045); color: #233047; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.report-home-link:hover[b-dauutm72pi], .report-home-link:focus-visible[b-dauutm72pi] { transform: translateY(-2px); border-color: #dc818d; box-shadow: 0 13px 28px rgba(90, 27, 38, .1); }
.report-home-link:focus-visible[b-dauutm72pi] { outline: 3px solid rgba(216, 13, 36, .48); outline-offset: 2px; }
.report-home-icon[b-dauutm72pi] { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 9px; background: #fff0f2; color: #c21931; }
.report-home-copy[b-dauutm72pi] { display: grid; gap: 4px; min-width: 0; }
.report-home-copy strong[b-dauutm72pi] { font-size: .96rem; line-height: 1.45; }
.report-home-copy small[b-dauutm72pi] { color: #687589; font-size: .8rem; line-height: 1.55; }
.report-home-arrow[b-dauutm72pi] { margin-left: auto; color: #bd263c; font-size: 1.5rem; }
.report-filter-hint[b-dauutm72pi] { margin: 0 0 12px; color: #66738a; font-size: .86rem; }
.report-filter-grid[b-dauutm72pi] { gap: 14px; }
.report-prompt[b-dauutm72pi] { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; min-height: 190px; margin-top: 16px; border: 1px dashed #d9dfe8; border-radius: 10px; background: #fff; color: #58677e; text-align: center; }
.report-prompt strong[b-dauutm72pi] { font-size: .96rem; }
.report-applied[b-dauutm72pi] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0; color: #526079; font-size: .83rem; }
.report-applied strong[b-dauutm72pi] { color: #26344c; }
.report-applied > span:not(.report-applied-chip)[b-dauutm72pi] { padding: 6px 10px; border: 1px solid #dfe4ec; border-radius: 7px; background: #fff; }
.report-applied-chip[b-dauutm72pi] { padding: 6px 10px; border-radius: 7px; background: #fff0f2; color: #a4162c; }
.report-summary[b-dauutm72pi] { display: grid; grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap: 10px; margin-bottom: 16px; }
.report-summary-card[b-dauutm72pi] { display: grid; gap: 7px; min-width: 0; padding: 14px 16px; border: 1px solid #e1e5eb; border-radius: 9px; background: #fff; }
.report-summary-card span[b-dauutm72pi] { color: #66738a; font-size: .8rem; line-height: 1.45; }
.report-summary-card strong[b-dauutm72pi] { color: #202f45; font-size: 1rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.report-summary-count[b-dauutm72pi] { background: #fff8f9; border-color: #f0d5da; }
.report-table-shell[b-dauutm72pi] { margin-top: 12px; }
.report-table .report-detail-link[b-dauutm72pi] { color: #a91b30; text-decoration: none; border-bottom: 1px solid transparent; }
.report-table .report-detail-link:hover[b-dauutm72pi], .report-table .report-detail-link:focus-visible[b-dauutm72pi] { border-bottom-color: currentColor; outline-offset: 3px; }
.report-table .report-group-row th[b-dauutm72pi] { padding: 9px 16px; border-top: 1px solid #e7dce0; background: #fff6f7; color: #822537; font-size: .84rem; text-align: left; }
.report-group-content[b-dauutm72pi] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.report-pagination[b-dauutm72pi] { justify-content: flex-end; gap: 10px; margin-top: 14px; }
@media (max-width: 600px) { .report-home-grid[b-dauutm72pi] { grid-template-columns: 1fr; } .report-summary[b-dauutm72pi] { grid-template-columns: repeat(2, minmax(0,1fr)); } .report-pagination[b-dauutm72pi] { justify-content: center; } .report-table .report-group-row[b-dauutm72pi] { display: block; padding: 0; } .report-table .report-group-row th[b-dauutm72pi] { display: block; } }
@media (prefers-reduced-motion: reduce) { .report-home-link[b-dauutm72pi] { transition: none; } .report-home-link:hover[b-dauutm72pi], .report-home-link:focus-visible[b-dauutm72pi] { transform: none; } }
/* /Components/Shared/CarRelatedTables.razor.rz.scp.css */
.car-related[b-7j21ilr4y9] { display: grid; gap: 10px; margin-top: 12px; }
.car-related-toolbar[b-7j21ilr4y9] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.car-related-toolbar h2[b-7j21ilr4y9] { margin: 0; color: #1e293b; font-size: 1rem; line-height: 1.5; }
.car-related-toolbar .btn[b-7j21ilr4y9] { min-height: 36px; padding: 5px 10px; }
.car-related-section[b-7j21ilr4y9] { min-width: 0; overflow: hidden; border: 1px solid #dce2e9; border-radius: 8px; background: #fff; }
.car-related-heading[b-7j21ilr4y9] { display: flex; align-items: center; gap: 8px; padding: 8px 11px; border-bottom: 1px solid #e1e6ec; background: #f9fafb; }
.car-related-heading h3[b-7j21ilr4y9] { margin: 0; color: #263348; font-size: .87rem; font-weight: 750; line-height: 1.5; }
.car-related-count[b-7j21ilr4y9] { min-width: 22px; padding: 1px 6px; border-radius: 10px; background: #eef1f5; color: #566277; font-family: "Segoe UI", sans-serif; font-size: .73rem; font-weight: 700; text-align: center; }
.car-related-scroll[b-7j21ilr4y9] { max-width: 100%; overflow-x: auto; scrollbar-color: #aeb8c5 #f4f6f8; }
.car-related-scroll:focus-visible[b-7j21ilr4y9] { outline: 2px solid #c8213a; outline-offset: -2px; }
.car-related-table[b-7j21ilr4y9] { width: 100%; min-width: 780px; border-collapse: collapse; table-layout: auto; font-variant-numeric: tabular-nums; }
.car-related-table th[b-7j21ilr4y9],.car-related-table td[b-7j21ilr4y9] { border-right: 1px solid #e8ecf1; border-bottom: 1px solid #e8ecf1; padding: 5px 9px; line-height: 1.4; vertical-align: middle; }
.car-related-table th:last-child[b-7j21ilr4y9],.car-related-table td:last-child[b-7j21ilr4y9] { border-right: 0; }
.car-related-table tbody tr:last-child td[b-7j21ilr4y9] { border-bottom: 0; }
.car-related-table th[b-7j21ilr4y9] { background: #f2f5f8; color: #43516a; font-size: .75rem; font-weight: 750; text-align: left; white-space: nowrap; }
.car-related-table td[b-7j21ilr4y9] { color: #27354c; font-size: .8rem; }
.car-related-table tbody tr:nth-child(even)[b-7j21ilr4y9] { background: #fcfcfd; }
.car-related-table tbody tr:hover[b-7j21ilr4y9] { background: #fff6f7; }
.car-related-table .row-title[b-7j21ilr4y9] { font-weight: 750; white-space: nowrap; }
.car-related-table .money[b-7j21ilr4y9] { text-align: right; white-space: nowrap; }
.car-related-table .print-column[b-7j21ilr4y9] { width: 48px; text-align: center; }
.car-print-button[b-7j21ilr4y9] { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #dce2e9; border-radius: 6px; color: #344158; background: #fff; cursor: pointer; }
.car-print-button:hover[b-7j21ilr4y9] { border-color: #bd1b34; color: #bd1b34; background: #fff4f5; }
.car-print-button:focus-visible[b-7j21ilr4y9] { outline: 2px solid #bd1b34; outline-offset: 2px; }
.car-print-button[b-7j21ilr4y9]  svg { width: 16px; height: 16px; }
.car-related-empty[b-7j21ilr4y9] { margin: 0; padding: 9px 11px; color: #718096; font-size: .8rem; }
.car-related-pages[b-7j21ilr4y9] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 6px 9px; border-top: 1px solid #e8ecf1; color: #5e6a7d; font-size: .76rem; }
.car-related-pages .btn[b-7j21ilr4y9] { min-height: 32px; padding: 3px 8px; font-size: .76rem; }
@media (max-width: 640px) { .car-related[b-7j21ilr4y9] { gap: 8px; } .car-related-table[b-7j21ilr4y9] { min-width: 700px; } .car-related-table th[b-7j21ilr4y9],.car-related-table td[b-7j21ilr4y9] { padding: 5px 7px; } }
/* /Components/Shared/DetailBackLink.razor.rz.scp.css */
.detail-ios-back[b-jk7it657a2] { display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-width: 70px; min-height: 44px; margin-bottom: 10px; border-radius: 999px; padding: 0 11px 0 5px; color: #b4081b; font: inherit; font-size: .96rem; font-weight: 550; text-decoration: none; transition: background .16s ease, color .16s ease; }
.detail-ios-back:hover[b-jk7it657a2] { background: #fff0f2; color: #a30619; }
.detail-ios-back:focus-visible[b-jk7it657a2] { outline: 3px solid rgba(216,13,36,.4); outline-offset: 2px; }
.detail-ios-chevron[b-jk7it657a2] { font-size: 2rem; font-weight: 300; line-height: .7; transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .detail-ios-back[b-jk7it657a2] { transition: none; } }