@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/WebUi/Components/Pages/Provider/ProviderRecursiveUI.razor.rz.scp.css */
*[b-8g1pnvrk2h],
*[b-8g1pnvrk2h]:before,
*[b-8g1pnvrk2h]:after {
    box-sizing: border-box !important;
}

*[b-8g1pnvrk2h] {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0 none;
    transition: all ease .4s;
}


.nav[b-8g1pnvrk2h] {
    margin: 20px auto;
    width: 455px;
    min-height: auto;
}

    .nav ul[b-8g1pnvrk2h] {
        position: relative;
        padding-top: 20px;
    }

    .nav li[b-8g1pnvrk2h] {
        position: relative;
        padding: 20px 3px 0 3px;
        float: left;
        text-align: center;
        list-style-type: none;
    }

        .nav li[b-8g1pnvrk2h]::before, .nav li[b-8g1pnvrk2h]::after {
            content: '';
            position: absolute;
            top: 0;
            right: 50%;
            width: 50%;
            height: 20px;
            border-top: 1px solid #000000;
        }

        .nav li[b-8g1pnvrk2h]::after {
            left: 50%;
            right: auto;
            border-left: 1px solid #000000;
        }

        .nav li:only-child[b-8g1pnvrk2h]::after, .nav li:only-child[b-8g1pnvrk2h]::before {
            content: '';
            display: none;
        }

        .nav li:only-child[b-8g1pnvrk2h] {
            padding-top: 0;
        }

        .nav li:first-child[b-8g1pnvrk2h]::before, .nav li:last-child[b-8g1pnvrk2h]::after {
            border: 0 none;
        }

        .nav li:last-child[b-8g1pnvrk2h]::before {
            border-right: 1px solid #000000;
            border-radius: 0 5px 0 0;
        }

        .nav li:first-child[b-8g1pnvrk2h]::after {
            border-radius: 5px 0 0 0;
        }

    .nav ul ul[b-8g1pnvrk2h]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        border-left: 1px solid #000000;
        width: 0;
        height: 20px;
    }

    .nav li dive[b-8g1pnvrk2h] {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 5px;
        border: 1px solid #000000;
        text-decoration: none;
        text-transform: uppercase;
        color: #000000;
        font-family: arial, verdana, tahoma;
        font-size: 11px;
        background-color: #ffffff;
    }

        .nav li dive:hover[b-8g1pnvrk2h], .nav li a:hover + ul li dive[b-8g1pnvrk2h] {
            color: #000;
            background: #c8e4f8;
            border: 1px solid #005aff;
        }

            .nav li dive:hover + ul li[b-8g1pnvrk2h]::after,
            .nav li dive:hover + ul li[b-8g1pnvrk2h]::before,
            .nav li dive:hover + ul[b-8g1pnvrk2h]::before,
            .nav li dive:hover + ul ul[b-8g1pnvrk2h]::before {
                content: '';
                border-color: #005aff;
            }
/* _content/WebUi/Components/Pages/Reservation/_InfoCancel.razor.rz.scp.css */
/* ===== Card & Header ===== */
.card-cancel[b-b75stassh1] {
    border: 1px solid #f2d9db; /* merah lembut */
    border-radius: .75rem;
}

.cancel-header[b-b75stassh1] {
    background: #fff7f7;
    border-bottom: 1px solid #f2d9db;
    padding: .9rem 1rem;
}

.accent-bar[b-b75stassh1] {
    width: 6px;
    height: 20px;
    border-radius: 3px;
    background: #dc3545;
    display: inline-block;
}

.hdr-label[b-b75stassh1] {
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #9b1c28;
    font-weight: 800;
}

/* ===== Amount (right) ===== */
.amount-danger .cur[b-b75stassh1] {
    font-size: .9rem;
    color: #a11f2b;
    margin-right: .35rem;
    font-weight: 700
}

.amount-danger .val[b-b75stassh1] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #a11f2b;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
}

.amount-neutral .val[b-b75stassh1] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
}

.subnote[b-b75stassh1] {
    font-size: .75rem
}

/* ===== Rows ===== */
.meta[b-b75stassh1] {
    margin-top: .5rem
}

.meta-row[b-b75stassh1] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: .5rem 0;
    border-bottom: 1px dashed #eceff3;
}

    .meta-row:last-child[b-b75stassh1] {
        border-bottom: 0
    }

.meta-key[b-b75stassh1] {
    color: #6b7280;
    font-weight: 700;
    font-size: .85rem;
    display: flex;
    align-items: center
}

.meta-val[b-b75stassh1] {
    text-align: right
}

/* badges */
.chip[b-b75stassh1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .2rem .55rem;
    font-size: .8rem;
    font-weight: 700;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    color: #111827;
    border-radius: 999px;
    min-width: 70px;
}

.amount-inline .cur[b-b75stassh1] {
    margin-left: .25rem;
    color: #6b7280
}

/* ===== Disclaimer ===== */
.disclaimer .title[b-b75stassh1] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #6b7280;
    font-weight: 800;
    margin-bottom: .25rem;
}

.disclaimer ul[b-b75stassh1] {
    margin: 0;
    padding-left: 1rem;
    color: #6b7280;
    font-size: .85rem;
}

.disclaimer li[b-b75stassh1] {
    margin: .15rem 0
}

/* Paksa value Note di bawah label, full width */
.meta-row.meta-note .meta-val[b-b75stassh1] {
    grid-column: 1 / -1; /* lebar penuh */
    text-align: left;
    margin-top: .35rem;
}

/* Tampilan value Note yang enak dibaca */
.note-box[b-b75stassh1] {
    white-space: pre-wrap; /* hormati line break + wrap */
    word-break: break-word; /* potong kata panjang */
    overflow-wrap: anywhere; /* amankan URL panjang */
    font-size: .9rem;
    color: #111827;
    background: #f8fafc; /* optional: hilangkan kalau mau polos */
    border: 1px solid #eef2f7; /* optional */
    border-radius: .5rem; /* optional */
    padding: .5rem .75rem; /* optional */
}


/* ===== Responsive ===== */
@media (max-width: 575.98px) {
    .meta-row[b-b75stassh1] {
        grid-template-columns: 1fr;
    }

    .meta-val[b-b75stassh1] {
        text-align: left
    }
}
/* _content/WebUi/Components/Pages/Reservation/_InfoGeneralRequest.razor.rz.scp.css */
/* ===== Theme tokens ===== */
.pro-card[b-ivpinvmlif] {
    --accent: #0ea5e9;
    --ink: #0f172a;
    --muted: #6c757d;
    --chip-bg: #f3f4f6;
    --chip-br: #e5e7eb;
}

/* ===== KPIs ===== */
.kpi-label[b-ivpinvmlif] {
    font-size: .8rem;
    letter-spacing: .18px;
    text-transform: uppercase;
    color: var(--muted)
}

.kpi-date[b-ivpinvmlif] {
    font-size: .85rem;
    font-weight: 600;
    opacity: .9
}

.kpi-time[b-ivpinvmlif] {
    font-size: 1.25rem;
    color: #111
}

/* timeline */
.timeline[b-ivpinvmlif] {
    display: flex;
    align-items: center;
    width: 100%
}

    .timeline .line[b-ivpinvmlif] {
        flex: 1;
        height: 2px;
        background: linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.22), rgba(0,0,0,.08))
    }

    .timeline .dot[b-ivpinvmlif] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--accent);
        box-shadow: 0 0 0 3px rgba(14,165,233,.15)
    }

    .timeline .start[b-ivpinvmlif] {
        margin-right: .5rem
    }

    .timeline .end[b-ivpinvmlif] {
        margin-left: .5rem
    }

.duration-chip[b-ivpinvmlif] {
    background: #e6f6fd;
    border: 1px solid #bfe9fa;
    color: #0a0a0a;
    font-weight: 800;
    letter-spacing: .2px
}

/* ===== Locations ===== */
.section-divider[b-ivpinvmlif] {
    border: 0;
    border-top: 1px dashed rgba(0,0,0,.08)
}

/* mirip kpi-date + aman untuk judul panjang (2 baris) */
.loc-title[b-ivpinvmlif] {
    font-size: .85rem; /* mirip kpi-date */
    font-weight: 600;
    color: var(--ink);
    line-height: 1.35;
    margin: .1rem 0 .35rem;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* clamp 2 baris */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.loc-row[b-ivpinvmlif] {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    color: #555;
    font-size: .8rem;
    line-height: 1.35
}

    .loc-row i[b-ivpinvmlif] {
        color: var(--muted);
        margin-top: .1rem
    }

.type-chip[b-ivpinvmlif] {
    background: #eef6ff;
    border: 1px solid #cde2ff;
    color: #0b4ebf
}

/* ===== Vehicle (stack) ===== */
.vehicle-stack[b-ivpinvmlif] {
    align-items: flex-start !important;
}
/* foto kiri (top-center crop), no border/shadow) */
.vehicle-photo[b-ivpinvmlif] {
    width: 100px;
    height: 80px;
    object-fit: cover;
    object-position: center top;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0;
    background: none;
    display: block;
    margin: 0;
    align-self: flex-start; /* paksa kiri walau parent align-items:center */
}

/* kelas / tipe */
.spec-chip[b-ivpinvmlif] {
    background: transparent;
    border: 1px solid rgba(0,0,0,.25);
    color: #111;
    font-weight: 700;
}

/* nama unit panjang */
.vehicle-name[b-ivpinvmlif] {
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.25;
    color: var(--ink);
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
    margin-top: .15rem;
}

/* chips: plat, bag, seat */
.vehicle-specs .chip[b-ivpinvmlif] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .85rem;
    font-weight: 700;
    line-height: 1;
    padding: .25rem .6rem;
    border-radius: 999px;
    background: var(--chip-bg);
    border: 1px solid var(--chip-br);
    color: #111827;
    white-space: nowrap; /* jangan patah di tengah */
}

/* rental type pill */
.pill[b-ivpinvmlif] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .85rem;
    font-weight: 800;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: #f4f8ff;
    border: 1px solid #dbe7ff;
    color: #0b4ebf;
}

/* ===== Responsive tweaks ===== */
@media (max-width: 767.98px) {
    .kpi-time[b-ivpinvmlif] {
        font-size: 1.15rem
    }

    .vehicle-photo[b-ivpinvmlif] {
        width: 88px;
        height: 66px
    }
}
/* _content/WebUi/Components/Pages/Reservation/_InfoPay.razor.rz.scp.css */
/* ===== Corporate payment ===== */
.card-pay[b-glglaurxg0] {
    border: 1px solid #edf0f5;
    border-radius: .75rem
}

.pay-header[b-glglaurxg0] {
    background: #f8fafc;
    border-bottom: 1px solid #eef2f7
}

.pay-label[b-glglaurxg0] {
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6b7280;
    font-weight: 700;
}

.pay-amount[b-glglaurxg0] {
    line-height: 1;
}

.pay-currency[b-glglaurxg0] {
    font-size: .8rem;
    color: #6b7280;
    margin-right: .35rem;
    font-weight: 700;
}

.pay-value[b-glglaurxg0] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
}

.pay-subnote[b-glglaurxg0] {
    font-size: .75rem;
    color: #9aa3af;
    margin-top: .25rem;
}

/* rows */
.pay-rows[b-glglaurxg0] {
    margin-top: .25rem
}

.pay-row[b-glglaurxg0] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: .5rem 0;
    border-bottom: 1px dashed #eceff3;
}

    .pay-row:last-child[b-glglaurxg0] {
        border-bottom: 0;
    }

.pay-name[b-glglaurxg0] {
    color: #111827;
    font-weight: 600;
}

.pay-right[b-glglaurxg0] {
    white-space: nowrap;
}

.pay-num[b-glglaurxg0] {
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
}

.pay-cur[b-glglaurxg0] {
    color: #6b7280;
    margin-left: .25rem;
    font-weight: 600
}

/* admin chips */
.pay-admin[b-glglaurxg0] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.chip-soft[b-glglaurxg0] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    color: #111827;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
}

.chip-label[b-glglaurxg0] {
    color: #6b7280;
    font-weight: 700
}

/* link */
.pay-link[b-glglaurxg0] {
    font-weight: 700;
    text-decoration: none
}

    .pay-link:hover[b-glglaurxg0] {
        text-decoration: underline
    }
/* _content/WebUi/Components/Pages/Reservation/_ModalPriceDetail.razor.rz.scp.css */
/* ===== Price Detail (corporate) ===== */
.price-modal[b-uotbgsdtgb] {
    border-radius: .75rem;
    overflow: hidden
}

/* summary */
.summary-bar[b-uotbgsdtgb] {
    background: #f8fafc;
    border-top: 1px solid #eef2f7;
    border-bottom: 1px solid #eef2f7
}

    .summary-bar .label[b-uotbgsdtgb] {
        font-size: .85rem
    }

    .summary-bar .value .cur[b-uotbgsdtgb] {
        font-size: .85rem;
        color: #6b7280;
        margin-right: .35rem;
        font-weight: 700
    }

    .summary-bar .value .num[b-uotbgsdtgb] {
        font-size: 1.25rem;
        font-weight: 800;
        color: #0f172a;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum" 1, "lnum" 1;
    }

    .summary-bar .delta[b-uotbgsdtgb] {
        font-size: .9rem;
        font-weight: 700
    }

        .summary-bar .delta .num[b-uotbgsdtgb] {
            font-variant-numeric: tabular-nums;
            font-feature-settings: "tnum" 1, "lnum" 1;
        }

/* table */
.price-table thead th[b-uotbgsdtgb] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #ffffff;
    border-bottom: 1px solid #eef2f7;
    font-size: .85rem;
    color: #6b7280;
}

.price-table tbody tr[b-uotbgsdtgb] {
    border-bottom: 1px dashed #eceff3
}

    .price-table tbody tr:last-child[b-uotbgsdtgb] {
        border-bottom: 0
    }

.price-table .num[b-uotbgsdtgb] {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
    font-weight: 700;
    color: #111827;
}

.bg-subtle[b-uotbgsdtgb] {
    background: #fbfdff
}

/* subtle emphasis for warning number */
.text-warning-emphasis[b-uotbgsdtgb] {
    color: #946200
}
/* tweak sesuai tema bootstrap kamu */

/* responsive */
@media (max-width: 575.98px) {
    .summary-bar .value .num[b-uotbgsdtgb] {
        font-size: 1.1rem
    }
}
/* _content/WebUi/Components/Pages/ScheduleDriver/_DriverCalendar.razor.rz.scp.css */


th[b-6yi1xma79c] {
    font-weight: 100;
}

td[b-6yi1xma79c] {
    min-width: 60px;
    max-width: 60px;
    height: 100px;
    text-align: left !important;
    padding: 0;
    padding: .2rem .2rem;
}

.day-number[b-6yi1xma79c] {
    font-size: 14px !important;
    font-weight: 100;
    padding-left: .2rem;
    padding-top: .2rem;
}

.day-info[b-6yi1xma79c] {
    text-align: center !important;
    margin-top: 2px !important;
    cursor:pointer;
}

.day-active[b-6yi1xma79c] {
    border: 2px solid #4b38b3;
}


.day-item[b-6yi1xma79c] {
    margin-top: .2rem;
    white-space: normal !important;
}

.c-sunday[b-6yi1xma79c] {
    color: #a62e2e;
}

.day-now[b-6yi1xma79c] {
    margin-top: .2rem;
    background-color: #4b38b3;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0;
    text-align: right !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}


/* _content/WebUi/Components/Pages/ScheduleDriver/_DriverViewList.razor.rz.scp.css */


td[b-cq9lurtzon] {
    min-width: 40px;
    max-width: 40px;
    text-align: center;
}

th[b-cq9lurtzon] {
    min-width: 200px;
    position: sticky;
    left: 0;
    background-color: whitesmoke;
    font-weight:100;
}
/* _content/WebUi/Components/Pages/ScheduleUnit/_UnitCalendar.razor.rz.scp.css */


th[b-rak0w1ou78] {
    font-weight: 100;
}

td[b-rak0w1ou78] {
    min-width: 60px;
    max-width: 60px;
    height: 100px;
    text-align: left !important;
    padding: 0;
    padding: .2rem .2rem;
}

.day-number[b-rak0w1ou78] {
    font-size: 14px !important;
    font-weight: 100;
    padding-left: .2rem;
    padding-top: .2rem;
}

.day-info[b-rak0w1ou78] {
    text-align: center !important;
    margin-top: 2px !important;
    cursor:pointer;
}

.day-active[b-rak0w1ou78] {
    border: 2px solid #4b38b3;
}


.day-item[b-rak0w1ou78] {
    margin-top: .2rem;
    white-space: normal !important;
}

.c-sunday[b-rak0w1ou78] {
    color: #a62e2e;
}

.day-now[b-rak0w1ou78] {
    margin-top: .2rem;
    background-color: #4b38b3;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0;
    text-align: right !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}


/* _content/WebUi/Components/Pages/ScheduleUnit/_UnitViewList.razor.rz.scp.css */


td[b-dwqop499c8] {
    min-width: 40px;
    max-width: 40px;
    text-align: center;
}

th[b-dwqop499c8] {
    min-width: 200px;
    position: sticky;
    left: 0;
    background-color: whitesmoke;
    font-weight:100;
}
/* _content/WebUi/Components/Shared/ActionRow.razor.rz.scp.css */
.table-menu[b-cwbbotazix] {
    display: none;
    border: 1px solid #312f2f;
    border-radius: var(--vz-border-radius) !important;
}


tr:hover td .table-menu[b-cwbbotazix], tr:hover th .table-menu[b-cwbbotazix] {
    display: inline;
    float: left;
    right: 20px;
    position: absolute;
}


.table-menu-active[b-cwbbotazix] {
    display: inline;
    float: right;
}

.table[b-cwbbotazix] {
    position: relative;
}