/* /Components/Pages/AdminSales.razor.rz.scp.css */
.page-heading[b-62z2vrxsmx] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.page-heading h1[b-62z2vrxsmx] {
    margin: 0;
    color: #efeff2;
    font-size: 1.55rem;
}

.page-heading p[b-62z2vrxsmx] {
    margin: 0.3rem 0 0;
    color: #92929b;
    font-size: 0.84rem;
}

.section-heading[b-62z2vrxsmx],
.table-heading[b-62z2vrxsmx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.section-heading h2[b-62z2vrxsmx],
.table-heading h2[b-62z2vrxsmx] {
    margin: 0.2rem 0 0;
    color: #ececf0;
    font-size: 1.05rem;
}

.eyebrow[b-62z2vrxsmx] {
    color: #9a9aa3;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.entry-hint[b-62z2vrxsmx],
.ledger-tools > span[b-62z2vrxsmx] {
    color: #83838c;
    font-size: 0.74rem;
}

.booking-grid[b-62z2vrxsmx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 1rem;
}

.choice-group[b-62z2vrxsmx] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.choice-group legend[b-62z2vrxsmx],
.booking-meta label > span[b-62z2vrxsmx] {
    display: block;
    margin-bottom: 0.45rem;
    color: #9b9ba4;
    font-size: 0.74rem;
    font-weight: 600;
}

.choice-group legend[b-62z2vrxsmx] {
    float: left;
    width: 100%;
}

.choice-list[b-62z2vrxsmx] {
    display: flex;
    clear: both;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.booking-meta[b-62z2vrxsmx] {
    display: grid;
    grid-template-columns: minmax(150px, 0.3fr) minmax(220px, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.booking-meta label[b-62z2vrxsmx] {
    min-width: 0;
}

.booking-meta small[b-62z2vrxsmx] {
    color: #71717a;
    font-size: 0.68rem;
    font-weight: 400;
}

.booking-meta .input[b-62z2vrxsmx] {
    box-sizing: border-box;
    width: 100%;
    min-height: 2.2rem;
}

.overview-grid[b-62z2vrxsmx] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(240px, 0.8fr);
    align-items: start;
    gap: 1rem;
    margin-top: 1rem;
}

.breakdowns[b-62z2vrxsmx] {
    margin-top: 1rem;
    border: 1px solid #34343a;
    border-radius: 8px;
    background: #202024;
}

.breakdowns > summary[b-62z2vrxsmx] {
    padding: 0.75rem 1rem;
    color: #aaaab2;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.breakdowns > summary:hover[b-62z2vrxsmx] {
    color: #d9bf91;
}

.breakdowns[open] > summary[b-62z2vrxsmx] {
    border-bottom: 1px solid #34343a;
}

.breakdowns .panel-grid[b-62z2vrxsmx] {
    grid-template-columns: repeat(3, minmax(260px, 1fr));
    margin: 0;
    padding: 0.75rem;
}

.table-heading[b-62z2vrxsmx] {
    margin-top: 1.5rem;
}

.ledger-tools[b-62z2vrxsmx] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.ledger-filter[b-62z2vrxsmx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.3rem 0.6rem;
    border: 1px solid #3e3e45;
    border-radius: 6px;
    background: #202024;
    color: #aaaab2;
    font: inherit;
    font-size: 0.73rem;
    cursor: pointer;
}

.ledger-filter:hover[b-62z2vrxsmx],
.ledger-filter.active[b-62z2vrxsmx] {
    border-color: #8f774f;
    color: #d9bf91;
}

.ledger-filter strong[b-62z2vrxsmx] {
    display: grid;
    min-width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: 999px;
    background: #4a3b27;
    color: #edcf98;
    font-size: 0.65rem;
}

.payout-toggle[b-62z2vrxsmx] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 1.8rem;
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.payout-toggle.pending[b-62z2vrxsmx] {
    border: 1px solid #735d3e;
    background: #332a20;
    color: #e4bd7c;
}

.payout-toggle.pending:hover[b-62z2vrxsmx] {
    border-color: #c89f5e;
    background: #403325;
}

.payout-toggle.requested[b-62z2vrxsmx] {
    border: 1px solid #315842;
    background: #20362a;
    color: #92d3aa;
}

.payout-toggle.requested:hover[b-62z2vrxsmx] {
    border-color: #4c8060;
    background: #294534;
}

.payout-toggle:focus-visible[b-62z2vrxsmx],
.pick:focus-visible[b-62z2vrxsmx],
.amount-btn:focus-visible[b-62z2vrxsmx] {
    outline: 2px solid #e0c99e;
    outline-offset: 2px;
}

.payout-toggle:disabled[b-62z2vrxsmx] {
    opacity: 0.55;
    cursor: wait;
}

.btn-sm:disabled[b-62z2vrxsmx] {
    opacity: 0.45;
    cursor: not-allowed;
}

.payout-date[b-62z2vrxsmx] {
    display: block;
    margin-top: 0.18rem;
    color: #777780;
    font-size: 0.64rem;
    text-align: center;
}

@media (max-width: 1100px) {
    .overview-grid[b-62z2vrxsmx] {
        grid-template-columns: minmax(0, 1fr);
    }

    .breakdowns .panel-grid[b-62z2vrxsmx] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    .page-heading p[b-62z2vrxsmx],
    .entry-hint[b-62z2vrxsmx],
    .ledger-tools > span[b-62z2vrxsmx] {
        display: none;
    }

    .booking-grid[b-62z2vrxsmx],
    .booking-meta[b-62z2vrxsmx] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.85rem;
    }
}

.panel[b-62z2vrxsmx] {
    padding: 1rem 1.15rem 1.15rem;
    border: 1px solid #333338;
    border-radius: 8px;
    background: #252528;
}

.panel-title[b-62z2vrxsmx] {
    margin-bottom: 0.85rem;
    color: #a8a8b0;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.book[b-62z2vrxsmx] {
    margin-bottom: 1.25rem;
}

.pick[b-62z2vrxsmx] {
    padding: 0.4rem 0.8rem;
    border: 1px solid #3a3a42;
    border-radius: 6px;
    background: #1e1e22;
    color: #c4c4cc;
    font-family: inherit;
    font-size: 0.85rem;
    cursor: pointer;
}

.pick:hover[b-62z2vrxsmx] {
    border-color: #55555f;
    color: #e8e8ec;
}

.pick.active[b-62z2vrxsmx] {
    border-color: #c8ad7f;
    background: #c8ad7f;
    color: #1a1a1e;
    font-weight: 600;
}

.pick-note[b-62z2vrxsmx] {
    margin-left: 0.35rem;
    font-size: 0.72rem;
    opacity: 0.75;
}

.input[b-62z2vrxsmx] {
    padding: 0.4rem 0.55rem;
    border: 1px solid #3a3a42;
    border-radius: 6px;
    background: #1a1a1e;
    color: #e8e8ec;
    font-family: inherit;
    font-size: 0.85rem;
}

.amount-row[b-62z2vrxsmx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
}

.amount-btn[b-62z2vrxsmx] {
    display: flex;
    min-width: 116px;
    padding: 0.7rem 1.1rem;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    border: 0;
    border-radius: 8px;
    background: #c8ad7f;
    color: #1a1a1e;
    font-family: inherit;
    cursor: pointer;
}

.amount-btn:hover[b-62z2vrxsmx] {
    background: #d4bb90;
}

.amount-btn:disabled[b-62z2vrxsmx] {
    opacity: 0.55;
    cursor: not-allowed;
}

.amount-main[b-62z2vrxsmx] {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.1;
}

.amount-sub[b-62z2vrxsmx] {
    font-size: 0.72rem;
    opacity: 0.75;
}

.msg[b-62z2vrxsmx] {
    margin-top: 0.9rem;
    padding: 0.55rem 0.7rem;
    border-radius: 6px;
    font-size: 0.85rem;
}

.msg.ok[b-62z2vrxsmx] {
    background: #1f3d2f;
    color: #8fd9a8;
}

.msg.error[b-62z2vrxsmx] {
    background: #3d2020;
    color: #f0a8a8;
}

.stat-grid[b-62z2vrxsmx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 1rem;
}

.stat-card[b-62z2vrxsmx] {
    padding: 1rem 1.15rem;
    border: 1px solid #333338;
    border-radius: 8px;
    background: #252528;
}

.stat-label[b-62z2vrxsmx] {
    color: #a8a8b0;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.stat-value[b-62z2vrxsmx] {
    margin-top: 0.3rem;
    color: #c8ad7f;
    font-size: 1.75rem;
    font-weight: 700;
}

.stat-rows[b-62z2vrxsmx] {
    display: flex;
    margin-top: 0.55rem;
    flex-direction: column;
    gap: 0.2rem;
    color: #a8a8b0;
    font-size: 0.82rem;
}

.stat-rows span[b-62z2vrxsmx] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.stat-rows b[b-62z2vrxsmx] {
    color: #e8e8ec;
    font-weight: 600;
}

.panel-grid[b-62z2vrxsmx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.table-wrap[b-62z2vrxsmx] {
    margin-top: 0.75rem;
    overflow-x: auto;
    border: 1px solid #333338;
    border-radius: 8px;
    background: #252528;
}

.data-table[b-62z2vrxsmx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.data-table th[b-62z2vrxsmx],
.data-table td[b-62z2vrxsmx] {
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid #333338;
    text-align: left;
}

.data-table th[b-62z2vrxsmx] {
    background: #1e1e22;
    color: #a8a8b0;
    font-weight: 600;
}

.data-table tbody tr:hover[b-62z2vrxsmx] {
    background: #2a2a2f;
}

.data-table th.num[b-62z2vrxsmx],
.data-table td.num[b-62z2vrxsmx] {
    text-align: right;
    white-space: nowrap;
}

.data-table tfoot td[b-62z2vrxsmx] {
    border-bottom: 0;
    color: #e8e8ec;
    font-weight: 700;
}

.gold[b-62z2vrxsmx] {
    color: #c8ad7f;
    font-weight: 600;
}

.cell-muted[b-62z2vrxsmx] {
    color: #b0b0b8;
}

.muted[b-62z2vrxsmx] {
    color: #a8a8b0;
}

.badge[b-62z2vrxsmx] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-seller[b-62z2vrxsmx] {
    background: #2a2a5a;
    color: #a8b8f0;
}

.btn-sm[b-62z2vrxsmx] {
    padding: 0.3rem 0.6rem;
    border: 1px solid #3a3a42;
    border-radius: 5px;
    background: #1e1e22;
    color: #c4c4cc;
    font-family: inherit;
    font-size: 0.78rem;
    cursor: pointer;
}

.btn-sm:hover[b-62z2vrxsmx] {
    border-color: #55555f;
    color: #e8e8ec;
}

.btn-sm.btn-danger[b-62z2vrxsmx] {
    border-color: #c05050;
    background: #c05050;
    color: #fff;
}

.btn-sm.btn-danger:hover[b-62z2vrxsmx] {
    background: #d06060;
}

@media (max-width: 720px) {
    .amount-row[b-62z2vrxsmx] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .amount-btn[b-62z2vrxsmx] {
        min-width: 0;
        padding: 0.65rem 0.35rem;
    }

    .amount-main[b-62z2vrxsmx] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/PayoutSummary.razor.rz.scp.css */
.payout-card[b-0rfl2kgrhy] {
    align-self: start;
    min-width: 0;
    padding: 1.05rem 1.1rem;
    border: 1px solid #454039;
    border-radius: 10px;
    background: #292723;
}

.eyebrow[b-0rfl2kgrhy] {
    color: #ad9b7c;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

h2[b-0rfl2kgrhy] {
    margin: 0.25rem 0 0;
    color: #ececf0;
    font-size: 1.05rem;
}

.payout-total[b-0rfl2kgrhy] {
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #474138;
}

.payout-total > span[b-0rfl2kgrhy] {
    color: #a8a096;
    font-size: 0.76rem;
}

.payout-total > strong[b-0rfl2kgrhy] {
    margin: 0.15rem 0;
    color: #e0c99e;
    font-size: 2rem;
    line-height: 1.15;
}

.payout-total small[b-0rfl2kgrhy] {
    color: #918a81;
    font-size: 0.72rem;
}

.payout-breakdown[b-0rfl2kgrhy] {
    display: grid;
    gap: 0.45rem;
}

.reseller-row[b-0rfl2kgrhy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid #45413b;
    border-radius: 6px;
    background: #232221;
}

.reseller-row > div[b-0rfl2kgrhy] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.reseller-row strong[b-0rfl2kgrhy] {
    color: #dedee3;
    font-size: 0.84rem;
}

.reseller-row span[b-0rfl2kgrhy] {
    color: #8f8b85;
    font-size: 0.68rem;
}

.reseller-money[b-0rfl2kgrhy] {
    align-items: flex-end;
}

.reseller-money strong[b-0rfl2kgrhy] {
    color: #d9bf91;
}

.payout-footnote[b-0rfl2kgrhy] {
    margin-top: 0.75rem;
    color: #8f8b85;
    font-size: 0.7rem;
    text-align: right;
}

.all-clear[b-0rfl2kgrhy] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.8rem;
    border: 1px solid #325440;
    border-radius: 6px;
    background: #203329;
}

.check[b-0rfl2kgrhy] {
    display: grid;
    width: 1.6rem;
    height: 1.6rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #477a5c;
    color: #fff;
    font-size: 0.85rem;
}

.all-clear strong[b-0rfl2kgrhy] {
    color: #b9e2c8;
    font-size: 0.84rem;
}

.all-clear p[b-0rfl2kgrhy] {
    margin: 0.2rem 0 0;
    color: #88ab95;
    font-size: 0.72rem;
    line-height: 1.4;
}
/* /Components/Pages/SalesCalendar.razor.rz.scp.css */
.calendar-card[b-e03u4hd6m9] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #35353b;
    border-radius: 10px;
    background: #242428;
}

.calendar-header[b-e03u4hd6m9],
.selected-day-heading[b-e03u4hd6m9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.calendar-header[b-e03u4hd6m9] {
    padding: 1rem 1.1rem 0.85rem;
    border-bottom: 1px solid #35353b;
}

.eyebrow[b-e03u4hd6m9] {
    color: #8f8f98;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

h2[b-e03u4hd6m9],
h3[b-e03u4hd6m9] {
    margin: 0.2rem 0 0;
    color: #ececf0;
}

h2[b-e03u4hd6m9] {
    font-size: 1.05rem;
}

h3[b-e03u4hd6m9] {
    font-size: 0.95rem;
}

.calendar-nav[b-e03u4hd6m9] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.calendar-nav button[b-e03u4hd6m9] {
    min-width: 2rem;
    min-height: 2rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid #414148;
    border-radius: 6px;
    background: #1c1c20;
    color: #d4d4da;
    font: inherit;
    cursor: pointer;
}

.calendar-nav button:hover[b-e03u4hd6m9] {
    border-color: #c8ad7f;
    color: #c8ad7f;
}

.calendar-nav button:focus-visible[b-e03u4hd6m9],
.day-cell:focus-visible[b-e03u4hd6m9] {
    outline: 2px solid #e0c99e;
    outline-offset: 2px;
}

.calendar-nav .today-button[b-e03u4hd6m9] {
    font-size: 0.76rem;
}

.calendar-grid[b-e03u4hd6m9] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-weekdays[b-e03u4hd6m9] {
    padding: 0.55rem 0.65rem 0.35rem;
}

.calendar-weekdays span[b-e03u4hd6m9] {
    color: #85858f;
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.calendar-days[b-e03u4hd6m9] {
    gap: 0.3rem;
    padding: 0 0.65rem 0.65rem;
}

.calendar-blank[b-e03u4hd6m9],
.day-cell[b-e03u4hd6m9] {
    min-height: 68px;
}

.day-cell[b-e03u4hd6m9] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 0.45rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #1d1d21;
    color: #8f8f98;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.day-cell:hover[b-e03u4hd6m9] {
    border-color: #484850;
    background: #29292e;
}

.day-cell.has-sales[b-e03u4hd6m9] {
    border-color: #454039;
    background: #2b2926;
    color: #e8e8ec;
}

.day-cell.selected[b-e03u4hd6m9] {
    border-color: #c8ad7f;
    box-shadow: inset 0 0 0 1px #c8ad7f;
}

.day-number[b-e03u4hd6m9] {
    font-size: 0.75rem;
    font-weight: 700;
}

.day-total[b-e03u4hd6m9] {
    max-width: 100%;
    margin-top: auto;
    overflow: hidden;
    color: #d9bf91;
    font-size: 0.82rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-count[b-e03u4hd6m9] {
    max-width: 100%;
    overflow: hidden;
    color: #9898a1;
    font-size: 0.62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-day[b-e03u4hd6m9] {
    padding: 0.85rem 1.1rem 1rem;
    border-top: 1px solid #35353b;
    background: #202024;
}

.selected-total[b-e03u4hd6m9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.selected-total strong[b-e03u4hd6m9] {
    color: #d9bf91;
    font-size: 1rem;
}

.selected-total span[b-e03u4hd6m9],
.empty-day[b-e03u4hd6m9] {
    color: #8f8f98;
    font-size: 0.75rem;
}

.empty-day[b-e03u4hd6m9] {
    margin: 0.75rem 0 0;
}

.day-sales[b-e03u4hd6m9] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.75rem;
}

.day-sale[b-e03u4hd6m9] {
    display: grid;
    grid-template-columns: minmax(90px, 1fr) minmax(90px, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.6rem;
    border-radius: 5px;
    background: #29292e;
    font-size: 0.78rem;
}

.day-sale .seller[b-e03u4hd6m9] {
    color: #c7c7ce;
    font-weight: 600;
}

.day-sale .method[b-e03u4hd6m9] {
    color: #92929b;
}

.day-sale strong[b-e03u4hd6m9] {
    color: #d9bf91;
}

@media (max-width: 620px) {
    .calendar-header[b-e03u4hd6m9] {
        align-items: flex-start;
        padding: 0.85rem;
    }

    .calendar-days[b-e03u4hd6m9] {
        gap: 0.2rem;
        padding: 0 0.35rem 0.5rem;
    }

    .calendar-weekdays[b-e03u4hd6m9] {
        padding-right: 0.35rem;
        padding-left: 0.35rem;
    }

    .calendar-blank[b-e03u4hd6m9],
    .day-cell[b-e03u4hd6m9] {
        min-height: 52px;
    }

    .day-cell[b-e03u4hd6m9] {
        padding: 0.3rem;
    }

    .day-count[b-e03u4hd6m9] {
        display: none;
    }

    .day-total[b-e03u4hd6m9] {
        font-size: 0.68rem;
    }

    .selected-day[b-e03u4hd6m9] {
        padding: 0.75rem 0.85rem 0.85rem;
    }
}