/* _content/Duara.SharedUI/Component1.razor.rz.scp.css */
.my-component[b-agg2ktneeo] {
    border: 2px dashed red;
    padding: 1em;
    margin: 1em 0;
    background-image: url('background.png');
}
/* _content/Duara.SharedUI/Components/Clients/AdjustBalance.razor.rz.scp.css */
.adjust-balance[b-6rpkc9npbg] {
    display: grid;
    gap: 1rem;
}

.adjust-balance__header h2[b-6rpkc9npbg] {
    margin: 0;
    font-size: var(--text-lg);
}

.adjust-balance__balance[b-6rpkc9npbg] {
    margin: 0;
    color: var(--color-gray-700);
}

.adjust-balance__section[b-6rpkc9npbg] {
    display: grid;
    gap: 0.5rem;
}

.adjust-balance__error[b-6rpkc9npbg] {
    color: var(--color-danger);
    background: var(--color-gray-50);
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-md);
    padding: 0.75rem;
}

.adjust-balance__actions[b-6rpkc9npbg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}
/* _content/Duara.SharedUI/Components/Clients/ClientCard.razor.rz.scp.css */
.client-card[b-t3vbmsrbgf] {
    width: 100%;
    text-align: left;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    padding: 1rem;
    display: grid;
    gap: 0.75rem;
    cursor: pointer;
}

.client-card__top[b-t3vbmsrbgf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.client-card__title[b-t3vbmsrbgf] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.client-card__name[b-t3vbmsrbgf] {
    color: var(--color-gray-900);
    font-size: var(--text-base);
}

.client-card__contact[b-t3vbmsrbgf] {
    color: var(--color-gray-600);
    font-size: var(--text-sm);
}

.client-card__badges[b-t3vbmsrbgf] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.client-card__meta[b-t3vbmsrbgf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--color-gray-700);
    font-size: var(--text-sm);
}

.client-card__meta-item[b-t3vbmsrbgf] {
    font-variant-numeric: tabular-nums;
}
/* _content/Duara.SharedUI/Components/Clients/ClientInfoCard.razor.rz.scp.css */
.client-info-card[b-4gggv0g581] {
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    padding: 1rem;
    display: grid;
    gap: 0.75rem;
}

.client-info-card__header[b-4gggv0g581] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.client-info-card__identity[b-4gggv0g581] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.client-info-card__name[b-4gggv0g581] {
    color: var(--color-gray-900);
    font-size: var(--text-lg);
}

.client-info-card__actions[b-4gggv0g581] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.client-info-card__action[b-4gggv0g581] {
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-gray-800);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.client-info-card__list[b-4gggv0g581] {
    margin: 0;
    display: grid;
    gap: 0.5rem;
}

.client-info-card__row[b-4gggv0g581] {
    display: grid;
    gap: 0.15rem;
}

.client-info-card__row dt[b-4gggv0g581] {
    font-size: var(--text-xs);
    color: var(--color-gray-600);
}

.client-info-card__row dd[b-4gggv0g581] {
    margin: 0;
    color: var(--color-gray-900);
    font-size: var(--text-sm);
}
/* _content/Duara.SharedUI/Components/Clients/ClientManagementCard.razor.rz.scp.css */
.client-mgmt-card[b-h5fylelvrx] {
    background: white;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1rem;
    cursor: pointer;
    transition: border-color 0.15s;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.client-mgmt-card:hover[b-h5fylelvrx] {
    border-color: #0F766E;
}

.client-mgmt-card--selected[b-h5fylelvrx] {
    border-color: #0F766E;
    background: #EFF6FF;
}

.client-mgmt-card__top[b-h5fylelvrx] {
    display: flex;
    flex-direction: column;
}

.client-mgmt-card__name-row[b-h5fylelvrx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.client-mgmt-card__name[b-h5fylelvrx] {
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
    color: #111827;
    line-height: 1.25;
}

.client-mgmt-card__blocked-badge[b-h5fylelvrx] {
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 9999px;
    background: #FEE2E2;
    color: #DC2626;
    white-space: nowrap;
}

.client-mgmt-card__contact[b-h5fylelvrx] {
    margin: 0;
    margin-top: 0.625rem;
    font-size: 0.875rem;
    color: #6B7280;
}

.client-mgmt-card__divider[b-h5fylelvrx] {
    height: 1px;
    background: #E5E7EB;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.client-mgmt-card__metrics[b-h5fylelvrx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.client-mgmt-card__metric[b-h5fylelvrx] {
    display: flex;
    flex-direction: column;
}

.client-mgmt-card__label[b-h5fylelvrx] {
    font-size: 0.75rem;
    color: #6B7280;
    margin-bottom: 0.125rem;
}

.client-mgmt-card__amount[b-h5fylelvrx],
.client-mgmt-card__credit[b-h5fylelvrx] {
    font-size: 1rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.client-mgmt-card__amount--negative[b-h5fylelvrx] {
    color: #DC2626;
}

.client-mgmt-card__amount--positive[b-h5fylelvrx] {
    color: #22C55E;
}

.client-mgmt-card__credit[b-h5fylelvrx] {
    color: #111827;
}

.client-mgmt-card__sub-amount[b-h5fylelvrx] {
    font-size: 0.75rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

.client-mgmt-card__progress[b-h5fylelvrx] {
    margin-top: 0.625rem;
}

.client-mgmt-card__progress-bar[b-h5fylelvrx] {
    height: 0.5rem;
    background: #E5E7EB;
    border-radius: 9999px;
    overflow: hidden;
}

.client-mgmt-card__progress-fill[b-h5fylelvrx] {
    height: 100%;
    background: #FACC15;
    transition: width 0.3s;
}

.client-mgmt-card__progress-fill--over[b-h5fylelvrx] {
    background: #DC2626;
}

.client-mgmt-card__progress-row[b-h5fylelvrx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.25rem;
}

.client-mgmt-card__progress-text[b-h5fylelvrx] {
    font-size: 0.75rem;
    color: #6B7280;
}

.client-mgmt-card__over[b-h5fylelvrx] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #DC2626;
}

/* Action buttons */
.client-mgmt-card__actions[b-h5fylelvrx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.client-mgmt-card__actions:has(.client-mgmt-card__action-btn--reminder)[b-h5fylelvrx] {
    grid-template-columns: repeat(3, 1fr);
}

.client-mgmt-card__action-btn[b-h5fylelvrx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    background: #F3F4F6;
    color: #111827;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s;
    min-height: 2.25rem;
}

.client-mgmt-card__action-btn:hover[b-h5fylelvrx] {
    background: #E5E7EB;
}

.client-mgmt-card__action-btn--whatsapp[b-h5fylelvrx] {
    background: rgba(34, 197, 94, 0.1);
    color: #22C55E;
    border-color: rgba(34, 197, 94, 0.3);
}

.client-mgmt-card__action-btn--whatsapp:hover[b-h5fylelvrx] {
    background: rgba(34, 197, 94, 0.2);
}

.client-mgmt-card__action-btn--reminder[b-h5fylelvrx] {
    background: rgba(250, 204, 21, 0.1);
    color: #D97706;
    border-color: rgba(250, 204, 21, 0.3);
}

.client-mgmt-card__action-btn--reminder:hover[b-h5fylelvrx] {
    background: rgba(250, 204, 21, 0.2);
}
/* _content/Duara.SharedUI/Components/Clients/CreditStatusCard.razor.rz.scp.css */
.credit-status-card[b-0ssq6btrej] {
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    padding: 1rem;
    display: grid;
    gap: 0.75rem;
}

.credit-status-card__header h2[b-0ssq6btrej] {
    margin: 0;
    font-size: var(--text-base);
}

.credit-status-card__grid[b-0ssq6btrej] {
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .credit-status-card__grid[b-0ssq6btrej] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.credit-status-card__metric[b-0ssq6btrej] {
    display: grid;
    gap: 0.15rem;
}

.credit-status-card__label[b-0ssq6btrej] {
    font-size: var(--text-xs);
    color: var(--color-gray-600);
}

.credit-status-card__value[b-0ssq6btrej] {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
    color: var(--color-gray-900);
}

.credit-status-card__value--negative[b-0ssq6btrej] {
    color: var(--color-danger);
}

.credit-status-card__value--positive[b-0ssq6btrej] {
    color: var(--color-success);
}

.credit-status-card__value--neutral[b-0ssq6btrej] {
    color: var(--color-gray-700);
}
/* _content/Duara.SharedUI/Components/Clients/RecordPayment.razor.rz.scp.css */
.record-payment[b-rpg9w05cdr] {
    display: grid;
    gap: 1rem;
}

.record-payment__header h2[b-rpg9w05cdr] {
    margin: 0;
    font-size: var(--text-lg);
}

.record-payment__balance[b-rpg9w05cdr] {
    margin: 0;
    color: var(--color-gray-700);
}

.record-payment__section[b-rpg9w05cdr] {
    display: grid;
    gap: 0.5rem;
}

.record-payment__hint[b-rpg9w05cdr] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--color-gray-600);
}

.record-payment__error[b-rpg9w05cdr] {
    color: var(--color-danger);
    background: var(--color-gray-50);
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-md);
    padding: 0.75rem;
}

.record-payment__actions[b-rpg9w05cdr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}
/* _content/Duara.SharedUI/Components/Clients/Sheets/ClientDetailSheet.razor.rz.scp.css */
.client-detail-sheet[b-bpyq8l3p8a] {
    display: flex;
    flex-direction: column;
    max-height: 85vh;
}

/* Header */
.client-detail-sheet__header[b-bpyq8l3p8a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem 0.75rem;
    background: #115E59;
    color: white;
    border-radius: 1.5rem 1.5rem 0 0;
}

.client-detail-sheet__header-content[b-bpyq8l3p8a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.client-detail-sheet__name[b-bpyq8l3p8a] {
    font-size: 1.125rem;
    font-weight: 600;
}

.client-detail-sheet__badge[b-bpyq8l3p8a] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
}

.client-detail-sheet__badge--blocked[b-bpyq8l3p8a] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.client-detail-sheet__close[b-bpyq8l3p8a] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
}

.client-detail-sheet__close:hover[b-bpyq8l3p8a] {
    background: rgba(255, 255, 255, 0.3);
}

/* Body */
.client-detail-sheet__body[b-bpyq8l3p8a] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Info card */
.client-detail-sheet__info-card[b-bpyq8l3p8a] {
    background: #F3F4F6;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.client-detail-sheet__info-row[b-bpyq8l3p8a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.client-detail-sheet__info-label[b-bpyq8l3p8a] {
    font-size: 0.875rem;
    color: #6B7280;
}

.client-detail-sheet__info-value[b-bpyq8l3p8a] {
    font-size: 0.875rem;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.client-detail-sheet__info-value-row[b-bpyq8l3p8a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.client-detail-sheet__info-value--negative[b-bpyq8l3p8a] {
    color: #DC2626;
    font-weight: 600;
}

.client-detail-sheet__info-value--positive[b-bpyq8l3p8a] {
    color: #22C55E;
    font-weight: 600;
}

.client-detail-sheet__icon-btn[b-bpyq8l3p8a] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    color: #6B7280;
    cursor: pointer;
    transition: all 0.15s;
}

.client-detail-sheet__icon-btn:hover[b-bpyq8l3p8a] {
    background: #0F766E;
    border-color: #0F766E;
    color: white;
}

.client-detail-sheet__icon-btn--whatsapp:hover[b-bpyq8l3p8a] {
    background: #22C55E;
    border-color: #22C55E;
}

/* Credit visualization */
.client-detail-sheet__credit-viz[b-bpyq8l3p8a] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.client-detail-sheet__progress-bar[b-bpyq8l3p8a] {
    height: 0.5rem;
    background: #E5E7EB;
    border-radius: 9999px;
    overflow: hidden;
}

.client-detail-sheet__progress-fill[b-bpyq8l3p8a] {
    height: 100%;
    background: #FACC15;
    border-radius: 9999px;
    transition: width 0.3s;
}

.client-detail-sheet__progress-fill--over[b-bpyq8l3p8a] {
    background: #DC2626;
}

.client-detail-sheet__credit-text[b-bpyq8l3p8a] {
    font-size: 0.75rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Transactions */
.client-detail-sheet__transactions[b-bpyq8l3p8a] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 2.5rem;
}

/* Tabs */
.client-detail-sheet__tabs[b-bpyq8l3p8a] {
    display: flex;
    gap: 0.5rem;
}

.client-detail-sheet__tab[b-bpyq8l3p8a] {
    flex: 1;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
    background: #F3F4F6;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
}

.client-detail-sheet__tab:hover[b-bpyq8l3p8a] {
    background: #E5E7EB;
}

.client-detail-sheet__tab--active[b-bpyq8l3p8a] {
    background: #0F766E;
    color: white;
}

.client-detail-sheet__tab--active:hover[b-bpyq8l3p8a] {
    background: #115E59;
}

/* Empty State */
.client-detail-sheet__empty-state[b-bpyq8l3p8a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    text-align: center;
    color: #9CA3AF;
}

.client-detail-sheet__empty-state p[b-bpyq8l3p8a] {
    margin: 0;
    font-size: 0.875rem;
}

.client-detail-sheet__tx-list[b-bpyq8l3p8a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.client-detail-sheet__tx-item[b-bpyq8l3p8a] {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.client-detail-sheet__tx-top[b-bpyq8l3p8a] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.client-detail-sheet__tx-info[b-bpyq8l3p8a] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.client-detail-sheet__tx-desc[b-bpyq8l3p8a] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

.client-detail-sheet__tx-date[b-bpyq8l3p8a] {
    font-size: 0.75rem;
    color: #6B7280;
}

.client-detail-sheet__tx-amounts[b-bpyq8l3p8a] {
    text-align: right;
    flex-shrink: 0;
}

.client-detail-sheet__tx-amount[b-bpyq8l3p8a] {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.client-detail-sheet__tx-amount--positive[b-bpyq8l3p8a] {
    color: #22C55E;
}

.client-detail-sheet__tx-amount--negative[b-bpyq8l3p8a] {
    color: #DC2626;
}

.client-detail-sheet__tx-balance[b-bpyq8l3p8a] {
    display: block;
    font-size: 0.75rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Pagination */
.client-detail-sheet__pagination[b-bpyq8l3p8a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    margin-top: 0.5rem;
    border-top: 1px solid #E5E7EB;
}

.client-detail-sheet__pagination-btn[b-bpyq8l3p8a] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s;
}

.client-detail-sheet__pagination-btn:hover:not(:disabled)[b-bpyq8l3p8a] {
    background: #F3F4F6;
}

.client-detail-sheet__pagination-btn:disabled[b-bpyq8l3p8a] {
    opacity: 0.5;
    cursor: not-allowed;
}

.client-detail-sheet__pagination-text[b-bpyq8l3p8a] {
    font-size: 0.875rem;
    color: #6B7280;
}

/* View Full History Button */
.client-detail-sheet__view-history[b-bpyq8l3p8a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #0F766E;
    background: rgba(15, 118, 110, 0.1);
    border: 1px solid rgba(15, 118, 110, 0.3);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
}

.client-detail-sheet__view-history:hover[b-bpyq8l3p8a] {
    background: rgba(15, 118, 110, 0.15);
    border-color: #0F766E;
}

/* Footer */
.client-detail-sheet__footer[b-bpyq8l3p8a] {
    padding: 1rem;
    border-top: 1px solid #E5E7EB;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: white;
}

.client-detail-sheet__footer-row[b-bpyq8l3p8a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
/* _content/Duara.SharedUI/Components/Clients/Sheets/ClientPurchaseHistorySheet.razor.rz.scp.css */
.purchase-history-sheet[b-wpphrtaz4b] {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.purchase-history-sheet__header[b-wpphrtaz4b] {
    padding: 1rem 1rem 0.75rem;
    border-bottom: 1px solid #E5E7EB;
}

.purchase-history-sheet__title[b-wpphrtaz4b] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.purchase-history-sheet__body[b-wpphrtaz4b] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

/* Summary Cards */
.purchase-history-sheet__summary[b-wpphrtaz4b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

.purchase-history-sheet__summary-card[b-wpphrtaz4b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid;
}

.purchase-history-sheet__summary-card--sales[b-wpphrtaz4b] {
    background: #FEF2F2;
    border-color: #FEE2E2;
}

.purchase-history-sheet__summary-card--sales .purchase-history-sheet__summary-value[b-wpphrtaz4b] {
    color: #DC2626;
}

.purchase-history-sheet__summary-card--payments[b-wpphrtaz4b] {
    background: #F0FDF4;
    border-color: #BBF7D0;
}

.purchase-history-sheet__summary-card--payments .purchase-history-sheet__summary-value[b-wpphrtaz4b] {
    color: #22C55E;
}

.purchase-history-sheet__summary-card--count[b-wpphrtaz4b] {
    background: #F3F4F6;
    border-color: #E5E7EB;
}

.purchase-history-sheet__summary-card--count .purchase-history-sheet__summary-value[b-wpphrtaz4b] {
    color: #111827;
}

.purchase-history-sheet__summary-label[b-wpphrtaz4b] {
    font-size: 0.75rem;
    color: #6B7280;
}

.purchase-history-sheet__summary-value[b-wpphrtaz4b] {
    font-size: 1rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* Filter Pills */
.purchase-history-sheet__filters[b-wpphrtaz4b] {
    display: flex;
    gap: 0.5rem;
}

.purchase-history-sheet__filter-pill[b-wpphrtaz4b] {
    flex: 1;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 9999px;
    cursor: pointer;
    transition: all 0.15s;
}

.purchase-history-sheet__filter-pill:hover[b-wpphrtaz4b] {
    background: #E5E7EB;
}

.purchase-history-sheet__filter-pill--active[b-wpphrtaz4b] {
    background: #0F766E;
    border-color: #0F766E;
    color: white;
}

.purchase-history-sheet__filter-pill--active:hover[b-wpphrtaz4b] {
    background: #115E59;
}

/* Transaction List */
.purchase-history-sheet__list[b-wpphrtaz4b] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Empty State */
.purchase-history-sheet__empty[b-wpphrtaz4b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    text-align: center;
    color: #9CA3AF;
}

.purchase-history-sheet__empty p[b-wpphrtaz4b] {
    margin: 0;
    font-size: 0.875rem;
}

/* Transaction Card */
.purchase-history-sheet__tx-card[b-wpphrtaz4b] {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    overflow: hidden;
}

.purchase-history-sheet__tx-header[b-wpphrtaz4b] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
}

.purchase-history-sheet__tx-header--clickable[b-wpphrtaz4b] {
    cursor: pointer;
    transition: background 0.15s;
}

.purchase-history-sheet__tx-header--clickable:hover[b-wpphrtaz4b] {
    background: #F9FAFB;
}

/* Transaction Icon */
.purchase-history-sheet__tx-icon-wrap[b-wpphrtaz4b] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: #F3F4F6;
}

.purchase-history-sheet__tx-icon--sale[b-wpphrtaz4b] {
    color: #DC2626;
}

.purchase-history-sheet__tx-icon--payment[b-wpphrtaz4b] {
    color: #22C55E;
}

.purchase-history-sheet__tx-icon--adjustment[b-wpphrtaz4b] {
    color: #F59E0B;
}

/* Transaction Content */
.purchase-history-sheet__tx-content[b-wpphrtaz4b] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.purchase-history-sheet__tx-top-row[b-wpphrtaz4b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.purchase-history-sheet__tx-type-row[b-wpphrtaz4b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.purchase-history-sheet__tx-type[b-wpphrtaz4b] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
}

.purchase-history-sheet__tx-sale-num[b-wpphrtaz4b] {
    font-size: 0.75rem;
    color: #6B7280;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.purchase-history-sheet__tx-date[b-wpphrtaz4b] {
    display: block;
    font-size: 0.75rem;
    color: #6B7280;
    margin-top: 0.125rem;
}

/* Transaction Amounts */
.purchase-history-sheet__tx-amounts[b-wpphrtaz4b] {
    text-align: right;
    flex-shrink: 0;
}

.purchase-history-sheet__tx-amount[b-wpphrtaz4b] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.purchase-history-sheet__tx-amount--positive[b-wpphrtaz4b] {
    color: #22C55E;
}

.purchase-history-sheet__tx-amount--negative[b-wpphrtaz4b] {
    color: #DC2626;
}

.purchase-history-sheet__tx-amount-cdf[b-wpphrtaz4b] {
    display: block;
    font-size: 0.75rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Transaction Description */
.purchase-history-sheet__tx-desc[b-wpphrtaz4b] {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    color: #6B7280;
    line-height: 1.4;
}

/* Balance After */
.purchase-history-sheet__tx-balance[b-wpphrtaz4b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #E5E7EB;
}

.purchase-history-sheet__tx-balance-label[b-wpphrtaz4b] {
    font-size: 0.75rem;
    color: #6B7280;
}

.purchase-history-sheet__tx-balance-value[b-wpphrtaz4b] {
    font-size: 0.875rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.purchase-history-sheet__tx-balance-value--positive[b-wpphrtaz4b] {
    color: #22C55E;
}

.purchase-history-sheet__tx-balance-value--negative[b-wpphrtaz4b] {
    color: #DC2626;
}

/* Expand Indicator */
.purchase-history-sheet__tx-expand[b-wpphrtaz4b] {
    display: flex;
    justify-content: center;
    padding-top: 0.25rem;
}

.purchase-history-sheet__tx-chevron[b-wpphrtaz4b] {
    color: #9CA3AF;
    transition: transform 0.2s;
}

.purchase-history-sheet__tx-chevron--expanded[b-wpphrtaz4b] {
    transform: rotate(180deg);
}

/* Expanded Items Section */
.purchase-history-sheet__tx-items[b-wpphrtaz4b] {
    background: #F9FAFB;
    border-top: 1px solid #E5E7EB;
    padding: 0.75rem;
}

.purchase-history-sheet__tx-items-header[b-wpphrtaz4b] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.purchase-history-sheet__tx-items-note[b-wpphrtaz4b] {
    font-size: 0.75rem;
    color: #9CA3AF;
    font-style: italic;
}

/* Export Button Container */
.purchase-history-sheet__body > :deep(button)[b-wpphrtaz4b] {
    margin-top: 0.5rem;
}
/* _content/Duara.SharedUI/Components/Clients/Sheets/RegisterClientPaymentSheet.razor.rz.scp.css */
.register-payment-sheet[b-lkhhncy1iw] {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.register-payment-sheet__header[b-lkhhncy1iw] {
    padding: 1rem 1rem 0.75rem;
    border-bottom: 1px solid #E5E7EB;
}

.register-payment-sheet__title[b-lkhhncy1iw] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.register-payment-sheet__body[b-lkhhncy1iw] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Client Info Card */
.register-payment-sheet__client-info[b-lkhhncy1iw] {
    background: #F9FAFB;
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.register-payment-sheet__info-row[b-lkhhncy1iw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.register-payment-sheet__info-label[b-lkhhncy1iw] {
    font-size: 0.875rem;
    color: #6B7280;
}

.register-payment-sheet__info-value[b-lkhhncy1iw] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.register-payment-sheet__balance-display[b-lkhhncy1iw] {
    text-align: right;
}

.register-payment-sheet__balance-usd[b-lkhhncy1iw] {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.register-payment-sheet__balance-usd--negative[b-lkhhncy1iw] {
    color: #DC2626;
}

.register-payment-sheet__balance-cdf[b-lkhhncy1iw] {
    display: block;
    font-size: 0.75rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Section */
.register-payment-sheet__section[b-lkhhncy1iw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.register-payment-sheet__label[b-lkhhncy1iw] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

/* Payment Methods Grid */
.register-payment-sheet__methods[b-lkhhncy1iw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.register-payment-sheet__method-btn[b-lkhhncy1iw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem;
    border: 2px solid #E5E7EB;
    border-radius: 0.5rem;
    background: white;
    cursor: pointer;
    transition: all 0.15s;
}

.register-payment-sheet__method-btn:hover[b-lkhhncy1iw] {
    border-color: rgba(15, 118, 110, 0.5);
}

.register-payment-sheet__method-btn--active[b-lkhhncy1iw] {
    border-color: #0F766E;
    background: rgba(15, 118, 110, 0.05);
}

.register-payment-sheet__method-icon[b-lkhhncy1iw] {
    color: #6B7280;
}

.register-payment-sheet__method-btn--active .register-payment-sheet__method-icon[b-lkhhncy1iw] {
    color: #0F766E;
}

.register-payment-sheet__method-label[b-lkhhncy1iw] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

.register-payment-sheet__method-btn--active .register-payment-sheet__method-label[b-lkhhncy1iw] {
    color: #0F766E;
}

/* Quick Amounts */
.register-payment-sheet__quick-section[b-lkhhncy1iw] {
    margin-bottom: 0.75rem;
}

.register-payment-sheet__quick-label[b-lkhhncy1iw] {
    display: block;
    font-size: 0.75rem;
    color: #6B7280;
    margin-bottom: 0.5rem;
}

.register-payment-sheet__quick-amounts[b-lkhhncy1iw] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem;
}

.register-payment-sheet__quick-btn[b-lkhhncy1iw] {
    padding: 0.5rem;
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    cursor: pointer;
    transition: background 0.15s;
}

.register-payment-sheet__quick-btn:hover[b-lkhhncy1iw] {
    background: #E5E7EB;
}

/* Input Groups */
.register-payment-sheet__input-group[b-lkhhncy1iw] {
    margin-bottom: 0.75rem;
}

.register-payment-sheet__input-label[b-lkhhncy1iw] {
    display: block;
    font-size: 0.75rem;
    color: #6B7280;
    margin-bottom: 0.25rem;
}

.register-payment-sheet__input-wrapper[b-lkhhncy1iw] {
    position: relative;
}

.register-payment-sheet__input[b-lkhhncy1iw] {
    width: 100%;
    height: 3.5rem;
    padding: 0 4rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    background: white;
    border: 2px solid #E5E7EB;
    border-radius: 0.5rem;
    font-variant-numeric: tabular-nums;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.register-payment-sheet__input:focus[b-lkhhncy1iw] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

.register-payment-sheet__input[b-lkhhncy1iw]::placeholder {
    color: #9CA3AF;
}

.register-payment-sheet__input-suffix[b-lkhhncy1iw] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.125rem;
    font-weight: 600;
    color: #6B7280;
}

/* Providers */
.register-payment-sheet__providers[b-lkhhncy1iw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

.register-payment-sheet__provider-btn[b-lkhhncy1iw] {
    padding: 0.5rem 0.75rem;
    border: 2px solid #E5E7EB;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    background: white;
    cursor: pointer;
    transition: all 0.15s;
}

.register-payment-sheet__provider-btn:hover[b-lkhhncy1iw] {
    border-color: rgba(15, 118, 110, 0.5);
}

.register-payment-sheet__provider-btn--active[b-lkhhncy1iw] {
    border-color: #0F766E;
    background: rgba(15, 118, 110, 0.05);
    color: #0F766E;
}

/* Text Input */
.register-payment-sheet__text-input[b-lkhhncy1iw] {
    width: 100%;
    height: 2.75rem;
    padding: 0 1rem;
    font-size: 1rem;
    color: #111827;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.register-payment-sheet__text-input:focus[b-lkhhncy1iw] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

/* Textarea */
.register-payment-sheet__textarea[b-lkhhncy1iw] {
    width: 100%;
    padding: 0.625rem 1rem;
    font-size: 1rem;
    color: #111827;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    outline: none;
    resize: none;
    font-family: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.register-payment-sheet__textarea:focus[b-lkhhncy1iw] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

/* New Balance Preview */
.register-payment-sheet__preview[b-lkhhncy1iw] {
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 0.5rem;
    padding: 1rem;
}

.register-payment-sheet__preview-row[b-lkhhncy1iw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.register-payment-sheet__preview-label[b-lkhhncy1iw] {
    font-size: 0.875rem;
    color: #1E40AF;
}

.register-payment-sheet__preview-values[b-lkhhncy1iw] {
    text-align: right;
}

.register-payment-sheet__preview-usd[b-lkhhncy1iw] {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.register-payment-sheet__preview-usd--positive[b-lkhhncy1iw] {
    color: #22C55E;
}

.register-payment-sheet__preview-usd--negative[b-lkhhncy1iw] {
    color: #DC2626;
}

.register-payment-sheet__preview-cdf[b-lkhhncy1iw] {
    display: block;
    font-size: 0.75rem;
    color: #1E40AF;
    font-variant-numeric: tabular-nums;
}

/* Error Message */
.register-payment-sheet__error[b-lkhhncy1iw] {
    padding: 0.75rem 1rem;
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    border-radius: 0.5rem;
    color: #DC2626;
    font-size: 0.875rem;
}

/* Footer */
.register-payment-sheet__footer[b-lkhhncy1iw] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-top: 1px solid #E5E7EB;
    background: white;
}

.register-payment-sheet__footer > :deep(button)[b-lkhhncy1iw] {
    flex: 1;
    height: 3rem;
}
/* _content/Duara.SharedUI/Components/Clients/TransactionHistoryList.razor.rz.scp.css */
.transaction-history[b-dcey7rla3x] {
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    padding: 1rem;
    display: grid;
    gap: 0.75rem;
}

.transaction-history__header h2[b-dcey7rla3x] {
    margin: 0;
    font-size: var(--text-base);
}

.transaction-history__empty[b-dcey7rla3x] {
    color: var(--color-gray-600);
    margin: 0;
}

.transaction-history__list[b-dcey7rla3x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
    max-height: 360px;
    overflow: auto;
}

.transaction-history__item[b-dcey7rla3x] {
    padding: 0.75rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    display: grid;
    gap: 0.35rem;
}

.transaction-history__row[b-dcey7rla3x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.transaction-history__left[b-dcey7rla3x] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.transaction-history__date[b-dcey7rla3x] {
    color: var(--color-gray-600);
    font-size: var(--text-xs);
}

.transaction-history__amount[b-dcey7rla3x] {
    font-variant-numeric: tabular-nums;
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    font-size: var(--text-sm);
}

.transaction-history__notes[b-dcey7rla3x] {
    color: var(--color-gray-700);
    font-size: var(--text-sm);
}
/* _content/Duara.SharedUI/Components/Finance/DailySummary.razor.rz.scp.css */
.daily-summary[b-ssxym9wgd4] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Date Display */
.daily-summary__date-display[b-ssxym9wgd4] {
  text-align: center;
  margin-bottom: 0.5rem;
}

.daily-summary__date-label[b-ssxym9wgd4] {
  font-size: 0.875rem;
  color: #94A3B8;
  margin: 0 0 0.25rem;
}

.daily-summary__date-value[b-ssxym9wgd4] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1E293B;
  margin: 0;
}

/* ==============================
   Net Cash Flow Hero Card
   ============================== */
.daily-summary__net-flow[b-ssxym9wgd4] {
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: solid;
  padding: 1.5rem;
}

.daily-summary__net-flow--positive[b-ssxym9wgd4] {
  background: linear-gradient(135deg, #DCFCE7, #BBF7D0);
  border-color: #22C55E;
}

.daily-summary__net-flow--negative[b-ssxym9wgd4] {
  background: linear-gradient(135deg, #FEE2E2, #FECACA);
  border-color: #EF4444;
}

.daily-summary__net-flow-header[b-ssxym9wgd4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.daily-summary__net-flow-icon[b-ssxym9wgd4] {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.daily-summary__net-flow--positive .daily-summary__net-flow-icon[b-ssxym9wgd4] {
  background: #22C55E;
}

.daily-summary__net-flow--negative .daily-summary__net-flow-icon[b-ssxym9wgd4] {
  background: #EF4444;
}

.daily-summary__net-flow-icon svg[b-ssxym9wgd4] {
  width: 1.5rem;
  height: 1.5rem;
  color: white;
}

.daily-summary__net-flow-label[b-ssxym9wgd4] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748B;
  margin: 0;
}

.daily-summary__net-flow-sublabel[b-ssxym9wgd4] {
  font-size: 0.75rem;
  color: #94A3B8;
  margin: 0;
}

.daily-summary__net-flow-amount[b-ssxym9wgd4] {
  font-size: 2.25rem;
  font-weight: 700;
  margin: 0;
}

.daily-summary__net-flow--positive .daily-summary__net-flow-amount[b-ssxym9wgd4] {
  color: #15803D;
}

.daily-summary__net-flow--negative .daily-summary__net-flow-amount[b-ssxym9wgd4] {
  color: #DC2626;
}

.daily-summary__net-flow-breakdown[b-ssxym9wgd4] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  flex-wrap: wrap;
}

.daily-summary__net-flow-item[b-ssxym9wgd4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #64748B;
}

.daily-summary__net-flow-item svg[b-ssxym9wgd4] {
  width: 1rem;
  height: 1rem;
}

.daily-summary__net-flow-item--inflow svg[b-ssxym9wgd4] {
  color: #16A34A;
}

.daily-summary__net-flow-item--outflow svg[b-ssxym9wgd4] {
  color: #DC2626;
}

.daily-summary__net-flow-item strong[b-ssxym9wgd4] {
  font-weight: 700;
}

.daily-summary__net-flow-item--inflow strong[b-ssxym9wgd4] {
  color: #16A34A;
}

.daily-summary__net-flow-item--outflow strong[b-ssxym9wgd4] {
  color: #DC2626;
}

/* ==============================
   Cards Grid
   ============================== */
.daily-summary__grid[b-ssxym9wgd4] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 768px) {
  .daily-summary__grid[b-ssxym9wgd4] {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ==============================
   Individual Card
   ============================== */
.daily-summary__card[b-ssxym9wgd4] {
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #E2E8F0;
  padding: 1.5rem;
}

.daily-summary__card-header[b-ssxym9wgd4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.daily-summary__card-label[b-ssxym9wgd4] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #94A3B8;
  margin: 0;
}

.daily-summary__card-icon[b-ssxym9wgd4] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.daily-summary__card-icon svg[b-ssxym9wgd4] {
  width: 1.25rem;
  height: 1.25rem;
}

.daily-summary__card-icon--teal[b-ssxym9wgd4] {
  background: rgba(15, 118, 110, 0.1);
}

.daily-summary__card-icon--teal svg[b-ssxym9wgd4] {
  color: #0F766E;
}

.daily-summary__card-icon--green[b-ssxym9wgd4] {
  background: rgba(22, 163, 74, 0.1);
}

.daily-summary__card-icon--green svg[b-ssxym9wgd4] {
  color: #16A34A;
}

.daily-summary__card-icon--red[b-ssxym9wgd4] {
  background: rgba(220, 38, 38, 0.1);
}

.daily-summary__card-icon--red svg[b-ssxym9wgd4] {
  color: #DC2626;
}

.daily-summary__card-icon--yellow[b-ssxym9wgd4] {
  background: rgba(250, 204, 21, 0.1);
}

.daily-summary__card-icon--yellow svg[b-ssxym9wgd4] {
  color: #FACC15;
}

.daily-summary__card-icon--whatsapp[b-ssxym9wgd4] {
  background: rgba(37, 211, 102, 0.1);
}

.daily-summary__card-icon--whatsapp svg[b-ssxym9wgd4] {
  color: #25D366;
}

/* Sales Card */
.daily-summary__sales-amount[b-ssxym9wgd4] {
  font-size: 1.875rem;
  font-weight: 700;
  color: #1E293B;
  margin: 0 0 0.25rem;
}

.daily-summary__sales-secondary[b-ssxym9wgd4] {
  font-size: 0.875rem;
  color: #94A3B8;
  margin: 0 0 0.75rem;
}

.daily-summary__sales-count[b-ssxym9wgd4] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748B;
  margin: 0;
}

/* Breakdown Card */
.daily-summary__breakdown[b-ssxym9wgd4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.daily-summary__breakdown-row[b-ssxym9wgd4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.daily-summary__breakdown-label[b-ssxym9wgd4] {
  font-size: 0.875rem;
  color: #64748B;
}

.daily-summary__breakdown-value[b-ssxym9wgd4] {
  font-size: 1rem;
  font-weight: 700;
  color: #1E293B;
}

/* Inflows / Outflows Card */
.daily-summary__flow-total[b-ssxym9wgd4] {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

.daily-summary__flow-total--inflow[b-ssxym9wgd4] {
  color: #16A34A;
}

.daily-summary__flow-total--outflow[b-ssxym9wgd4] {
  color: #DC2626;
}

.daily-summary__flow-list[b-ssxym9wgd4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.daily-summary__flow-item[b-ssxym9wgd4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.daily-summary__flow-item-label[b-ssxym9wgd4] {
  font-size: 0.875rem;
  color: #64748B;
}

.daily-summary__flow-item-value[b-ssxym9wgd4] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1E293B;
}

/* Top Products Card */
.daily-summary__products[b-ssxym9wgd4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.daily-summary__product-row[b-ssxym9wgd4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.daily-summary__product-info[b-ssxym9wgd4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.daily-summary__product-rank[b-ssxym9wgd4] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}

.daily-summary__product-rank--1[b-ssxym9wgd4] {
  background: #FACC15;
  color: white;
}

.daily-summary__product-rank--2[b-ssxym9wgd4] {
  background: #94A3B8;
  color: white;
}

.daily-summary__product-rank--3[b-ssxym9wgd4] {
  background: #CD7F32;
  color: white;
}

.daily-summary__product-rank--default[b-ssxym9wgd4] {
  background: #F1F5F9;
  color: #64748B;
}

.daily-summary__product-name[b-ssxym9wgd4] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1E293B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.daily-summary__product-qty[b-ssxym9wgd4] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #64748B;
  flex-shrink: 0;
  margin-left: 0.5rem;
}

/* WhatsApp Preview Card */
.daily-summary__preview-box[b-ssxym9wgd4] {
  background: #F8FAFC;
  border-radius: 0.5rem;
  padding: 0.75rem;
  border: 1px solid #E2E8F0;
}

.daily-summary__preview-text[b-ssxym9wgd4] {
  font-size: 0.75rem;
  color: #64748B;
  white-space: pre-wrap;
  font-family: monospace;
  line-height: 1.6;
  margin: 0;
  overflow: hidden;
  max-height: 7rem;
}

/* Full Message Collapsible */
.daily-summary__full-message[b-ssxym9wgd4] {
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #E2E8F0;
  padding: 1.5rem;
}

.daily-summary__full-message summary[b-ssxym9wgd4] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1E293B;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.daily-summary__full-message summary svg[b-ssxym9wgd4] {
  width: 1rem;
  height: 1rem;
}

.daily-summary__full-message-box[b-ssxym9wgd4] {
  margin-top: 1rem;
  background: #F8FAFC;
  border-radius: 0.5rem;
  padding: 1rem;
  border: 1px solid #E2E8F0;
}

.daily-summary__full-message-text[b-ssxym9wgd4] {
  font-size: 0.75rem;
  color: #64748B;
  white-space: pre-wrap;
  font-family: monospace;
  line-height: 1.6;
  margin: 0;
}

/* ==============================
   Fixed Bottom Share Button
   ============================== */
.daily-summary__footer[b-ssxym9wgd4] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  border-top: 1px solid #E2E8F0;
  padding: 1rem;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10;
}

.daily-summary__footer-inner[b-ssxym9wgd4] {
  max-width: 1400px;
  margin: 0 auto;
}

.daily-summary__share-btn[b-ssxym9wgd4] {
  width: 100%;
  padding: 1rem 1.5rem;
  background: #25D366;
  color: white;
  font-size: 1.125rem;
  font-weight: 600;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  transition: background 0.2s ease;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}

.daily-summary__share-btn:hover:not(:disabled)[b-ssxym9wgd4] {
  background: #20BA5A;
}

.daily-summary__share-btn:disabled[b-ssxym9wgd4] {
  opacity: 0.6;
  cursor: not-allowed;
}

.daily-summary__share-btn svg[b-ssxym9wgd4] {
  width: 1.5rem;
  height: 1.5rem;
}

.daily-summary__share-hint[b-ssxym9wgd4] {
  text-align: center;
  font-size: 0.75rem;
  color: #94A3B8;
  margin: 0.5rem 0 0;
}

/* Info message */
.daily-summary__info[b-ssxym9wgd4] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.2);
  color: #22C55E;
  font-size: 0.875rem;
  font-weight: 500;
}

/* Muted text */
.daily-summary__muted[b-ssxym9wgd4] {
  color: #94A3B8;
  font-style: italic;
}

/* Responsive */
@media (max-width: 640px) {
  .daily-summary__net-flow-amount[b-ssxym9wgd4] {
    font-size: 1.75rem;
  }

  .daily-summary__sales-amount[b-ssxym9wgd4] {
    font-size: 1.5rem;
  }

  .daily-summary__flow-total[b-ssxym9wgd4] {
    font-size: 1.25rem;
  }

  .daily-summary__net-flow-breakdown[b-ssxym9wgd4] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
/* _content/Duara.SharedUI/Components/Hotel/ActiveStaysList.razor.rz.scp.css */
.active-stays[b-gs9gv0hcfh] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.active-stays__header h2[b-gs9gv0hcfh] {
  margin: 0;
}

.active-stays__empty[b-gs9gv0hcfh] {
  color: var(--color-gray-600);
  font-size: var(--text-sm);
}

.active-stays__list[b-gs9gv0hcfh] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.active-stays__button[b-gs9gv0hcfh] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  text-align: left;
}

.active-stays__room[b-gs9gv0hcfh] {
  font-size: var(--text-base);
  color: var(--color-gray-900);
  font-weight: 600;
}

.active-stays__guest[b-gs9gv0hcfh] {
  font-size: var(--text-sm);
  color: var(--color-gray-700);
}

.active-stays__date[b-gs9gv0hcfh] {
  font-size: var(--text-xs);
  color: var(--color-gray-600);
}
/* _content/Duara.SharedUI/Components/Hotel/CleanlinessIndicator.razor.rz.scp.css */
.hotel-cleanliness[b-dj125z1thm] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hotel-cleanliness--with-label[b-dj125z1thm] {
  gap: var(--spacing-1-5);
}

.hotel-cleanliness__icon[b-dj125z1thm] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel-cleanliness__label[b-dj125z1thm] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  line-height: 1;
}

.hotel-cleanliness--clean[b-dj125z1thm] {
  color: #22C55E;
}

.hotel-cleanliness--dirty[b-dj125z1thm] {
  color: #DC2626;
}

.hotel-cleanliness--inspect[b-dj125z1thm] {
  color: var(--color-info);
}
/* _content/Duara.SharedUI/Components/Hotel/GuestSelector.razor.rz.scp.css */
.guest-selector[b-qa2rl1s35x] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.guest-selector__actions[b-qa2rl1s35x] {
  display: flex;
  justify-content: flex-end;
}

.guest-selector__error[b-qa2rl1s35x] {
  color: var(--color-danger);
}

.guest-selector__state[b-qa2rl1s35x] {
  color: var(--color-gray-600);
  margin: 0;
}

.guest-selector__results[b-qa2rl1s35x] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.guest-selector__result[b-qa2rl1s35x] {
  width: 100%;
  text-align: left;
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.guest-selector__result-name[b-qa2rl1s35x] {
  font-weight: var(--font-weight-semibold);
}

.guest-selector__result-phone[b-qa2rl1s35x] {
  color: var(--color-gray-600);
  font-size: var(--text-sm);
}
/* _content/Duara.SharedUI/Components/Hotel/RoomCard.razor.rz.scp.css */
.room-card[b-cl4ljb6u1d] {
  width: 100%;
  text-align: left;
  padding: var(--spacing-4);
  border-radius: var(--radius-xl);
  border: 2px solid var(--color-border);
  background-color: var(--color-surface);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: box-shadow 0.15s ease, transform 0.1s ease;
}

.room-card:hover[b-cl4ljb6u1d] {
  box-shadow: var(--shadow-md);
}

.room-card:active[b-cl4ljb6u1d] {
  transform: scale(0.98);
}

.room-card:disabled[b-cl4ljb6u1d] {
  cursor: not-allowed;
  opacity: 0.6;
}

.room-card__top[b-cl4ljb6u1d] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}

.room-card__left[b-cl4ljb6u1d] {
  flex: 1;
  min-width: 0;
}

.room-card__number[b-cl4ljb6u1d] {
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-900);
  line-height: 1.2;
  margin-bottom: var(--spacing-0-5);
}

.room-card__type[b-cl4ljb6u1d] {
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.room-card__right[b-cl4ljb6u1d] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-1);
}

.room-card__guest[b-cl4ljb6u1d] {
  border-top: 1px solid var(--color-border);
  padding-top: var(--spacing-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-2);
}

.room-card__guest-name[b-cl4ljb6u1d] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.room-card__guest-meta[b-cl4ljb6u1d] {
  margin: 0;
  font-size: var(--text-xs);
  color: var(--color-gray-500);
  white-space: nowrap;
  flex-shrink: 0;
}

/* Status variants - matching Reference UI colors */
.room-card--free[b-cl4ljb6u1d] {
  border-color: rgba(34, 197, 94, 0.55); /* #22C55E/55 */
  background: rgba(34, 197, 94, 0.05); /* #22C55E/5 */
}

.room-card--occupied[b-cl4ljb6u1d] {
  border-color: rgba(220, 38, 38, 0.55); /* #DC2626/55 */
  background: rgba(220, 38, 38, 0.05); /* #DC2626/5 */
}

.room-card--reserved[b-cl4ljb6u1d] {
  border-color: rgba(250, 204, 21, 0.55); /* #FACC15/55 */
  background: rgba(250, 204, 21, 0.05); /* #FACC15/5 */
}

.room-card--blocked[b-cl4ljb6u1d] {
  border-color: #9CA3AF;
  background: rgba(156, 163, 175, 0.05); /* #9CA3AF/5 */
}
/* _content/Duara.SharedUI/Components/Hotel/Sheets/AddChargeSheet.razor.rz.scp.css */
.add-charge[b-1pzo1canud] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.add-charge__header h2[b-1pzo1canud] {
  margin: 0;
}

.add-charge__content[b-1pzo1canud] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.add-charge__error[b-1pzo1canud] {
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-danger);
  font-size: var(--text-sm);
}

.add-charge__actions[b-1pzo1canud] {
  display: flex;
  justify-content: stretch;
}
/* _content/Duara.SharedUI/Components/Hotel/Sheets/AddRoomSheet.razor.rz.scp.css */
.add-room[b-9lbss3g934] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 0 0 var(--spacing-6);
}

.add-room__header[b-9lbss3g934] {
  padding: var(--spacing-3) 0 var(--spacing-4);
}

.add-room__header-inner[b-9lbss3g934] {
  padding: 0 var(--spacing-6);
}

.add-room__header h2[b-9lbss3g934] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.add-room__content[b-9lbss3g934] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 0 var(--spacing-6);
}

.add-room__field[b-9lbss3g934] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.add-room__label[b-9lbss3g934] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-900);
}

.add-room__input[b-9lbss3g934] {
  width: 100%;
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  font-size: var(--text-base);
  color: var(--color-gray-900);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.add-room__input[b-9lbss3g934]::placeholder {
  color: var(--color-gray-400);
}

.add-room__input:focus[b-9lbss3g934] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

/* Room Type Grid */
.add-room__type-grid[b-9lbss3g934] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-2);
}

.add-room__type-btn[b-9lbss3g934] {
  padding: var(--spacing-3);
  border-radius: var(--radius-xl);
  border: 2px solid var(--color-border);
  background-color: var(--color-surface);
  cursor: pointer;
  transition: all 0.15s ease;
}

.add-room__type-btn:hover[b-9lbss3g934] {
  border-color: var(--color-gray-300);
}

.add-room__type-btn.is-selected[b-9lbss3g934] {
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.add-room__type-name[b-9lbss3g934] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-900);
}

/* Price Input */
.add-room__price-input[b-9lbss3g934] {
  position: relative;
}

.add-room__price-prefix[b-9lbss3g934] {
  position: absolute;
  left: var(--spacing-4);
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-gray-500);
  pointer-events: none;
}

.add-room__input--price[b-9lbss3g934] {
  padding-left: var(--spacing-8);
}

.add-room__price-cdf[b-9lbss3g934] {
  margin: var(--spacing-1) 0 0 0;
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.add-room__price-inline[b-9lbss3g934] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-lg);
  background: var(--color-surface-muted);
  font-size: var(--text-sm);
  color: var(--color-gray-700);
}

.add-room__price-value[b-9lbss3g934] {
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

/* Actions */
.add-room__actions[b-9lbss3g934] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding-top: var(--spacing-2);
}

.add-room__actions > *[b-9lbss3g934] {
  width: 100%;
}
/* _content/Duara.SharedUI/Components/Hotel/Sheets/CheckIn.razor.rz.scp.css */
.checkin[b-xadw37q1dx] {
  display: flex;
  flex-direction: column;
}

.checkin__header[b-xadw37q1dx] {
  padding: var(--spacing-3) 0 var(--spacing-4);
}

.checkin__header-inner[b-xadw37q1dx] {
  padding: 0 var(--spacing-6);
}

.checkin__header h2[b-xadw37q1dx] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
  color: #111827;
}

.checkin__body[b-xadw37q1dx] {
  padding: 0 var(--spacing-6) var(--spacing-6);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.checkin__card[b-xadw37q1dx] {
  border-radius: var(--radius-xl);
}

.checkin__card-title[b-xadw37q1dx] {
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  color: #111827;
  margin-bottom: var(--spacing-3);
}

.checkin__price-row[b-xadw37q1dx],
.checkin__amount-row[b-xadw37q1dx] {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-2);
}

.checkin__price-row .duara-field[b-xadw37q1dx],
.checkin__amount-row .duara-field[b-xadw37q1dx] {
  flex: 1;
}

.checkin__unit[b-xadw37q1dx] {
  font-size: var(--text-sm);
  color: #6B7280;
  white-space: nowrap;
  padding-bottom: 0.75rem;
}

.checkin__date-row[b-xadw37q1dx] {
  display: flex;
  gap: var(--spacing-2);
}

.checkin__date-row .duara-field__input[b-xadw37q1dx] {
  min-height: 3.5rem;
  border-radius: 0.5rem;
  border: 2px solid var(--color-gray-300);
  background: white;
}

.checkin__time[b-xadw37q1dx] {
  width: 6.5rem;
}

.checkin__selected-client[b-xadw37q1dx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  margin-bottom: var(--spacing-3);
}

.checkin__selected-name[b-xadw37q1dx] {
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.checkin__selected-phone[b-xadw37q1dx] {
  font-size: var(--text-sm);
  color: var(--color-gray-600);
}

.checkin__link[b-xadw37q1dx] {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-primary);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
}

.checkin__checkbox[b-xadw37q1dx] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  color: var(--color-gray-900);
  font-size: var(--text-sm);
}

.checkin__checkbox input[b-xadw37q1dx] {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--color-primary);
}

.checkin__summary[b-xadw37q1dx] {
  background: var(--color-gray-100);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
}

.checkin__summary-row[b-xadw37q1dx] {
  display: flex;
  justify-content: space-between;
  color: var(--color-gray-900);
  font-size: var(--text-sm);
}

.checkin__summary-total[b-xadw37q1dx] {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--color-border);
  padding-top: var(--spacing-2);
  color: var(--color-gray-900);
  font-size: var(--text-sm);
}

.checkin__summary-value[b-xadw37q1dx] {
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
}

.checkin__actions[b-xadw37q1dx] {
  display: flex;
  gap: var(--spacing-3);
  padding-top: var(--spacing-2);
}

.checkin__error[b-xadw37q1dx] {
  color: var(--color-danger);
  font-size: var(--text-sm);
}

.checkin-sheet :deep(.guest-selector__actions)[b-xadw37q1dx] {
  justify-content: flex-end;
}

.checkin-sheet :deep(.guest-selector__actions .duara-button)[b-xadw37q1dx] {
  border-radius: var(--radius-lg);
}

.checkin-sheet :deep(.duara-search__input)[b-xadw37q1dx] {
  border-radius: 0.5rem;
  border: 2px solid var(--color-gray-300);
  background: white;
}
/* _content/Duara.SharedUI/Components/Hotel/Sheets/CheckOutSheet.razor.rz.scp.css */
.checkout[b-3657zw124h] {
  display: flex;
  flex-direction: column;
}

.checkout__header[b-3657zw124h] {
  padding: var(--spacing-3) 0 var(--spacing-4);
}

.checkout__header-inner[b-3657zw124h] {
  padding: 0 var(--spacing-6);
}

.checkout__header h2[b-3657zw124h] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
  color: #111827;
}

.checkout__body[b-3657zw124h] {
  padding: 0 var(--spacing-6) var(--spacing-6);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.checkout__card[b-3657zw124h] {
  border-radius: var(--radius-xl);
}

.checkout__empty[b-3657zw124h] {
  color: var(--color-gray-600);
  font-size: var(--text-sm);
}

.checkout__summary[b-3657zw124h] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.checkout__summary .duara-currency[b-3657zw124h] {
  align-items: flex-end;
  text-align: right;
}

.checkout__summary .duara-currency__primary[b-3657zw124h] {
  font-size: var(--text-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.checkout__summary .duara-currency__secondary[b-3657zw124h] {
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.checkout__row[b-3657zw124h] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
}

.checkout__row--highlight[b-3657zw124h] {
  padding-top: var(--spacing-2);
  border-top: 1px solid var(--color-border);
}

.checkout__label[b-3657zw124h] {
  color: var(--color-gray-600);
  font-size: var(--text-sm);
}

.checkout__value[b-3657zw124h] {
  color: var(--color-gray-900);
  font-size: var(--text-base);
}

.checkout__section-title[b-3657zw124h] {
  margin-bottom: var(--spacing-3);
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  color: #111827;
}

.checkout__list[b-3657zw124h] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.checkout__item[b-3657zw124h] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-3);
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.checkout__item .duara-currency[b-3657zw124h] {
  align-items: flex-end;
  text-align: right;
}

.checkout__item .duara-currency__primary[b-3657zw124h] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.checkout__item .duara-currency__secondary[b-3657zw124h] {
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.checkout__item-label[b-3657zw124h] {
  color: var(--color-gray-900);
  font-size: var(--text-sm);
}

.checkout__refund[b-3657zw124h] {
  color: var(--color-gray-700);
  font-size: var(--text-sm);
}

.checkout__error[b-3657zw124h] {
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-danger);
  font-size: var(--text-sm);
}

.checkout__actions[b-3657zw124h] {
  display: flex;
  gap: var(--spacing-3);
}

.checkout__actions :deep(.duara-button)[b-3657zw124h] {
  flex: 1;
}

@media (max-width: 768px) {
  .checkout__body[b-3657zw124h] {
    padding-bottom: 6.5rem;
  }

  .checkout__actions[b-3657zw124h] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--spacing-4);
    background: white;
    border-top: 1px solid var(--color-border);
    z-index: 20;
  }
}
/* _content/Duara.SharedUI/Components/Hotel/Sheets/EditRoomSheet.razor.rz.scp.css */
.edit-room[b-rvvzjnmeiw] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 0 0 var(--spacing-6);
}

.edit-room__header[b-rvvzjnmeiw] {
  padding: var(--spacing-3) 0 var(--spacing-4);
}

.edit-room__header-inner[b-rvvzjnmeiw] {
  padding: 0 var(--spacing-6);
}

.edit-room__header h2[b-rvvzjnmeiw] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.edit-room__content[b-rvvzjnmeiw] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 0 var(--spacing-6);
}

.edit-room__field[b-rvvzjnmeiw] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.edit-room__label[b-rvvzjnmeiw] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-900);
}

.edit-room__input[b-rvvzjnmeiw] {
  width: 100%;
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  font-size: var(--text-base);
  color: var(--color-gray-900);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.edit-room__input[b-rvvzjnmeiw]::placeholder {
  color: var(--color-gray-400);
}

.edit-room__input:focus[b-rvvzjnmeiw] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

/* Room Type Grid */
.edit-room__type-grid[b-rvvzjnmeiw] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-2);
}

.edit-room__type-btn[b-rvvzjnmeiw] {
  padding: var(--spacing-3);
  border-radius: var(--radius-xl);
  border: 2px solid var(--color-border);
  background-color: var(--color-surface);
  cursor: pointer;
  transition: all 0.15s ease;
}

.edit-room__type-btn:hover[b-rvvzjnmeiw] {
  border-color: var(--color-gray-300);
}

.edit-room__type-btn.is-selected[b-rvvzjnmeiw] {
  border-color: var(--color-primary);
  background-color: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.edit-room__type-name[b-rvvzjnmeiw] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-900);
}

/* Price Input */
.edit-room__price-input[b-rvvzjnmeiw] {
  position: relative;
}

.edit-room__price-prefix[b-rvvzjnmeiw] {
  position: absolute;
  left: var(--spacing-4);
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-gray-500);
  pointer-events: none;
}

.edit-room__input--price[b-rvvzjnmeiw] {
  padding-left: var(--spacing-8);
}

.edit-room__price-cdf[b-rvvzjnmeiw] {
  margin: var(--spacing-1) 0 0 0;
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.edit-room__price-inline[b-rvvzjnmeiw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-lg);
  background: var(--color-surface-muted);
  font-size: var(--text-sm);
  color: var(--color-gray-700);
}

.edit-room__price-value[b-rvvzjnmeiw] {
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

/* Actions */
.edit-room__actions[b-rvvzjnmeiw] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding-top: var(--spacing-2);
}

.edit-room__actions > *[b-rvvzjnmeiw] {
  width: 100%;
}
/* _content/Duara.SharedUI/Components/Hotel/Sheets/ManageRoomsSheet.razor.rz.scp.css */
.manage-rooms[b-zq2o77t40c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 0 0 var(--spacing-6);
}

.manage-rooms__header[b-zq2o77t40c] {
  padding: var(--spacing-3) 0 var(--spacing-4);
}

.manage-rooms__header-inner[b-zq2o77t40c] {
  padding: 0 var(--spacing-6);
}

.manage-rooms__header h2[b-zq2o77t40c] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.manage-rooms__content[b-zq2o77t40c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 0 var(--spacing-6);
}

/* Search Bar */
.manage-rooms__search-wrapper[b-zq2o77t40c] {
  position: relative;
}

.manage-rooms__search-icon[b-zq2o77t40c] {
  display: none !important;
}

.manage-rooms__search-input[b-zq2o77t40c] {
  width: 100%;
  padding: var(--spacing-2-5) var(--spacing-4);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  font-size: var(--text-base);
  color: var(--color-gray-900);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.manage-rooms__search-input[b-zq2o77t40c]::placeholder {
  color: var(--color-gray-400);
}

.manage-rooms__search-input:focus[b-zq2o77t40c] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.manage-rooms__search-clear[b-zq2o77t40c] {
  position: absolute;
  right: var(--spacing-3);
  top: 50%;
  transform: translateY(-50%);
  padding: var(--spacing-1);
  color: var(--color-gray-500);
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.manage-rooms__search-clear:hover[b-zq2o77t40c] {
  color: var(--color-gray-700);
}

/* Room List */
.manage-rooms__list[b-zq2o77t40c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  max-height: 50vh;
  overflow-y: auto;
}

.manage-rooms__item[b-zq2o77t40c] {
  padding: var(--spacing-4);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  transition: border-color 0.15s ease;
}

.manage-rooms__item:hover[b-zq2o77t40c] {
  border-color: var(--color-gray-300);
}

.manage-rooms__item-header[b-zq2o77t40c] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}

.manage-rooms__item-info[b-zq2o77t40c] {
  flex: 1;
  min-width: 0;
}

.manage-rooms__item-number[b-zq2o77t40c] {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-900);
}

.manage-rooms__item-type[b-zq2o77t40c] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-gray-500);
}

.manage-rooms__edit-btn[b-zq2o77t40c] {
  padding: 0;
  background: none;
  border: none;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary);
  cursor: pointer;
}

.manage-rooms__edit-btn:hover[b-zq2o77t40c] {
  text-decoration: underline;
}

/* Prices Grid */
.manage-rooms__item-prices[b-zq2o77t40c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-4);
}

.manage-rooms__price[b-zq2o77t40c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.manage-rooms__price-label[b-zq2o77t40c] {
  margin: 0;
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.manage-rooms__price-value[b-zq2o77t40c] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

/* Actions */
.manage-rooms__actions[b-zq2o77t40c] {
  padding-top: var(--spacing-2);
}

.manage-rooms__actions > *[b-zq2o77t40c] {
  width: 100%;
}

.manage-rooms__plans[b-zq2o77t40c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  padding-top: var(--spacing-2);
}

.manage-rooms__plans-header[b-zq2o77t40c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.manage-rooms__plans-header h3[b-zq2o77t40c] {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.manage-rooms__plan-add[b-zq2o77t40c] {
  background: none;
  border: none;
  color: var(--color-primary);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
}

.manage-rooms__plans-list[b-zq2o77t40c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.manage-rooms__plan-item[b-zq2o77t40c] {
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-3);
}

.manage-rooms__plan-name[b-zq2o77t40c] {
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.manage-rooms__plan-meta[b-zq2o77t40c] {
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.manage-rooms__plan-actions[b-zq2o77t40c] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}

.manage-rooms__plan-link[b-zq2o77t40c] {
  background: none;
  border: none;
  color: var(--color-primary);
  font-size: var(--text-xs);
  cursor: pointer;
}

.manage-rooms__plan-badge[b-zq2o77t40c] {
  font-size: var(--text-xs);
  color: var(--color-success-700);
  background: color-mix(in srgb, var(--color-success-500) 15%, white);
  padding: 0 var(--spacing-2);
  border-radius: var(--radius-full);
}

.manage-rooms__plan-form[b-zq2o77t40c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-muted);
}

.manage-rooms__plan-checkbox[b-zq2o77t40c] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  font-size: var(--text-sm);
  color: var(--color-gray-700);
}

.manage-rooms__plan-checkbox input[b-zq2o77t40c] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--color-primary);
}

.manage-rooms__plan-form-actions[b-zq2o77t40c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-2);
}
/* _content/Duara.SharedUI/Components/Hotel/Sheets/RoomDetailSheet.razor.rz.scp.css */
.room-detail[b-6rrdtxgnu7] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 0 0 var(--spacing-6);
}

.room-detail__header[b-6rrdtxgnu7] {
  padding: var(--spacing-3) 0 var(--spacing-4);
}

.room-detail__header-inner[b-6rrdtxgnu7] {
  padding: 0 var(--spacing-6);
}

.room-detail__header h2[b-6rrdtxgnu7] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.room-detail__content[b-6rrdtxgnu7] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: 0 var(--spacing-6);
}

.room-detail__rows[b-6rrdtxgnu7] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.room-detail__row[b-6rrdtxgnu7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
  padding: var(--spacing-2) 0;
  border-bottom: 1px solid var(--color-border);
}

.room-detail__label[b-6rrdtxgnu7] {
  color: var(--color-gray-500);
  font-size: var(--text-sm);
}

.room-detail__value[b-6rrdtxgnu7] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-900);
}

.room-detail__notes-row[b-6rrdtxgnu7] {
  padding: var(--spacing-2) 0;
}

.room-detail__notes-text[b-6rrdtxgnu7] {
  margin: var(--spacing-1) 0 0 0;
  font-size: var(--text-sm);
  color: var(--color-gray-900);
}

.room-detail__actions[b-6rrdtxgnu7] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding-top: var(--spacing-2);
}

.room-detail__actions > *[b-6rrdtxgnu7] {
  width: 100%;
}
/* _content/Duara.SharedUI/Components/Hotel/Sheets/UpdateCleanliness.razor.rz.scp.css */
.update-cleanliness[b-2qf5nr85ke] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.update-cleanliness__header h2[b-2qf5nr85ke] {
  margin: 0;
}

.update-cleanliness__body[b-2qf5nr85ke] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.update-cleanliness__group[b-2qf5nr85ke] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding: var(--spacing-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.update-cleanliness__option[b-2qf5nr85ke] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  font-size: var(--text-base);
}

.update-cleanliness__actions[b-2qf5nr85ke] {
  display: flex;
  justify-content: stretch;
}

.update-cleanliness__error[b-2qf5nr85ke] {
  color: var(--color-danger);
}
/* _content/Duara.SharedUI/Components/Layout/CloudAdminLayout.razor.rz.scp.css */
/* =====================================================
   DUARA POS - CLOUD ADMIN LAYOUT
   Based on Reference UI v1.1 Design System
   Dark header to distinguish from tenant layout
   ===================================================== */

/* ===== SHELL CONTAINER ===== */
.cloudadmin-shell[b-4a2drqnhlp] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--color-background, #f5f8fb);
}

/* ===== HEADER ===== */
.cloudadmin-shell__header[b-4a2drqnhlp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0 var(--spacing-4, 1rem);
    background: var(--color-gray-800, #1f2937);
    color: var(--color-surface, #ffffff);
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.cloudadmin-shell__header-left[b-4a2drqnhlp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3, 0.75rem);
}

/* Hamburger Menu Button - Mobile/Tablet Only */
.cloudadmin-shell__menu-btn[b-4a2drqnhlp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: -0.5rem;
    background: transparent;
    border: none;
    color: var(--color-surface, #ffffff);
    cursor: pointer;
    border-radius: var(--radius-sm, 0.5rem);
    transition: background-color 150ms ease;
}

.cloudadmin-shell__menu-btn:hover[b-4a2drqnhlp] {
    background: rgba(255, 255, 255, 0.1);
}

.cloudadmin-shell__menu-icon[b-4a2drqnhlp] {
    width: 24px;
    height: 24px;
}

.cloudadmin-shell__logo[b-4a2drqnhlp] {
    margin: 0;
    font-size: var(--text-lg, 1.125rem);
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: -0.025em;
    color: #ffffff;
}

.cloudadmin-shell__header-right[b-4a2drqnhlp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2, 0.5rem);
}

/* ===== USER DROPDOWN ===== */
.cloudadmin-shell__user-dropdown[b-4a2drqnhlp] {
    position: relative;
}

.cloudadmin-shell__user-btn[b-4a2drqnhlp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2, 0.5rem);
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    cursor: pointer;
    border-radius: var(--radius-sm, 0.5rem);
    transition: background-color 150ms ease, border-color 150ms ease;
}

.cloudadmin-shell__user-btn:hover[b-4a2drqnhlp] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}

.cloudadmin-shell__user-icon[b-4a2drqnhlp] {
    width: 20px;
    height: 20px;
    color: #ffffff;
}

.cloudadmin-shell__user-name[b-4a2drqnhlp] {
    font-size: var(--text-sm, 0.875rem);
    color: #ffffff;
}

.cloudadmin-shell__chevron[b-4a2drqnhlp] {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
    color: #ffffff;
}

.cloudadmin-shell__chevron.is-open[b-4a2drqnhlp] {
    transform: rotate(180deg);
}

.cloudadmin-shell__user-backdrop[b-4a2drqnhlp] {
    position: fixed;
    inset: 0;
    z-index: 90;
}

.cloudadmin-shell__user-menu[b-4a2drqnhlp] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    width: 220px;
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-md, 0.75rem);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    z-index: 100;
    overflow: hidden;
    animation: duara-dropdown-in-b-4a2drqnhlp 150ms ease;
}

@keyframes duara-dropdown-in-b-4a2drqnhlp {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cloudadmin-shell__user-menu-info[b-4a2drqnhlp] {
    padding: var(--spacing-4, 1rem);
    border-bottom: 1px solid var(--color-border, #e5e7eb);
}

.cloudadmin-shell__user-menu-name[b-4a2drqnhlp] {
    margin: 0;
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-gray-900, #111827);
}

.cloudadmin-shell__user-menu-role[b-4a2drqnhlp] {
    margin: 0.25rem 0 0 0;
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-gray-500, #6b7280);
}

.cloudadmin-shell__user-menu-item[b-4a2drqnhlp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3, 0.75rem);
    width: 100%;
    padding: 0.75rem var(--spacing-4, 1rem);
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-gray-700, #374151);
    text-align: left;
    transition: background-color 150ms ease;
}

.cloudadmin-shell__user-menu-item:hover[b-4a2drqnhlp] {
    background: var(--color-gray-50, #f9fafb);
}

.cloudadmin-shell__user-menu-item svg[b-4a2drqnhlp] {
    width: 18px;
    height: 18px;
}

.cloudadmin-shell__user-menu-item--danger[b-4a2drqnhlp] {
    color: var(--color-danger, #dc2626);
}

/* ===== BODY / MAIN CONTENT ===== */
.cloudadmin-shell__body[b-4a2drqnhlp] {
    display: flex;
    flex: 1;
}

/* ===== SIDEBAR (Desktop) ===== */
.cloudadmin-shell__sidebar[b-4a2drqnhlp] {
    display: none;
    width: 240px;
    background: var(--color-surface, #ffffff);
    border-right: 1px solid var(--color-border, #e5e7eb);
    padding: var(--spacing-4, 1rem) 0;
}

@media (min-width: 1024px) {
    .cloudadmin-shell__sidebar[b-4a2drqnhlp] {
        display: block;
    }

    .cloudadmin-shell__menu-btn[b-4a2drqnhlp] {
        display: none;
    }
}

/* ===== MOBILE DRAWER ===== */
.cloudadmin-shell__drawer-overlay[b-4a2drqnhlp] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 200;
}

.cloudadmin-shell__drawer[b-4a2drqnhlp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100vh;
    background: var(--color-surface, #ffffff);
    z-index: 210;
    padding: var(--spacing-4, 1rem) 0;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1);
    animation: duara-drawer-in-b-4a2drqnhlp 200ms ease;
}

@keyframes duara-drawer-in-b-4a2drqnhlp {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

/* ===== NAVIGATION ===== */
.cloudadmin-shell__nav[b-4a2drqnhlp] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6, 1.5rem);
}

.cloudadmin-shell__nav-section[b-4a2drqnhlp] {
    padding: 0 var(--spacing-3, 0.75rem);
}

.cloudadmin-shell__nav-title[b-4a2drqnhlp] {
    margin: 0 0 var(--spacing-2, 0.5rem) var(--spacing-3, 0.75rem);
    font-size: var(--text-xs, 0.7rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-gray-400, #9ca3af);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cloudadmin-shell__nav-items[b-4a2drqnhlp] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1, 0.25rem);
}

.cloudadmin-shell__nav-link[b-4a2drqnhlp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3, 0.75rem);
    padding: 0.625rem var(--spacing-3, 0.75rem);
    border-radius: var(--radius-sm, 0.5rem);
    color: var(--color-gray-700, #374151);
    text-decoration: none;
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-weight-medium, 500);
    transition: background-color 150ms ease, color 150ms ease;
}

.cloudadmin-shell__nav-link:hover[b-4a2drqnhlp] {
    background: var(--color-gray-100, #f3f4f6);
}

.cloudadmin-shell__nav-link.is-active[b-4a2drqnhlp] {
    background: #e0e7ff;
    color: #4f46e5;
}

.cloudadmin-shell__nav-icon[b-4a2drqnhlp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.cloudadmin-shell__nav-icon svg[b-4a2drqnhlp] {
    width: 20px;
    height: 20px;
}

/* ===== MAIN CONTENT ===== */
.cloudadmin-shell__main[b-4a2drqnhlp] {
    flex: 1;
    overflow-y: auto;
}

.cloudadmin-shell__content[b-4a2drqnhlp] {
    padding: var(--spacing-6, 1.5rem);
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 640px) {
    .cloudadmin-shell__content[b-4a2drqnhlp] {
        padding: var(--spacing-4, 1rem);
    }
}
/* _content/Duara.SharedUI/Components/Layout/MainLayout.razor.rz.scp.css */
/* =====================================================
   DUARA POS - MAIN LAYOUT
   Based on Reference UI v1.1 Design System
   ===================================================== */

/* ===== SHELL CONTAINER ===== */
.duara-shell[b-63ya57ef6g] {
  min-height: 100vh;
  background-color: #F5F8FB;
  display: flex;
  flex-direction: column;
}

/* ===== HEADER ===== */
.duara-shell__header[b-63ya57ef6g] {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 0 1rem;
  background-color: #0F766E;
  color: white;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.duara-shell__header-left[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.duara-shell__header-right[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* ===== STORE DROPDOWN ===== */
.duara-shell__store-dropdown[b-63ya57ef6g] {
  position: relative;
}

.duara-shell__store-btn[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 40px;
  padding: 0 0.75rem;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.duara-shell__store-btn:disabled[b-63ya57ef6g] {
  opacity: 0.6;
  cursor: default;
}

.duara-shell__store-btn:hover:not(:disabled)[b-63ya57ef6g] {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.7);
}

.duara-shell__store-icon[b-63ya57ef6g] {
  width: 18px;
  height: 18px;
}

.duara-shell__store-name[b-63ya57ef6g] {
  display: none;
  max-width: 160px;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 640px) {
  .duara-shell__store-name[b-63ya57ef6g] {
    display: inline;
  }
}

.duara-shell__store-backdrop[b-63ya57ef6g] {
  position: fixed;
  inset: 0;
  z-index: 90;
}

.duara-shell__store-menu[b-63ya57ef6g] {
  position: absolute;
  top: 48px;
  right: 0;
  min-width: 220px;
  background-color: white;
  border: 1px solid #E2E8F0;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  overflow: hidden;
  z-index: 110;
  animation: duara-dropdown-in-b-63ya57ef6g 150ms ease;
}

.duara-shell__store-menu-item[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  font-size: 0.875rem;
  text-align: left;
  cursor: pointer;
  color: #1F2937;
  transition: background-color 150ms ease;
}

.duara-shell__store-menu-name[b-63ya57ef6g] {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.duara-shell__store-menu-item:hover[b-63ya57ef6g] {
  background-color: #F1F5F9;
}

.duara-shell__store-menu-item.is-active[b-63ya57ef6g] {
  background-color: #CCFBF1;
  color: #0F766E;
  font-weight: 500;
}

/* Hamburger Menu Button - Mobile/Tablet Only (hidden on xl+) */
.duara-shell__menu-btn[b-63ya57ef6g] {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: -0.5rem;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  transition: background-color 150ms ease;
}

.duara-shell__menu-btn:hover[b-63ya57ef6g] {
  background-color: rgba(255, 255, 255, 0.1);
}

.duara-shell__menu-icon[b-63ya57ef6g] {
  width: 20px;
  height: 20px;
}

/* Back Button - Mobile Only (hidden on lg+) */
.duara-shell__back-btn[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: -0.5rem;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  transition: background-color 150ms ease;
}

.duara-shell__back-btn:hover[b-63ya57ef6g] {
  background-color: rgba(255, 255, 255, 0.1);
}

.duara-shell__back-btn svg[b-63ya57ef6g] {
  width: 20px;
  height: 20px;
}

/* Back button only visible on mobile (< 1024px) */
@media (min-width: 1024px) {
  .duara-shell__back-btn[b-63ya57ef6g] {
    display: none;
  }
}

/* Logo */
.duara-shell__logo[b-63ya57ef6g] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: white !important;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Mobile: constrain title only when back + menu buttons are visible */
@media (max-width: 1023px) {
  .duara-shell__header-left:has(.duara-shell__back-btn):has(.duara-shell__menu-btn)[b-63ya57ef6g] {
    gap: 0rem;
  }

  .duara-shell__header-left:has(.duara-shell__back-btn):has(.duara-shell__menu-btn) .duara-shell__logo[b-63ya57ef6g] {
    max-width: 8ch;
  }
}

@media (min-width: 640px) {
  .duara-shell__logo[b-63ya57ef6g] {
    max-width: none;
  }
}

/* ===== SHIFT BUTTON ===== */
.duara-shell__shift-btn[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.duara-shell__shift-btn:hover[b-63ya57ef6g] {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.7);
}

.duara-shell__shift-btn--active[b-63ya57ef6g] {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.6);
}

.duara-shell__btn-icon[b-63ya57ef6g] {
  width: 20px;
  height: 20px;
}

/* ===== USER DROPDOWN ===== */
.duara-shell__user-dropdown[b-63ya57ef6g] {
  position: relative;
}

.duara-shell__user-btn[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 40px;
  padding: 0 0.75rem;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.duara-shell__user-btn:hover[b-63ya57ef6g] {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.7);
}

.duara-shell__user-icon[b-63ya57ef6g] {
  width: 20px;
  height: 20px;
}

.duara-shell__user-name[b-63ya57ef6g] {
  display: none;
  max-width: 120px;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 640px) {
  .duara-shell__user-name[b-63ya57ef6g] {
    display: inline;
  }
}

.duara-shell__chevron[b-63ya57ef6g] {
  width: 16px;
  height: 16px;
  transition: transform 150ms ease;
}

.duara-shell__chevron.is-open[b-63ya57ef6g] {
  transform: rotate(180deg);
}

/* User Menu Backdrop */
.duara-shell__user-backdrop[b-63ya57ef6g] {
  position: fixed;
  inset: 0;
  z-index: 90;
}

/* User Menu Dropdown */
.duara-shell__user-menu[b-63ya57ef6g] {
  position: absolute;
  top: 48px;
  right: 0;
  width: 192px;
  background-color: white;
  border: 1px solid #E2E8F0;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  overflow: hidden;
  z-index: 110;
  animation: duara-dropdown-in-b-63ya57ef6g 150ms ease;
}

@keyframes duara-dropdown-in-b-63ya57ef6g {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.duara-shell__user-menu-info[b-63ya57ef6g] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #E2E8F0;
}

.duara-shell__user-menu-name[b-63ya57ef6g] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}

.duara-shell__user-menu-role[b-63ya57ef6g] {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  color: #6B7280;
}

.duara-shell__user-menu-item[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  font-size: 0.875rem;
  text-align: left;
  cursor: pointer;
  transition: background-color 150ms ease;
}

.duara-shell__user-menu-item svg[b-63ya57ef6g] {
  width: 16px;
  height: 16px;
}

.duara-shell__user-menu-item--danger[b-63ya57ef6g] {
  color: #DC2626;
}

.duara-shell__user-menu-item--danger:hover[b-63ya57ef6g] {
  background-color: #FEF2F2;
}

/* ===== ERROR BANNER ===== */
.duara-shell__error-banner[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: #FEF3C7;
  color: #92400E;
}

.duara-shell__error-banner svg[b-63ya57ef6g] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.duara-shell__error-banner p[b-63ya57ef6g] {
  margin: 0;
  font-size: 0.875rem;
  text-align: center;
}

/* ===== BODY LAYOUT ===== */
.duara-shell__body[b-63ya57ef6g] {
  display: flex;
  flex: 1;
  overflow: hidden;
}

/* ===== SIDEBAR (Desktop xl+) ===== */
.duara-shell__sidebar[b-63ya57ef6g] {
  display: none;
  width: 260px;
  height: calc(100vh - 56px);
  background-color: white;
  border-right: 1px solid #E2E8F0;
  overflow-y: auto;
}

@media (min-width: 1280px) {
  .duara-shell__sidebar[b-63ya57ef6g] {
    display: block;
  }
}

/* ===== MOBILE DRAWER ===== */
.duara-shell__drawer-overlay[b-63ya57ef6g] {
  position: fixed;
  inset: 0;
  top: 56px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 150;
  animation: duara-fade-in-b-63ya57ef6g 200ms ease;
}

@keyframes duara-fade-in-b-63ya57ef6g {
  from { opacity: 0; }
  to { opacity: 1; }
}

.duara-shell__drawer[b-63ya57ef6g] {
  position: fixed;
  top: 56px;
  left: 0;
  bottom: 0;
  width: 260px;
  background-color: white;
  box-shadow: 4px 0 12px rgba(0, 0, 0, 0.15);
  z-index: 200;
  overflow-y: auto;
  animation: duara-slide-in-b-63ya57ef6g 200ms ease;
}

@keyframes duara-slide-in-b-63ya57ef6g {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

@media (min-width: 1280px) {
  .duara-shell__drawer-overlay[b-63ya57ef6g],
  .duara-shell__drawer[b-63ya57ef6g] {
    display: none;
  }
}

/* ===== NAVIGATION ===== */
.duara-shell__nav[b-63ya57ef6g] {
  padding: 1rem;
}

.duara-shell__nav-section[b-63ya57ef6g] {
  margin-bottom: 1.5rem;
}

.duara-shell__nav-section:last-child[b-63ya57ef6g] {
  margin-bottom: 0;
}

.duara-shell__nav-title[b-63ya57ef6g] {
  margin: 0 0 0.5rem;
  padding: 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748B;
}

.duara-shell__nav-items[b-63ya57ef6g] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.duara-shell__nav-link[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  color: #1E293B;
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
}

.duara-shell__nav-link:hover[b-63ya57ef6g] {
  background-color: #F1F5F9;
}

.duara-shell__nav-link.is-active[b-63ya57ef6g] {
  background-color: #CCFBF1;
  color: #0F766E;
  font-weight: 500;
}

.duara-shell__nav-icon[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.duara-shell__nav-icon svg[b-63ya57ef6g] {
  width: 20px;
  height: 20px;
}

/* ===== MAIN CONTENT ===== */
.duara-shell__main[b-63ya57ef6g] {
  flex: 1;
  overflow-y: auto;
}

.duara-shell__content[b-63ya57ef6g] {
  padding: 1rem;
  max-width: 1400px;
  margin: 0 auto;
}

/* Full-screen layouts (POS screens, etc.) - no padding */
.duara-shell__content--fullscreen[b-63ya57ef6g] {
  padding: 0;
  max-width: none;
}

@media (min-width: 1024px) {
  .duara-shell__content[b-63ya57ef6g] {
    padding: 1.5rem;
  }
  
  .duara-shell__content--fullscreen[b-63ya57ef6g] {
    padding: 0;
  }
}

/* ===== TOAST NOTIFICATION ===== */
.duara-shell__toast[b-63ya57ef6g] {
  position: fixed;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  max-width: 400px;
  padding: 0.875rem 1rem;
  background-color: rgba(15, 118, 110, 0.95);
  color: #ECFDF5;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.2);
  z-index: 250;
  animation: duara-toast-in-b-63ya57ef6g 200ms ease;
}

@keyframes duara-toast-in-b-63ya57ef6g {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.duara-shell__toast p[b-63ya57ef6g] {
  flex: 1;
  margin: 0;
  font-size: 0.875rem;
}

.duara-shell__toast-close[b-63ya57ef6g] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 150ms ease;
}

.duara-shell__toast-close:hover[b-63ya57ef6g] {
  background-color: rgba(255, 255, 255, 0.1);
}

.duara-shell__toast-close svg[b-63ya57ef6g] {
  width: 16px;
  height: 16px;
}

/* ===== MOBILE/TABLET STYLES ===== */
/* Hamburger visible on mobile & tablet (< 1280px) */
@media (max-width: 1279px) {
  .duara-shell__menu-btn[b-63ya57ef6g] {
    display: flex;
  }
}

/* ===== LEGACY STYLES (for backward compatibility) ===== */
/* These can be removed once all pages are updated */
.duara-shell__overlay[b-63ya57ef6g] {
  display: none;
}
/* _content/Duara.SharedUI/Components/Pages/Admin/AuditLog.razor.rz.scp.css */
.audit-log[b-2oa1rr9grf] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.audit-log__header[b-2oa1rr9grf] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.audit-log__eyebrow[b-2oa1rr9grf] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  color: var(--color-gray-500, #64748b);
}

.audit-log__header h1[b-2oa1rr9grf] {
  margin: 0.25rem 0;
}

.audit-log__subtitle[b-2oa1rr9grf] {
  margin: 0;
  color: var(--color-gray-600, #475569);
}

.audit-log__filters[b-2oa1rr9grf] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: 0.75rem;
  padding: 1rem;
  background: white;
}

.audit-log__filter label[b-2oa1rr9grf] {
  display: block;
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.audit-log__filter input[b-2oa1rr9grf],
.audit-log__filter select[b-2oa1rr9grf] {
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border, #e2e8f0);
  font: inherit;
}

.audit-log__filter--button[b-2oa1rr9grf] {
  display: flex;
  align-items: flex-end;
}

.audit-log__error[b-2oa1rr9grf] {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background: #fee2e2;
  color: #991b1b;
}

.audit-log__list ul[b-2oa1rr9grf] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.audit-log__item[b-2oa1rr9grf] {
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: 0.75rem;
  padding: 1rem;
  background: white;
}

.audit-log__item-header[b-2oa1rr9grf] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-weight: 600;
}

.audit-log__item-reason[b-2oa1rr9grf] {
  margin: 0.5rem 0;
}

.audit-log__item-meta[b-2oa1rr9grf] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.9rem;
  color: var(--color-gray-500, #64748b);
}

.audit-log__item-json[b-2oa1rr9grf] {
  margin-top: 0.5rem;
}

.audit-log__item-json pre[b-2oa1rr9grf] {
  margin: 0.25rem 0 0.75rem;
  padding: 0.5rem;
  background: var(--color-gray-50, #f8fafc);
  border-radius: 0.5rem;
  overflow-x: auto;
}

.audit-log__empty[b-2oa1rr9grf] {
  color: var(--color-gray-500, #64748b);
}

@media (max-width: 640px) {
  .audit-log__header[b-2oa1rr9grf] {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* _content/Duara.SharedUI/Components/Pages/Admin/EditUser.razor.rz.scp.css */
/* Base layout */
.edit-user-page[b-551pqhjjcz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-gray-100, #F3F4F6);
}

/* Header */
.edit-user-page__header[b-551pqhjjcz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid var(--color-border, #E5E7EB);
}

.edit-user-page__back[b-551pqhjjcz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--color-gray-100, #F3F4F6);
    border: none;
    border-radius: 0.5rem;
    color: var(--color-text, #111827);
    cursor: pointer;
    transition: background 0.15s;
}

.edit-user-page__back:hover[b-551pqhjjcz] {
    background: var(--color-gray-200, #E5E7EB);
}

.edit-user-page__title[b-551pqhjjcz] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

/* Loading state */
.edit-user-page__loading[b-551pqhjjcz] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--color-text-muted, #6B7280);
}

/* Error state */
.edit-user-page__error-state[b-551pqhjjcz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex: 1;
    padding: 2rem;
    text-align: center;
}

.edit-user-page__error-state p[b-551pqhjjcz] {
    margin: 0;
    font-size: 1rem;
    color: var(--color-text-muted, #6B7280);
}

/* Content */
.edit-user-page__content[b-551pqhjjcz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

/* Profile section */
.edit-user-page__profile-section[b-551pqhjjcz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem;
    background: white;
    border-bottom: 1px solid var(--color-border, #E5E7EB);
}

.edit-user-page__avatar[b-551pqhjjcz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
    background: var(--color-primary, #0F766E);
    border-radius: 50%;
}

/* Form */
.edit-user-page__form[b-551pqhjjcz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    flex: 1;
}

.edit-user-page__error[b-551pqhjjcz] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--color-danger, #DC2626);
    background: var(--color-danger-light, #FEF2F2);
    border: 1px solid var(--color-danger-border, #FEE2E2);
    border-radius: 0.5rem;
}

.edit-user-page__success[b-551pqhjjcz] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--color-success, #059669);
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    border-radius: 0.5rem;
}

/* Field styles */
.edit-user-page__field[b-551pqhjjcz] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.edit-user-page__label[b-551pqhjjcz] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text, #111827);
}

.edit-user-page__select[b-551pqhjjcz] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    color: var(--color-text, #111827);
    background: white;
    border: 1px solid var(--color-border, #D1D5DB);
    border-radius: 0.5rem;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.5 4.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    cursor: pointer;
}

.edit-user-page__select:focus[b-551pqhjjcz] {
    outline: none;
    border-color: var(--color-primary, #0F766E);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

/* PIN section */
.edit-user-page__pin-section[b-551pqhjjcz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.edit-user-page__pin-status[b-551pqhjjcz] {
    margin: 0;
    font-size: 0.875rem;
}

.edit-user-page__pin-active[b-551pqhjjcz] {
    color: var(--color-success, #059669);
}

.edit-user-page__pin-inactive[b-551pqhjjcz] {
    color: var(--color-text-muted, #6B7280);
}

.edit-user-page__pin-actions[b-551pqhjjcz] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Password section */
.edit-user-page__password-section[b-551pqhjjcz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Restaurant sections */
.edit-user-page__sections-list[b-551pqhjjcz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.edit-user-page__section-checkbox[b-551pqhjjcz] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-border, #E5E7EB);
}

.edit-user-page__section-checkbox:last-child[b-551pqhjjcz] {
    border-bottom: none;
}

.edit-user-page__sections-message[b-551pqhjjcz] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-text-muted, #6B7280);
}

.edit-user-page__sections-error[b-551pqhjjcz] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: var(--color-danger, #DC2626);
    background: var(--color-danger-light, #FEF2F2);
    border: 1px solid var(--color-danger-border, #FEE2E2);
    border-radius: 0.5rem;
    margin-top: 0.5rem;
}

.edit-user-page__sections-success[b-551pqhjjcz] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: var(--color-success, #059669);
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
}

.edit-user-page__sections-actions[b-551pqhjjcz] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

/* Footer */
.edit-user-page__footer[b-551pqhjjcz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    padding: 1rem;
    background: white;
    border-top: 1px solid var(--color-border, #E5E7EB);
    position: sticky;
    bottom: 0;
}

/* Desktop styles */
@media (min-width: 768px) {
    .edit-user-page__content[b-551pqhjjcz] {
        max-width: 40rem;
        margin: 0 auto;
        width: 100%;
        background: white;
        border-left: 1px solid var(--color-border, #E5E7EB);
        border-right: 1px solid var(--color-border, #E5E7EB);
    }

    .edit-user-page__form[b-551pqhjjcz] {
        padding: 1.5rem;
    }

    .edit-user-page__footer[b-551pqhjjcz] {
        padding: 1rem 1.5rem;
    }
}
/* _content/Duara.SharedUI/Components/Pages/Admin/Roles.razor.rz.scp.css */
/* Base layout */
.roles-page[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #F3F4F6;
}

/* Desktop Header - hidden on mobile */
.roles-page__header[b-gs325xh22s] {
    display: none;
}

@media (min-width: 1024px) {
    .roles-page__header[b-gs325xh22s] {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        padding: 1.5rem 2rem 1rem;
        background: white;
        border-bottom: 1px solid #E5E7EB;
    }
}

.roles-page__eyebrow[b-gs325xh22s] {
    margin: 0;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6B7280;
}

.roles-page__title[b-gs325xh22s] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
}

/* Main layout */
.roles-page__layout[b-gs325xh22s] {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* List panel */
.roles-page__list-panel[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    background: white;
}

@media (min-width: 1024px) {
    .roles-page__list-panel[b-gs325xh22s] {
        width: 24rem;
        flex: none;
        border-right: 1px solid #E5E7EB;
    }
}

/* Controls */
.roles-page__controls[b-gs325xh22s] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    background: white;
    border-bottom: 1px solid #E5E7EB;
}

.roles-page__new-btn-mobile[b-gs325xh22s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    height: 2.75rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    background: #0F766E;
    border: none;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background 0.15s;
}

.roles-page__new-btn-mobile:hover[b-gs325xh22s] {
    background: #115E59;
}

@media (min-width: 1024px) {
    .roles-page__controls[b-gs325xh22s] {
        display: none;
    }
}

/* Error message */
.roles-page__error[b-gs325xh22s] {
    margin: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #DC2626;
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    border-radius: 0.5rem;
}

/* Role list */
.roles-page__list[b-gs325xh22s] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
}

.roles-page__loading[b-gs325xh22s] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: #6B7280;
}

.roles-page__empty[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    text-align: center;
    color: #9CA3AF;
}

.roles-page__empty p[b-gs325xh22s] {
    margin: 0;
    font-size: 0.875rem;
}

.roles-page__cards[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Role card */
.roles-page__card[b-gs325xh22s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

.roles-page__card:hover[b-gs325xh22s] {
    border-color: #0F766E;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.roles-page__card--selected[b-gs325xh22s] {
    border-color: #0F766E;
    background: #F0FDFA;
}

.roles-page__card--system[b-gs325xh22s] {
    background: #F9FAFB;
}

.roles-page__card-icon[b-gs325xh22s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #0F766E;
    background: #CCFBF1;
    border-radius: 0.5rem;
    flex-shrink: 0;
}

.roles-page__card--system .roles-page__card-icon[b-gs325xh22s] {
    color: #1E40AF;
    background: #DBEAFE;
}

.roles-page__card-info[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex: 1;
    min-width: 0;
}

.roles-page__card-name[b-gs325xh22s] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #111827;
}

.roles-page__card-desc[b-gs325xh22s] {
    font-size: 0.8125rem;
    color: #6B7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.roles-page__card-users[b-gs325xh22s] {
    font-size: 0.75rem;
    color: #9CA3AF;
}

.roles-page__card-badges[b-gs325xh22s] {
    flex-shrink: 0;
}

/* Badge */
.roles-page__badge[b-gs325xh22s] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
}

.roles-page__badge--system[b-gs325xh22s] {
    color: #1E40AF;
    background: #DBEAFE;
}

.roles-page__badge--owner[b-gs325xh22s] {
    color: #92400E;
    background: #FEF3C7;
}

/* Detail panel - desktop only */
.roles-page__detail-panel[b-gs325xh22s] {
    display: none;
}

@media (min-width: 1024px) {
    .roles-page__detail-panel[b-gs325xh22s] {
        display: flex;
        flex: 1;
        min-width: 0;
        background: #F9FAFB;
    }
}

.roles-page__detail-empty[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex: 1;
    color: #9CA3AF;
}

.roles-page__detail-empty p[b-gs325xh22s] {
    margin: 0;
    font-size: 1rem;
}

.roles-page__detail-content[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 48rem;
    margin: 0 auto;
    background: white;
    border-left: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
}

/* Detail header */
.roles-page__detail-header[b-gs325xh22s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid #E5E7EB;
}

.roles-page__detail-title[b-gs325xh22s] {
    flex: 1;
    min-width: 0;
}

.roles-page__detail-name[b-gs325xh22s] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.roles-page__detail-desc[b-gs325xh22s] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #6B7280;
}

.roles-page__detail-badges[b-gs325xh22s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.roles-page__detail-close[b-gs325xh22s] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F4F6;
    border: none;
    border-radius: 50%;
    color: #6B7280;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.roles-page__detail-close:hover[b-gs325xh22s] {
    background: #E5E7EB;
    color: #111827;
}

/* Detail body */
.roles-page__detail-body[b-gs325xh22s] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.roles-page__permissions-header[b-gs325xh22s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.roles-page__detail-section-title[b-gs325xh22s] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
}

.roles-page__edit-perms-btn[b-gs325xh22s] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #0F766E;
    background: #CCFBF1;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.15s;
}

.roles-page__edit-perms-btn:hover[b-gs325xh22s] {
    background: #99F6E4;
}

.roles-page__detail-empty-text[b-gs325xh22s] {
    margin: 0;
    font-size: 0.875rem;
    color: #6B7280;
}

/* Permission categories */
.roles-page__permission-categories[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.roles-page__permission-category[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.roles-page__category-name[b-gs325xh22s] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.roles-page__permission-list[b-gs325xh22s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.roles-page__permission-item[b-gs325xh22s] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
    color: #111827;
    background: #F0FDF4;
    border-radius: 0.375rem;
}

/* Detail footer */
.roles-page__detail-footer[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #E5E7EB;
    background: white;
}

.roles-page__system-notice[b-gs325xh22s] {
    margin: 0;
    font-size: 0.875rem;
    color: #6B7280;
    text-align: center;
}

/* Bottom sheets */
.roles-page__sheet[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.roles-page__sheet--tall[b-gs325xh22s] {
    min-height: 70vh;
}

.roles-page__sheet-header[b-gs325xh22s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #E5E7EB;
}

.roles-page__sheet-header h2[b-gs325xh22s] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.roles-page__sheet-close[b-gs325xh22s] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F4F6;
    border: none;
    border-radius: 50%;
    color: #6B7280;
    cursor: pointer;
    transition: all 0.15s;
}

.roles-page__sheet-close:hover[b-gs325xh22s] {
    background: #E5E7EB;
    color: #111827;
}

.roles-page__sheet-body[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    overflow-y: auto;
    flex: 1;
}

.roles-page__sheet-footer[b-gs325xh22s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #E5E7EB;
    background: white;
}

.roles-page__sheet-error[b-gs325xh22s] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #DC2626;
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    border-radius: 0.5rem;
}

/* Permission editing */
.roles-page__perm-category[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #E5E7EB;
}

.roles-page__perm-category:last-child[b-gs325xh22s] {
    border-bottom: none;
}

.roles-page__perm-category-header[b-gs325xh22s] {
    padding: 0.5rem 0;
}

.roles-page__perm-checkbox[b-gs325xh22s] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background 0.15s;
}

.roles-page__perm-checkbox:hover[b-gs325xh22s] {
    background: #F9FAFB;
}

.roles-page__perm-checkbox--category[b-gs325xh22s] {
    padding: 0;
}

.roles-page__perm-checkbox--category:hover[b-gs325xh22s] {
    background: transparent;
}

.roles-page__perm-checkbox--category span[b-gs325xh22s] {
    font-weight: 600;
    color: #111827;
}

.roles-page__perm-checkbox input[type="checkbox"][b-gs325xh22s] {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    accent-color: #0F766E;
    cursor: pointer;
}

.roles-page__perm-label[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.roles-page__perm-name[b-gs325xh22s] {
    font-size: 0.875rem;
    color: #111827;
}

.roles-page__perm-desc[b-gs325xh22s] {
    font-size: 0.75rem;
    color: #6B7280;
}

.roles-page__perm-items[b-gs325xh22s] {
    display: flex;
    flex-direction: column;
    margin-left: 1.5rem;
}

/* Delete warning */
.roles-page__delete-warning[b-gs325xh22s] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #374151;
}

.roles-page__delete-warning strong[b-gs325xh22s] {
    color: #111827;
}
/* _content/Duara.SharedUI/Components/Pages/Admin/Stores.razor.rz.scp.css */
/* Base layout */
.stores-page[b-gdhbyfzk7u] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-gray-100, #F3F4F6);
}

/* Desktop Header - hidden on mobile */
.stores-page__header[b-gdhbyfzk7u] {
    display: none;
}

@media (min-width: 1024px) {
    .stores-page__header[b-gdhbyfzk7u] {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        padding: 1.5rem 2rem 1rem;
        background: white;
        border-bottom: 1px solid var(--color-border, #E5E7EB);
    }

    .stores-page__header-actions[b-gdhbyfzk7u] {
        display: flex;
        gap: 0.75rem;
    }
}

.stores-page__eyebrow[b-gdhbyfzk7u] {
    margin: 0;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted, #6B7280);
}

.stores-page__title[b-gdhbyfzk7u] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

/* Error message */
.stores-page__error[b-gdhbyfzk7u] {
    margin: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--color-danger, #DC2626);
    background: var(--color-danger-light, #FEF2F2);
    border: 1px solid var(--color-danger-border, #FEE2E2);
    border-radius: 0.5rem;
}

/* Success message */
.stores-page__success[b-gdhbyfzk7u] {
    margin: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--color-primary, #0F766E);
    background: var(--color-primary-light, #F0FDFA);
    border: 1px solid var(--color-primary, #0F766E);
    border-radius: 0.5rem;
}

/* Content area */
.stores-page__content[b-gdhbyfzk7u] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.stores-page__loading[b-gdhbyfzk7u] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: var(--color-text-muted, #6B7280);
}

.stores-page__empty[b-gdhbyfzk7u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 1rem;
    text-align: center;
    color: var(--color-gray-400, #9CA3AF);
}

.stores-page__empty p[b-gdhbyfzk7u] {
    margin: 0;
    font-size: 1rem;
}

/* Store grid */
.stores-page__grid[b-gdhbyfzk7u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .stores-page__grid[b-gdhbyfzk7u] {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    }
}

/* Store card */
.store-card[b-gdhbyfzk7u] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem;
    background: white;
    border: 2px solid transparent;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.15s;
}

.store-card:hover[b-gdhbyfzk7u] {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.store-card--selected[b-gdhbyfzk7u] {
    border-color: var(--color-primary, #0F766E);
    background: var(--color-primary-light, #F0FDFA);
}

.store-card__icon[b-gdhbyfzk7u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: var(--color-primary-light, #F0FDFA);
    border-radius: 0.75rem;
    color: var(--color-primary, #0F766E);
}

.store-card--selected .store-card__icon[b-gdhbyfzk7u] {
    background: var(--color-primary, #0F766E);
    color: white;
}

.store-card__content[b-gdhbyfzk7u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.store-card__name[b-gdhbyfzk7u] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

.store-card__location[b-gdhbyfzk7u] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-text-muted, #6B7280);
}

.store-card__timezone[b-gdhbyfzk7u] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--color-gray-400, #9CA3AF);
}

.store-card__actions[b-gdhbyfzk7u] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--color-border, #E5E7EB);
}

.store-card__action[b-gdhbyfzk7u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    background: var(--color-gray-100, #F3F4F6);
    border: none;
    border-radius: 0.5rem;
    color: var(--color-text-muted, #6B7280);
    cursor: pointer;
    transition: all 0.15s;
}

.store-card__action:hover[b-gdhbyfzk7u] {
    background: var(--color-gray-200, #E5E7EB);
    color: var(--color-text, #111827);
}

.store-card__action--danger:hover[b-gdhbyfzk7u] {
    background: var(--color-danger-light, #FEF2F2);
    color: var(--color-danger, #DC2626);
}

/* Store form in BottomSheet */
.store-form[b-gdhbyfzk7u] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1rem 0;
}

.stores-modules[b-gdhbyfzk7u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.stores-modules__card[b-gdhbyfzk7u] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.stores-modules__card:hover[b-gdhbyfzk7u] {
    background: #F1F5F9;
    border-color: #CBD5F5;
}

.stores-modules__card input[type="checkbox"][b-gdhbyfzk7u] {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    cursor: pointer;
    accent-color: #0F766E;
    flex-shrink: 0;
}

.stores-modules__content[b-gdhbyfzk7u] {
    flex: 1;
}

.stores-modules__title[b-gdhbyfzk7u] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1E293B;
}

.stores-modules__desc[b-gdhbyfzk7u] {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    color: #94A3B8;
}

.store-form__actions[b-gdhbyfzk7u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.store-form__warning[b-gdhbyfzk7u] {
    margin: 0;
    padding: 1rem;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--color-danger, #DC2626);
    background: var(--color-danger-light, #FEF2F2);
    border: 1px solid var(--color-danger-border, #FEE2E2);
    border-radius: 0.5rem;
}

.store-form__warning strong[b-gdhbyfzk7u] {
    font-weight: 600;
}

/* Mobile FAB for creating new store */
.stores-page__fab[b-gdhbyfzk7u] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 1rem;
    bottom: 1.5rem;
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
    background: var(--color-primary, #0F766E);
    border: none;
    border-radius: 50%;
    color: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.15s;
    z-index: 10;
}

.stores-page__fab:hover[b-gdhbyfzk7u] {
    background: var(--color-primary-dark, #115E59);
    transform: scale(1.05);
}

@media (min-width: 1024px) {
    .stores-page__fab[b-gdhbyfzk7u] {
        display: none;
    }
}
/* _content/Duara.SharedUI/Components/Pages/Admin/TenantDetail.razor.rz.scp.css */
/* =====================================================
   DUARA POS - TENANT DETAIL PAGE
   Based on Reference UI v1.1 Design System
   ===================================================== */

.tenant-detail[b-5x0r8epo6b] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6, 1.5rem);
}

.tenant-detail__header[b-5x0r8epo6b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-4, 1rem);
    flex-wrap: wrap;
}

.tenant-detail__eyebrow[b-5x0r8epo6b] {
    text-transform: uppercase;
    color: var(--color-gray-500, #6b7280);
    font-size: var(--text-xs, 0.75rem);
    letter-spacing: 0.08em;
    margin: 0 0 var(--spacing-1, 0.25rem) 0;
}

.tenant-detail__title[b-5x0r8epo6b] {
    margin: 0;
    font-size: var(--text-2xl, 1.5rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-gray-900, #111827);
}

.tenant-detail__code[b-5x0r8epo6b] {
    margin: var(--spacing-1, 0.25rem) 0 0 0;
    color: var(--color-gray-500, #6b7280);
    font-size: var(--text-sm, 0.875rem);
}

.tenant-detail__error[b-5x0r8epo6b] {
    background: #fee2e2;
    color: #991b1b;
    padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
    border-radius: var(--radius-md, 0.75rem);
    font-size: var(--text-sm, 0.875rem);
}

.tenant-detail__form[b-5x0r8epo6b] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 1rem);
    max-width: 520px;
}

.tenant-detail__meta[b-5x0r8epo6b] {
    background: var(--color-gray-50, #f9fafb);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-md, 0.75rem);
    padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
}

.tenant-detail__meta p[b-5x0r8epo6b] {
    margin: var(--spacing-1, 0.25rem) 0;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-gray-600, #4b5563);
}

.tenant-detail__actions[b-5x0r8epo6b] {
    display: flex;
    gap: var(--spacing-3, 0.75rem);
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-top: var(--spacing-2, 0.5rem);
}

.tenant-detail__credentials[b-5x0r8epo6b] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: var(--radius-md, 0.75rem);
    padding: var(--spacing-4, 1rem);
    margin-bottom: var(--spacing-4, 1rem);
}

.tenant-detail__credentials p[b-5x0r8epo6b] {
    margin: var(--spacing-1, 0.25rem) 0;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-gray-700, #374151);
}

.tenant-detail__credentials code[b-5x0r8epo6b] {
    background: var(--color-gray-100, #f3f4f6);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-sm, 0.25rem);
    font-family: monospace;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-gray-900, #111827);
}

.tenant-detail__credentials-note[b-5x0r8epo6b] {
    margin-top: var(--spacing-2, 0.5rem) !important;
    color: var(--color-warning, #d97706) !important;
    font-style: italic;
}

.tenant-detail__credentials-hint[b-5x0r8epo6b] {
    margin: 0 0 var(--spacing-3, 0.75rem) 0;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-gray-500, #6b7280);
}

.tenant-detail__danger-hint[b-5x0r8epo6b] {
    margin: 0 0 var(--spacing-4, 1rem) 0;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-danger, #dc2626);
}

.tenant-detail__delete-confirm[b-5x0r8epo6b] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 1rem);
}

.tenant-detail__delete-warning[b-5x0r8epo6b] {
    margin: 0;
    padding: var(--spacing-4, 1rem);
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: var(--radius-md, 0.75rem);
    color: #991b1b;
    font-size: var(--text-sm, 0.875rem);
    line-height: 1.5;
}

.tenant-detail__delete-warning strong[b-5x0r8epo6b] {
    font-weight: var(--font-weight-semibold, 600);
}

.tenant-detail__delete-instruction[b-5x0r8epo6b] {
    margin: 0;
    font-size: var(--text-sm, 0.875rem);
    color: var(--color-gray-700, #374151);
}

.tenant-detail__delete-instruction code[b-5x0r8epo6b] {
    background: var(--color-gray-100, #f3f4f6);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-sm, 0.25rem);
    font-family: monospace;
    font-weight: var(--font-weight-semibold, 600);
}

.tenant-detail__delete-actions[b-5x0r8epo6b] {
    display: flex;
    gap: var(--spacing-3, 0.75rem);
    justify-content: flex-end;
    margin-top: var(--spacing-2, 0.5rem);
}
/* _content/Duara.SharedUI/Components/Pages/Admin/Tenants.razor.rz.scp.css */
/* =====================================================
   DUARA POS - TENANTS ADMIN PAGE
   Based on Reference UI v1.1 Design System
   ===================================================== */

.tenants-page[b-owrvfd73rx] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6, 1.5rem);
}

.tenants-page__header[b-owrvfd73rx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--spacing-4, 1rem);
}

.tenants-page__eyebrow[b-owrvfd73rx] {
    text-transform: uppercase;
    color: var(--color-gray-500, #6b7280);
    font-size: var(--text-xs, 0.75rem);
    letter-spacing: 0.08em;
    margin: 0 0 var(--spacing-1, 0.25rem) 0;
}

.tenants-page__title[b-owrvfd73rx] {
    margin: 0;
    font-size: var(--text-2xl, 1.5rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-gray-900, #111827);
}

.tenants-page__error[b-owrvfd73rx] {
    background: #fee2e2;
    color: #991b1b;
    padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
    border-radius: var(--radius-md, 0.75rem);
    font-size: var(--text-sm, 0.875rem);
}

.tenants-page__success[b-owrvfd73rx] {
    background: #ecfdf5;
    color: #065f46;
    padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
    border-radius: var(--radius-md, 0.75rem);
    font-size: var(--text-sm, 0.875rem);
}

.tenants-page__success p[b-owrvfd73rx] {
    margin: var(--spacing-1, 0.25rem) 0;
    color: inherit;
}

.tenants-page__loading[b-owrvfd73rx],
.tenants-page__empty[b-owrvfd73rx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-4, 1rem);
    padding: var(--spacing-8, 2rem);
    text-align: center;
    color: var(--color-gray-500, #6b7280);
}

.tenants-page__grid[b-owrvfd73rx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--spacing-4, 1rem);
}

.tenant-card[b-owrvfd73rx] {
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-md, 0.75rem);
    padding: var(--spacing-4, 1rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.tenant-card:hover[b-owrvfd73rx] {
    border-color: var(--color-primary, #0f766e);
    box-shadow: 0 6px 20px rgba(15, 118, 110, 0.12);
}

.tenant-card__name[b-owrvfd73rx] {
    margin: 0 0 var(--spacing-1, 0.25rem) 0;
    font-size: var(--text-base, 1rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-gray-900, #111827);
}

.tenant-card__code[b-owrvfd73rx] {
    margin: 0;
    color: var(--color-gray-500, #6b7280);
    font-size: var(--text-sm, 0.85rem);
}

.tenant-form[b-owrvfd73rx] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 1rem);
}

.tenant-form__actions[b-owrvfd73rx] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-3, 0.75rem);
    padding-top: var(--spacing-2, 0.5rem);
}
/* _content/Duara.SharedUI/Components/Pages/Admin/Users.razor.rz.scp.css */
/* Base layout */
.users-page[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-gray-100, #F3F4F6);
}

/* Desktop Header - hidden on mobile */
.users-page__header[b-dvrr65vtuv] {
    display: none;
}

@media (min-width: 1024px) {
    .users-page__header[b-dvrr65vtuv] {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        padding: 1.5rem 2rem 1rem;
        background: white;
        border-bottom: 1px solid var(--color-border, #E5E7EB);
    }
}

.users-page__eyebrow[b-dvrr65vtuv] {
    margin: 0;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted, #6B7280);
}

.users-page__title[b-dvrr65vtuv] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

/* Main layout */
.users-page__layout[b-dvrr65vtuv] {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* List panel */
.users-page__list-panel[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    background: white;
}

@media (min-width: 1024px) {
    .users-page__list-panel[b-dvrr65vtuv] {
        width: 24rem;
        flex: none;
        border-right: 1px solid var(--color-border, #E5E7EB);
    }
}

/* Controls (search + new button) */
.users-page__controls[b-dvrr65vtuv] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    background: white;
    border-bottom: 1px solid var(--color-border, #E5E7EB);
}

.users-page__search[b-dvrr65vtuv] {
    flex: 1;
}

.users-page__new-btn-mobile[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    background: var(--color-primary, #0F766E);
    border: none;
    border-radius: 0.75rem;
    color: white;
    cursor: pointer;
    transition: background 0.15s;
}

.users-page__new-btn-mobile:hover[b-dvrr65vtuv] {
    background: var(--color-primary-dark, #115E59);
}

@media (min-width: 1024px) {
    .users-page__new-btn-mobile[b-dvrr65vtuv] {
        display: none;
    }
}

/* Filter pills */
.users-page__filters[b-dvrr65vtuv] {
    display: flex;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    background: white;
    border-bottom: 1px solid var(--color-border, #E5E7EB);
    overflow-x: auto;
}

.users-page__filter-pill[b-dvrr65vtuv] {
    flex-shrink: 0;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-muted, #6B7280);
    background: var(--color-gray-100, #F3F4F6);
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.users-page__filter-pill:hover[b-dvrr65vtuv] {
    background: var(--color-gray-200, #E5E7EB);
}

.users-page__filter-pill--active[b-dvrr65vtuv] {
    background: var(--color-primary, #0F766E);
    color: white;
}

.users-page__filter-pill--active:hover[b-dvrr65vtuv] {
    background: var(--color-primary-dark, #115E59);
}

/* Error message */
.users-page__error[b-dvrr65vtuv] {
    margin: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--color-danger, #DC2626);
    background: var(--color-danger-light, #FEF2F2);
    border: 1px solid var(--color-danger-border, #FEE2E2);
    border-radius: 0.5rem;
}

/* User list */
.users-page__list[b-dvrr65vtuv] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
}

.users-page__loading[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: var(--color-text-muted, #6B7280);
}

.users-page__empty[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--color-gray-400, #9CA3AF);
}

.users-page__empty p[b-dvrr65vtuv] {
    margin: 0;
    font-size: 0.875rem;
}

.users-page__cards[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Summary footer - fixed at bottom */
.users-page__summary[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: white;
    border-top: 1px solid var(--color-border, #E5E7EB);
    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1);
    position: sticky;
    bottom: 0;
    z-index: 10;
    flex-shrink: 0;
}

.users-page__summary-count[b-dvrr65vtuv] {
    font-size: 0.8125rem;
    color: var(--color-text-muted, #6B7280);
}

/* Detail panel - desktop only */
.users-page__detail-panel[b-dvrr65vtuv] {
    display: none;
}

@media (min-width: 1024px) {
    .users-page__detail-panel[b-dvrr65vtuv] {
        display: flex;
        flex: 1;
        min-width: 0;
        background: var(--color-gray-50, #F9FAFB);
    }
}

.users-page__detail-empty[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex: 1;
    color: var(--color-gray-400, #9CA3AF);
}

.users-page__detail-empty p[b-dvrr65vtuv] {
    margin: 0;
    font-size: 1rem;
}

.users-page__detail-content[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 40rem;
    margin: 0 auto;
    background: white;
    border-left: 1px solid var(--color-border, #E5E7EB);
    border-right: 1px solid var(--color-border, #E5E7EB);
}

/* Detail header */
.users-page__detail-header[b-dvrr65vtuv] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border, #E5E7EB);
}

.users-page__detail-avatar-large[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: white;
    background: var(--color-primary, #0F766E);
    border-radius: 50%;
    flex-shrink: 0;
}

.users-page__detail-title[b-dvrr65vtuv] {
    flex: 1;
    min-width: 0;
}

.users-page__detail-name[b-dvrr65vtuv] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

.users-page__detail-email[b-dvrr65vtuv] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: var(--color-text-muted, #6B7280);
}

.users-page__detail-status-badge[b-dvrr65vtuv] {
    margin-top: 0.5rem;
}

.users-page__detail-close[b-dvrr65vtuv] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-gray-100, #F3F4F6);
    border: none;
    border-radius: 50%;
    color: var(--color-text-muted, #6B7280);
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.users-page__detail-close:hover[b-dvrr65vtuv] {
    background: var(--color-gray-200, #E5E7EB);
    color: var(--color-text, #111827);
}

/* Detail body */
.users-page__detail-body[b-dvrr65vtuv] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Detail info grid */
.users-page__detail-info-grid[b-dvrr65vtuv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.users-page__detail-info-item[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.75rem;
    background: var(--color-gray-50, #F9FAFB);
    border-radius: 0.5rem;
}

.users-page__detail-label[b-dvrr65vtuv] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #6B7280);
}

.users-page__detail-empty-text[b-dvrr65vtuv] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-text-muted, #6B7280);
}

/* Roles */
.users-page__detail-roles[b-dvrr65vtuv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Store assignments */
.users-page__detail-stores[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.users-page__store-item[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    background: var(--color-gray-50, #F9FAFB);
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

/* Detail footer */
.users-page__detail-footer[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--color-border, #E5E7EB);
    background: white;
}

.users-page__detail-footer-row[b-dvrr65vtuv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

/* Bottom sheets */
.users-page__sheet[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.users-page__sheet-header[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--color-border, #E5E7EB);
}

.users-page__sheet-header h2[b-dvrr65vtuv] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

.users-page__sheet-close[b-dvrr65vtuv] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-gray-100, #F3F4F6);
    border: none;
    border-radius: 50%;
    color: var(--color-text-muted, #6B7280);
    cursor: pointer;
    transition: all 0.15s;
}

.users-page__sheet-close:hover[b-dvrr65vtuv] {
    background: var(--color-gray-200, #E5E7EB);
    color: var(--color-text, #111827);
}

.users-page__sheet-body[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    overflow-y: auto;
    flex: 1;
}

.users-page__sheet-footer[b-dvrr65vtuv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--color-border, #E5E7EB);
    background: white;
}

.users-page__sheet-error[b-dvrr65vtuv] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--color-danger, #DC2626);
    background: var(--color-danger-light, #FEF2F2);
    border: 1px solid var(--color-danger-border, #FEE2E2);
    border-radius: 0.5rem;
}

/* Role list */
.users-page__role-list[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.users-page__role-checkbox[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--color-gray-50, #F9FAFB);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s;
}

.users-page__role-checkbox:hover[b-dvrr65vtuv] {
    background: var(--color-gray-100, #F3F4F6);
}

.users-page__role-checkbox input[type="checkbox"][b-dvrr65vtuv] {
    width: 1.125rem;
    height: 1.125rem;
    accent-color: var(--color-primary, #0F766E);
    cursor: pointer;
}

.users-page__role-checkbox-label[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    color: var(--color-text, #111827);
}

/* Store assignment list */
.users-page__store-list[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.users-page__store-checkbox-item[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: var(--color-gray-50, #F9FAFB);
    border-radius: 0.5rem;
    transition: background 0.15s;
}

.users-page__store-checkbox-item:hover[b-dvrr65vtuv] {
    background: var(--color-gray-100, #F3F4F6);
}

.users-page__store-checkbox[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    cursor: pointer;
}

.users-page__store-checkbox input[type="checkbox"][b-dvrr65vtuv] {
    width: 1.125rem;
    height: 1.125rem;
    accent-color: var(--color-primary, #0F766E);
    cursor: pointer;
}

.users-page__store-checkbox-label[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.users-page__store-name[b-dvrr65vtuv] {
    font-size: 0.9375rem;
    color: var(--color-text, #111827);
}

.users-page__store-location[b-dvrr65vtuv] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #6B7280);
}

.users-page__store-default-btn[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    background: transparent;
    border: 1px solid var(--color-border, #E5E7EB);
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.15s;
}

.users-page__store-default-btn:hover[b-dvrr65vtuv] {
    background: var(--color-gray-100, #F3F4F6);
}

.users-page__store-default-btn--active[b-dvrr65vtuv] {
    border-color: transparent;
}

.users-page__store-default-text[b-dvrr65vtuv] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #6B7280);
}

/* Mobile detail sheet */
.users-page__mobile-detail-sheet[b-dvrr65vtuv] {
    max-height: 85vh;
}

@media (min-width: 1024px) {
    .users-page__mobile-detail-sheet[b-dvrr65vtuv] {
        display: none;
    }
}

.users-page__mobile-detail-title[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.users-page__mobile-detail-title h2[b-dvrr65vtuv] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.users-page__mobile-detail-avatar[b-dvrr65vtuv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    background: var(--color-primary, #0F766E);
    border-radius: 50%;
    flex-shrink: 0;
}

.users-page__mobile-detail-email[b-dvrr65vtuv] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #6B7280);
}

.users-page__mobile-detail-footer[b-dvrr65vtuv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--color-border, #E5E7EB);
    background: white;
}
/* _content/Duara.SharedUI/Components/Pages/Auth/Login.razor.rz.scp.css */
/* Login Page Layout - Auth layout handles the background */
.login-page[b-xmdc412nng] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.login-container[b-xmdc412nng] {
    width: 100%;
    max-width: 420px;
}

.login-card[b-xmdc412nng] {
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    padding: var(--spacing-8);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Header */
.login-header[b-xmdc412nng] {
    text-align: center;
    margin-bottom: var(--spacing-8);
}

.login-title[b-xmdc412nng] {
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    margin: 0 0 var(--spacing-2) 0;
}

.login-subtitle[b-xmdc412nng] {
    font-size: var(--text-base);
    color: var(--color-gray-600);
    margin: 0;
}

/* Error Message */
.login-error[b-xmdc412nng] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: var(--radius-md);
    color: var(--color-danger);
    font-size: var(--text-sm);
    margin-bottom: var(--spacing-6);
}

.login-error__icon[b-xmdc412nng] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Form */
.login-form[b-xmdc412nng] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
}

.login-submit[b-xmdc412nng] {
    width: 100%;
    margin-top: var(--spacing-2);
}

/* Development Hint */
.login-dev-hint[b-xmdc412nng] {
    margin-top: var(--spacing-6);
    padding: var(--spacing-4);
    background-color: var(--color-gray-50);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
}

.login-dev-hint__title[b-xmdc412nng] {
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    margin: 0 0 var(--spacing-2) 0;
}

.login-dev-hint__list[b-xmdc412nng] {
    margin: 0 0 var(--spacing-3) 0;
    padding-left: var(--spacing-5);
    color: var(--color-gray-700);
}

.login-dev-hint__list li[b-xmdc412nng] {
    margin-bottom: var(--spacing-1);
}

.login-dev-hint__list strong[b-xmdc412nng] {
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-900);
}

.login-dev-hint__note[b-xmdc412nng] {
    margin: 0;
    color: var(--color-gray-600);
}

.login-dev-hint__note code[b-xmdc412nng] {
    padding: var(--spacing-1) var(--spacing-2);
    background-color: var(--color-gray-200);
    border-radius: var(--radius-sm);
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9em;
}

/* Mobile Responsive */
@media (max-width: 640px) {
    .login-page[b-xmdc412nng] {
        padding: var(--spacing-3);
    }

    .login-card[b-xmdc412nng] {
        padding: var(--spacing-6);
    }

    .login-title[b-xmdc412nng] {
        font-size: var(--text-2xl);
    }
}
/* _content/Duara.SharedUI/Components/Pages/Auth/PinLogin.razor.rz.scp.css */
.pin-login-page[b-l2gm690x8p] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-background);
    padding: var(--spacing-4);
}

.pin-login-container[b-l2gm690x8p] {
    width: 100%;
    max-width: 420px;
}

.pin-login-card[b-l2gm690x8p] {
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    padding: var(--spacing-8);
    box-shadow: var(--shadow-lg);
}

.pin-login-header[b-l2gm690x8p] {
    text-align: center;
    margin-bottom: var(--spacing-6);
}

.pin-login-title[b-l2gm690x8p] {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    margin-bottom: var(--spacing-2);
}

.pin-login-subtitle[b-l2gm690x8p] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.pin-login-error[b-l2gm690x8p] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-3);
    background: var(--color-error-bg);
    color: var(--color-error);
    border-radius: var(--radius-md);
    margin-bottom: var(--spacing-4);
    font-size: var(--font-size-sm);
}

.pin-login-error__icon[b-l2gm690x8p] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Loading state */
.pin-login-loading[b-l2gm690x8p],
.pin-login-authenticating[b-l2gm690x8p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3);
    padding: var(--spacing-8);
    color: var(--color-text-muted);
}

.pin-login-spinner[b-l2gm690x8p] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: pin-spinner-b-l2gm690x8p 0.8s linear infinite;
}

@keyframes pin-spinner-b-l2gm690x8p {
    to {
        transform: rotate(360deg);
    }
}

/* Empty state */
.pin-login-empty[b-l2gm690x8p] {
    text-align: center;
    padding: var(--spacing-6);
    color: var(--color-text-muted);
}

.pin-login-empty p[b-l2gm690x8p] {
    margin-bottom: var(--spacing-4);
}

/* User grid */
.pin-login-user-grid[b-l2gm690x8p] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: var(--spacing-4);
    padding: var(--spacing-2);
}

.pin-login-user-card[b-l2gm690x8p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-3);
    background: transparent;
    border: 2px solid transparent;
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all 0.2s ease;
}

.pin-login-user-card:hover[b-l2gm690x8p] {
    background: var(--color-background);
    border-color: var(--color-primary);
}

.pin-login-user-card:focus[b-l2gm690x8p] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-light);
}

.pin-login-user-avatar[b-l2gm690x8p] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.pin-login-user-avatar--large[b-l2gm690x8p] {
    width: 80px;
    height: 80px;
}

.pin-login-user-avatar img[b-l2gm690x8p] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pin-login-user-initials[b-l2gm690x8p] {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary);
}

.pin-login-user-avatar--large .pin-login-user-initials[b-l2gm690x8p] {
    font-size: var(--font-size-2xl);
}

.pin-login-user-name[b-l2gm690x8p] {
    font-size: var(--font-size-xs);
    color: var(--color-text);
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* PIN Entry View */
.pin-login-pin-entry[b-l2gm690x8p] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pin-login-back[b-l2gm690x8p] {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
    padding: var(--spacing-2) var(--spacing-3);
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    cursor: pointer;
    align-self: flex-start;
    margin-bottom: var(--spacing-4);
    border-radius: var(--radius-md);
    transition: color 0.2s;
}

.pin-login-back:hover[b-l2gm690x8p] {
    color: var(--color-text);
}

.pin-login-selected-user[b-l2gm690x8p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2);
    margin-bottom: var(--spacing-6);
}

.pin-login-selected-name[b-l2gm690x8p] {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

/* PIN Dots */
.pin-login-pin-display[b-l2gm690x8p] {
    display: flex;
    gap: var(--spacing-3);
    margin-bottom: var(--spacing-6);
}

.pin-login-pin-dot[b-l2gm690x8p] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid var(--color-border);
    background: transparent;
    transition: all 0.15s ease;
}

.pin-login-pin-dot--filled[b-l2gm690x8p] {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

/* Keypad */
.pin-login-keypad[b-l2gm690x8p] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-3);
    width: 100%;
    max-width: 280px;
}

.pin-login-key[b-l2gm690x8p] {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.pin-login-key:hover:not(:disabled)[b-l2gm690x8p] {
    background: var(--color-surface-hover);
    border-color: var(--color-primary);
}

.pin-login-key:active:not(:disabled)[b-l2gm690x8p] {
    transform: scale(0.95);
    background: var(--color-primary-light);
}

.pin-login-key:disabled[b-l2gm690x8p] {
    opacity: 0.5;
    cursor: not-allowed;
}

.pin-login-key--empty[b-l2gm690x8p] {
    visibility: hidden;
}

.pin-login-key--delete[b-l2gm690x8p] {
    color: var(--color-text-muted);
}

.pin-login-key--delete:hover:not(:disabled)[b-l2gm690x8p] {
    color: var(--color-error);
    border-color: var(--color-error);
}

/* Footer */
.pin-login-footer[b-l2gm690x8p] {
    margin-top: var(--spacing-6);
    text-align: center;
    padding-top: var(--spacing-4);
    border-top: 1px solid var(--color-border);
}

.pin-login-email-link[b-l2gm690x8p] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: color 0.2s;
}

.pin-login-email-link:hover[b-l2gm690x8p] {
    color: var(--color-primary-dark);
    text-decoration: underline;
}

/* Mobile optimizations */
@media (max-width: 480px) {
    .pin-login-card[b-l2gm690x8p] {
        padding: var(--spacing-6);
    }
    
    .pin-login-keypad[b-l2gm690x8p] {
        gap: var(--spacing-2);
    }
    
    .pin-login-key[b-l2gm690x8p] {
        font-size: var(--font-size-xl);
    }
}
/* _content/Duara.SharedUI/Components/Pages/Auth/SelectStore.razor.rz.scp.css */
.store-selector-page[b-o89jcs9bsm] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 1rem;
    background: linear-gradient(135deg, #0F766E 0%, #115E59 100%);
}

.store-selector-container[b-o89jcs9bsm] {
    width: 100%;
    max-width: 28rem;
}

.store-selector-card[b-o89jcs9bsm] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.store-selector-header[b-o89jcs9bsm] {
    text-align: center;
    margin-bottom: 2rem;
}

.store-selector-title[b-o89jcs9bsm] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text, #111827);
}

.store-selector-subtitle[b-o89jcs9bsm] {
    margin: 0.5rem 0 0;
    font-size: 0.9375rem;
    color: var(--color-text-muted, #6B7280);
}

.store-selector-empty[b-o89jcs9bsm] {
    text-align: center;
    padding: 2rem;
    color: var(--color-text-muted, #6B7280);
}

.store-selector-list[b-o89jcs9bsm] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.store-selector-item[b-o89jcs9bsm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
    background: var(--color-gray-50, #F9FAFB);
    border: 2px solid transparent;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.store-selector-item:hover[b-o89jcs9bsm] {
    background: var(--color-gray-100, #F3F4F6);
    border-color: var(--color-primary, #0F766E);
}

.store-selector-item--default[b-o89jcs9bsm] {
    border-color: var(--color-primary-light, #CCFBF1);
    background: var(--color-primary-light, #F0FDFA);
}

.store-selector-item--default:hover[b-o89jcs9bsm] {
    background: var(--color-primary-light, #CCFBF1);
}

.store-selector-item__icon[b-o89jcs9bsm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--color-primary, #0F766E);
    border-radius: 0.5rem;
    color: white;
    flex-shrink: 0;
}

.store-selector-item__content[b-o89jcs9bsm] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.store-selector-item__name[b-o89jcs9bsm] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

.store-selector-item__arrow[b-o89jcs9bsm] {
    color: var(--color-text-muted, #6B7280);
    flex-shrink: 0;
}
/* _content/Duara.SharedUI/Components/Pages/Clients/ClientDetail.razor.rz.scp.css */
.client-detail[b-m6uggi8ghq] {
    display: grid;
    gap: 1rem;
}

.client-detail__topbar[b-m6uggi8ghq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.client-detail__topbar-left[b-m6uggi8ghq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.client-detail__titles[b-m6uggi8ghq] {
    display: grid;
    gap: 0.1rem;
}

.client-detail__subtitle[b-m6uggi8ghq] {
    font-size: var(--text-xs);
    color: var(--color-gray-600);
}

.client-detail__title[b-m6uggi8ghq] {
    margin: 0;
    font-size: var(--text-2xl);
    color: var(--color-gray-900);
}

.client-detail__state[b-m6uggi8ghq] {
    margin: 0;
    color: var(--color-gray-700);
}

.client-detail__state--error[b-m6uggi8ghq] {
    color: var(--color-danger);
}

.client-detail__content[b-m6uggi8ghq] {
    display: grid;
    gap: 1rem;
}

.client-detail__buttons[b-m6uggi8ghq] {
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .client-detail__buttons[b-m6uggi8ghq] {
        grid-template-columns: 1fr 1fr;
    }
}

.client-detail__edit[b-m6uggi8ghq] {
    display: grid;
    gap: 1rem;
}

.client-detail__card[b-m6uggi8ghq] {
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    padding: 1rem;
    display: grid;
    gap: 0.75rem;
}

.client-detail__edit-actions[b-m6uggi8ghq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.client-detail__inline-error[b-m6uggi8ghq] {
    color: var(--color-danger);
    background: var(--color-gray-50);
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-md);
    padding: 0.75rem;
}

.client-block[b-m6uggi8ghq] {
    display: grid;
    gap: 1rem;
}

.client-block__header h2[b-m6uggi8ghq] {
    margin: 0;
    font-size: var(--text-lg);
}

.client-block__actions[b-m6uggi8ghq] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .client-block__actions[b-m6uggi8ghq] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/Duara.SharedUI/Components/Pages/Clients/Clients.razor.rz.scp.css */
/* Base layout */
.clients-page[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #F3F4F6;
}

/* Desktop Header - hidden on mobile */
.clients-page__desktop-header[b-l1gr4xhwhu] {
    display: none;
}

@media (min-width: 1024px) {
    .clients-page__desktop-header[b-l1gr4xhwhu] {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        padding: 1.5rem 2rem 1rem;
        background: white;
        border-bottom: 1px solid #E5E7EB;
    }
}

.clients-page__eyebrow[b-l1gr4xhwhu] {
    margin: 0;
    font-size: 0.875rem;
    color: #6B7280;
}

.clients-page__title[b-l1gr4xhwhu] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
}

/* Main layout */
.clients-page__layout[b-l1gr4xhwhu] {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* List panel */
.clients-page__list-panel[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    background: white;
}

@media (min-width: 1024px) {
    .clients-page__list-panel[b-l1gr4xhwhu] {
        width: 24rem;
        flex: none;
        border-right: 1px solid #E5E7EB;
    }
}

/* Controls (search + new button) */
.clients-page__controls[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    background: white;
    border-bottom: 1px solid #E5E7EB;
}

.clients-page__search[b-l1gr4xhwhu] {
    flex: 1;
}

.clients-page__new-btn-mobile[b-l1gr4xhwhu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    height: 2.75rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    background: #0F766E;
    border: none;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background 0.15s;
}

.clients-page__new-btn-mobile:hover[b-l1gr4xhwhu] {
    background: #115E59;
}

@media (min-width: 1024px) {
    .clients-page__new-btn-mobile[b-l1gr4xhwhu] {
        display: none;
    }
}

/* Filter pills */
.clients-page__filters[b-l1gr4xhwhu] {
    display: flex;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    background: white;
    border-bottom: 1px solid #E5E7EB;
    overflow-x: auto;
}

.clients-page__filter-pill[b-l1gr4xhwhu] {
    flex-shrink: 0;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
    background: #F3F4F6;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.clients-page__filter-pill:hover[b-l1gr4xhwhu] {
    background: #E5E7EB;
}

.clients-page__filter-pill--active[b-l1gr4xhwhu] {
    background: #0F766E;
    color: white;
}

.clients-page__filter-pill--active:hover[b-l1gr4xhwhu] {
    background: #115E59;
}

/* Error message */
.clients-page__error[b-l1gr4xhwhu] {
    margin: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #DC2626;
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    border-radius: 0.5rem;
}

/* Client list */
.clients-page__list[b-l1gr4xhwhu] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
}

.clients-page__loading[b-l1gr4xhwhu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: #6B7280;
}

.clients-page__empty[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    text-align: center;
    color: #9CA3AF;
}

.clients-page__empty p[b-l1gr4xhwhu] {
    margin: 0;
    font-size: 0.875rem;
}

.clients-page__cards[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Summary footer */
.clients-page__summary[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    background: white;
    border-top: 1px solid #E5E7EB;
    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1);
}

.clients-page__summary-row[b-l1gr4xhwhu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clients-page__summary-label[b-l1gr4xhwhu] {
    font-size: 0.875rem;
    color: #6B7280;
}

.clients-page__summary-value[b-l1gr4xhwhu] {
    font-size: 1.25rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.clients-page__summary-value--negative[b-l1gr4xhwhu] {
    color: #DC2626;
}

.clients-page__summary-count[b-l1gr4xhwhu] {
    font-size: 0.75rem;
    color: #6B7280;
}

/* Detail panel - desktop only */
.clients-page__detail-panel[b-l1gr4xhwhu] {
    display: none;
}

@media (min-width: 1024px) {
    .clients-page__detail-panel[b-l1gr4xhwhu] {
        display: flex;
        flex: 1;
        min-width: 0;
        background: #F9FAFB;
    }
}

.clients-page__detail-empty[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex: 1;
    color: #9CA3AF;
}

.clients-page__detail-empty p[b-l1gr4xhwhu] {
    margin: 0;
    font-size: 1rem;
}

.clients-page__detail-content[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 40rem;
    margin: 0 auto;
    background: white;
    border-left: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
}

/* Detail header */
.clients-page__detail-header[b-l1gr4xhwhu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid #E5E7EB;
}

.clients-page__detail-title-row[b-l1gr4xhwhu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.clients-page__detail-name[b-l1gr4xhwhu] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.clients-page__detail-badge[b-l1gr4xhwhu] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
}

.clients-page__detail-badge--blocked[b-l1gr4xhwhu] {
    color: #DC2626;
    background: #FEE2E2;
}

.clients-page__detail-close[b-l1gr4xhwhu] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F4F6;
    border: none;
    border-radius: 50%;
    color: #6B7280;
    cursor: pointer;
    transition: all 0.15s;
}

.clients-page__detail-close:hover[b-l1gr4xhwhu] {
    background: #E5E7EB;
    color: #111827;
}

/* Detail body */
.clients-page__detail-body[b-l1gr4xhwhu] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Detail info card */
.clients-page__detail-info[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: #F9FAFB;
    border-radius: 0.75rem;
}

.clients-page__detail-info-row[b-l1gr4xhwhu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.clients-page__detail-label[b-l1gr4xhwhu] {
    font-size: 0.875rem;
    color: #6B7280;
}

.clients-page__detail-value-row[b-l1gr4xhwhu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.clients-page__icon-btn[b-l1gr4xhwhu] {
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.375rem;
    color: #6B7280;
    cursor: pointer;
    transition: all 0.15s;
}

.clients-page__icon-btn:hover[b-l1gr4xhwhu] {
    background: #0F766E;
    border-color: #0F766E;
    color: white;
}

.clients-page__icon-btn--whatsapp:hover[b-l1gr4xhwhu] {
    background: #22C55E;
    border-color: #22C55E;
}

/* Credit section */
.clients-page__detail-credit[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.clients-page__detail-credit-row[b-l1gr4xhwhu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.clients-page__detail-credit-col[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.clients-page__detail-amount[b-l1gr4xhwhu] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.clients-page__detail-amount--negative[b-l1gr4xhwhu] {
    color: #DC2626;
}

.clients-page__detail-amount--positive[b-l1gr4xhwhu] {
    color: #22C55E;
}

/* Progress bar */
.clients-page__detail-progress[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.clients-page__detail-progress-bar[b-l1gr4xhwhu] {
    height: 0.5rem;
    background: #E5E7EB;
    border-radius: 9999px;
    overflow: hidden;
}

.clients-page__detail-progress-fill[b-l1gr4xhwhu] {
    height: 100%;
    background: #FACC15;
    border-radius: 9999px;
    transition: width 0.3s;
}

.clients-page__detail-progress-fill--over[b-l1gr4xhwhu] {
    background: #DC2626;
}

.clients-page__detail-available[b-l1gr4xhwhu] {
    font-size: 0.875rem;
    color: #6B7280;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Transactions */
.clients-page__detail-transactions[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.clients-page__detail-section-title[b-l1gr4xhwhu] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
}

.clients-page__detail-empty-text[b-l1gr4xhwhu] {
    margin: 0;
    font-size: 0.875rem;
    color: #6B7280;
}

.clients-page__detail-tx-list[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.clients-page__detail-tx-item[b-l1gr4xhwhu] {
    padding: 0.75rem;
    background: #F9FAFB;
    border-radius: 0.5rem;
}

.clients-page__detail-tx-top[b-l1gr4xhwhu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.clients-page__detail-tx-date[b-l1gr4xhwhu] {
    font-size: 0.75rem;
    color: #6B7280;
}

.clients-page__detail-tx-amount[b-l1gr4xhwhu] {
    font-size: 0.875rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.clients-page__detail-tx-amount--positive[b-l1gr4xhwhu] {
    color: #22C55E;
}

.clients-page__detail-tx-amount--negative[b-l1gr4xhwhu] {
    color: #DC2626;
}

.clients-page__detail-tx-desc[b-l1gr4xhwhu] {
    font-size: 0.75rem;
    color: #6B7280;
}

/* Detail footer */
.clients-page__detail-footer[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #E5E7EB;
    background: white;
}

.clients-page__detail-footer-row[b-l1gr4xhwhu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

/* Block sheet */
.clients-page__block-sheet[b-l1gr4xhwhu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.clients-page__block-header[b-l1gr4xhwhu] {
    margin: 0;
}

.clients-page__block-header h2[b-l1gr4xhwhu] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.clients-page__block-error[b-l1gr4xhwhu] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #DC2626;
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    border-radius: 0.5rem;
}

.clients-page__block-actions[b-l1gr4xhwhu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-top: 0.5rem;
}
/* _content/Duara.SharedUI/Components/Pages/Clients/Sheets/CreateClient.razor.rz.scp.css */
.create-client[b-jpnjcr02xu] {
    display: grid;
    gap: 1rem;
}

.create-client__header h2[b-jpnjcr02xu] {
    margin: 0;
    font-size: var(--text-lg);
}

.create-client__section[b-jpnjcr02xu] {
    display: grid;
    gap: 0.5rem;
}

.create-client__error[b-jpnjcr02xu] {
    color: var(--color-danger);
    background: var(--color-gray-50);
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-md);
    padding: 0.75rem;
}

.create-client__actions[b-jpnjcr02xu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}
/* _content/Duara.SharedUI/Components/Pages/Finance/CashClosure.razor.rz.scp.css */
.cash-closure[b-wfgvogipex] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
  background: #F5F8FB;
}

/* Header Wrap */
.cash-closure__header-wrap[b-wfgvogipex] {
  background: white;
  border-bottom: 1px solid #E2E8F0;
}

.cash-closure__container[b-wfgvogipex] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .cash-closure__container[b-wfgvogipex] {
    padding: 0 1.5rem;
  }
}

.cash-closure__header[b-wfgvogipex] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  flex-wrap: wrap;
}

.cash-closure__eyebrow[b-wfgvogipex] {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  margin: 0 0 0.25rem;
  color: #94A3B8;
}

.cash-closure__header h1[b-wfgvogipex] {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #1E293B;
}

@media (min-width: 1024px) {
  .cash-closure__header h1[b-wfgvogipex] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.cash-closure__subtitle[b-wfgvogipex] {
  margin: 0.25rem 0 0;
  color: #94A3B8;
  font-size: 0.875rem;
}

.cash-closure__header-action[b-wfgvogipex] {
  flex-shrink: 0;
}

/* Action Buttons */
.cash-closure__action-btn[b-wfgvogipex] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.cash-closure__action-btn svg[b-wfgvogipex] {
  width: 1.25rem;
  height: 1.25rem;
}

.cash-closure__action-btn--primary[b-wfgvogipex] {
  background: #0F766E;
  color: white;
}

.cash-closure__action-btn--primary:hover[b-wfgvogipex] {
  background: #115E59;
}

.cash-closure__action-btn--danger[b-wfgvogipex] {
  background: #DC2626;
  color: white;
}

.cash-closure__action-btn--danger:hover[b-wfgvogipex] {
  background: #B91C1C;
}

/* Body */
.cash-closure__body[b-wfgvogipex] {
  flex: 1;
  padding: 1.5rem 0;
}

/* Error */
.cash-closure__error[b-wfgvogipex] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: #FEE2E2;
  border: 1px solid #FECACA;
  color: #991B1B;
  margin-bottom: 1.5rem;
}

/* Status Card */
.cash-closure__status[b-wfgvogipex] {
  margin-bottom: 1.5rem;
}

.cash-closure__card[b-wfgvogipex] {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 2px solid #E2E8F0;
  border-radius: 0.75rem;
  padding: 1.5rem;
  background: white;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.cash-closure__card--active[b-wfgvogipex] {
  background: linear-gradient(135deg, #DCFCE7, #BBF7D0);
  border-color: #22C55E;
}

.cash-closure__card-icon[b-wfgvogipex] {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
}

.cash-closure__card-icon svg[b-wfgvogipex] {
  width: 1.5rem;
  height: 1.5rem;
}

.cash-closure__card-icon--closed[b-wfgvogipex] {
  background: #F1F5F9;
  color: #64748B;
}

.cash-closure__card-icon--active[b-wfgvogipex] {
  background: #22C55E;
  color: white;
}

.cash-closure__card-content h2[b-wfgvogipex] {
  margin: 0 0 0.25rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1E293B;
}

.cash-closure__card-content p[b-wfgvogipex] {
  margin: 0;
  font-size: 0.875rem;
  color: #64748B;
}

/* Section */
.cash-closure__section[b-wfgvogipex] {
  background: white;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.cash-closure__section-header[b-wfgvogipex] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.cash-closure__section-header h3[b-wfgvogipex] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #1E293B;
}

.cash-closure__badge[b-wfgvogipex] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #64748B;
  background: #F1F5F9;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
}

.cash-closure__badge--warning[b-wfgvogipex] {
  background: #FEF3C7;
  color: #92400E;
}

/* Filter Pills */
.cash-closure__filters[b-wfgvogipex] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.cash-closure__filter-pill[b-wfgvogipex] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: inherit;
  color: #64748B;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.cash-closure__filter-pill:hover[b-wfgvogipex] {
  background: #F1F5F9;
  border-color: #CBD5E1;
}

.cash-closure__filter-pill.is-active[b-wfgvogipex] {
  background: #0F766E;
  border-color: #0F766E;
  color: white;
}

/* Loading */
.cash-closure__loading[b-wfgvogipex] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cash-closure__skeleton[b-wfgvogipex] {
  background: linear-gradient(90deg, #E5E7EB 25%, #D1D5DB 50%, #E5E7EB 75%);
  background-size: 200% 100%;
  animation: cash-closure-shimmer-b-wfgvogipex 1.5s infinite;
  border-radius: 0.75rem;
}

.cash-closure__skeleton--row[b-wfgvogipex] {
  height: 4.5rem;
}

@keyframes cash-closure-shimmer-b-wfgvogipex {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Empty State */
.cash-closure__empty[b-wfgvogipex] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 2.5rem 2rem;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  text-align: center;
}

.cash-closure__empty--small[b-wfgvogipex] {
  padding: 1.5rem;
}

.cash-closure__empty-icon[b-wfgvogipex] {
  width: 3rem;
  height: 3rem;
  color: #94A3B8;
}

.cash-closure__empty-icon--small[b-wfgvogipex] {
  width: 2rem;
  height: 2rem;
}

.cash-closure__empty p[b-wfgvogipex] {
  margin: 0;
  color: #64748B;
  font-weight: 500;
}

.cash-closure__empty-hint[b-wfgvogipex] {
  font-weight: 400 !important;
  font-size: 0.875rem;
  color: #94A3B8 !important;
}

/* List */
.cash-closure__list[b-wfgvogipex] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cash-closure__row[b-wfgvogipex] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  background: #F8FAFC;
  align-items: center;
  transition: background 0.2s ease;
}

.cash-closure__row:hover[b-wfgvogipex] {
  background: #F1F5F9;
}

.cash-closure__row-info[b-wfgvogipex] {
  min-width: 0;
}

.cash-closure__row-date[b-wfgvogipex] {
  margin: 0;
  font-weight: 600;
  color: #1E293B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}

.cash-closure__row-user[b-wfgvogipex] {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  color: #64748B;
}

.cash-closure__row-meta[b-wfgvogipex] {
  text-align: center;
}

.cash-closure__row-duration[b-wfgvogipex] {
  font-size: 0.875rem;
  color: #64748B;
}

.cash-closure__row-status[b-wfgvogipex] {
  text-align: right;
}

.cash-closure__variance[b-wfgvogipex] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem 0.75rem;
  border-radius: 999px;
  white-space: nowrap;
}

.cash-closure__variance.is-ok[b-wfgvogipex] {
  background: #DCFCE7;
  color: #166534;
}

.cash-closure__variance.is-alert[b-wfgvogipex] {
  background: #FEE2E2;
  color: #DC2626;
}

/* Alert List */
.cash-closure__alert-list[b-wfgvogipex] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.cash-closure__alert-row[b-wfgvogipex] {
  padding: 0.75rem 1rem;
  background: #FFFBEB;
  border: 1px solid #FDE68A;
  border-radius: 0.75rem;
}

.cash-closure__alert-message[b-wfgvogipex] {
  margin: 0;
  font-weight: 500;
  color: #92400E;
}

.cash-closure__alert-meta[b-wfgvogipex] {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  color: #B45309;
}

/* Mobile Responsive */
@media (max-width: 640px) {
  .cash-closure__header[b-wfgvogipex] {
    flex-direction: column;
    align-items: stretch;
  }

  .cash-closure__header-action[b-wfgvogipex] {
    width: 100%;
  }

  .cash-closure__action-btn[b-wfgvogipex] {
    width: 100%;
  }

  .cash-closure__card[b-wfgvogipex] {
    flex-direction: column;
    text-align: center;
  }

  .cash-closure__row[b-wfgvogipex] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .cash-closure__row-meta[b-wfgvogipex],
  .cash-closure__row-status[b-wfgvogipex] {
    text-align: left;
  }

  .cash-closure__filters[b-wfgvogipex] {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch;
  }

  .cash-closure__filter-pill[b-wfgvogipex] {
    flex-shrink: 0;
  }
}
/* _content/Duara.SharedUI/Components/Pages/Finance/CashFlow.razor.rz.scp.css */
.cashflow[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 64px);
  background: #f3f4f6;
  padding-bottom: 72px; /* Space for fixed footer */
}

.cashflow__container[b-3khc43oloq] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem; /* px-4 (16px) */
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .cashflow__container[b-3khc43oloq] {
    padding: 0 1.5rem; /* lg:px-6 (24px) */
  }
}

.cashflow__header-wrap[b-3khc43oloq] {
  background: white;
  border-bottom: 1px solid #e5e7eb;
}

.cashflow__header[b-3khc43oloq] {
  padding: 1rem 0 0.75rem; /* pt-4 pb-3 */
}

.cashflow__eyebrow[b-3khc43oloq] {
  text-transform: uppercase;
  letter-spacing: 0.025em; /* tracking-wide */
  font-size: 0.75rem; /* text-xs */
  margin: 0 0 0.25rem; /* mb-1 */
  color: #6b7280;
}

.cashflow__header h1[b-3khc43oloq] {
  margin: 0;
  font-size: 1.5rem; /* text-2xl */
  line-height: 2rem;
  font-weight: 700;
  color: #111827;
}

@media (min-width: 1024px) {
  .cashflow__header h1[b-3khc43oloq] {
    font-size: 1.875rem; /* lg:text-3xl */
    line-height: 2.25rem;
  }
}

.cashflow__subtitle[b-3khc43oloq] {
  margin: 0.25rem 0 0; /* mt-1 */
  color: #6b7280;
  font-size: 0.875rem; /* text-sm */
}

.cashflow__periods[b-3khc43oloq] {
  display: flex;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.cashflow__custom-range[b-3khc43oloq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  flex-wrap: wrap;
}

.cashflow__custom-label[b-3khc43oloq] {
  font-size: 0.8rem;
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.cashflow__custom-inputs[b-3khc43oloq] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.cashflow__custom-input[b-3khc43oloq] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  background: white;
  font-size: 0.875rem;
  color: #1f2937;
}

.cashflow__custom-input:focus[b-3khc43oloq] {
  outline: none;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.cashflow__custom-separator[b-3khc43oloq] {
  color: #9ca3af;
  font-size: 0.875rem;
  font-weight: 600;
}


.cashflow__period[b-3khc43oloq] {
  padding: 0.5rem 1rem; /* px-4 py-2 */
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: white;
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  color: #6b7280;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.cashflow__period--active[b-3khc43oloq] {
  background: #0f766e;
  color: white;
  border-color: #0f766e;
}

.cashflow__body[b-3khc43oloq] {
  padding: 1rem; /* p-4 on mobile */
  display: flex;
  flex-direction: column;
  gap: 1rem; /* space-y-4 */
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .cashflow__body[b-3khc43oloq] {
    padding: 1.5rem; /* lg:p-6 */
    gap: 1.5rem; /* lg:space-y-6 */
  }

  .cashflow__content[b-3khc43oloq] {
    gap: 1.5rem;
  }
}

.cashflow__error[b-3khc43oloq] {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background: #fee2e2;
  color: #991b1b;
}

.cashflow__info[b-3khc43oloq] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: #eff6ff;
  color: #1d4ed8;
}

.cashflow__toast[b-3khc43oloq] {
  position: fixed;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  max-width: 400px;
  padding: 0.875rem 1rem;
  background-color: rgba(15, 118, 110, 0.95);
  color: #ffffff !important;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.2);
  z-index: 250;
  animation: cashflow-toast-in-b-3khc43oloq 200ms ease;
}

.cashflow__toast p[b-3khc43oloq] {
  flex: 1;
  margin: 0;
  font-size: 0.875rem;
  color: #ffffff !important;
}

.cashflow__toast--error[b-3khc43oloq] {
  background-color: rgba(220, 38, 38, 0.95);
  color: #FEF2F2;
}

.cashflow__toast .duara-shell__toast-close[b-3khc43oloq] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 150ms ease;
}

.cashflow__toast .duara-shell__toast-close:hover[b-3khc43oloq] {
  background-color: rgba(255, 255, 255, 0.1);
}

.cashflow__toast .duara-shell__toast-close svg[b-3khc43oloq] {
  width: 16px;
  height: 16px;
}

@keyframes cashflow-toast-in-b-3khc43oloq {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cashflow__content[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem; /* space-y-5 */
}

.cashflow__summary[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Skeleton loading */
.cashflow__loading[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cashflow__skeleton[b-3khc43oloq] {
  background: linear-gradient(90deg, #e5e7eb 25%, #d1d5db 50%, #e5e7eb 75%);
  background-size: 200% 100%;
  animation: cashflow-shimmer-b-3khc43oloq 1.5s infinite;
  border-radius: 0.75rem;
}

.cashflow__skeleton--large[b-3khc43oloq] {
  height: 10rem;
}

.cashflow__skeleton--medium[b-3khc43oloq] {
  height: 5rem;
}

@keyframes cashflow-shimmer-b-3khc43oloq {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Empty state */
.cashflow__empty[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 3rem 2rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  text-align: center;
}

.cashflow__empty-icon[b-3khc43oloq] {
  width: 3.5rem;
  height: 3.5rem;
  color: #9ca3af;
}

.cashflow__empty p[b-3khc43oloq] {
  margin: 0;
  color: #6b7280;
  font-weight: 500;
}

.cashflow__empty-hint[b-3khc43oloq] {
  font-weight: 400 !important;
  font-size: 0.875rem;
  color: #9ca3af !important;
}

.cashflow__empty-card[b-3khc43oloq] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  padding: 3rem 2rem;
  text-align: center;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.cashflow__empty-card h2[b-3khc43oloq] {
  font-size: 1.25rem;
  margin: 1.5rem 0 0.5rem;
  color: #111827;
}

.cashflow__empty-card p[b-3khc43oloq] {
  margin: 0 0 1.5rem;
  color: #6b7280;
  font-size: 0.95rem;
}

/* Large empty state icon container (96x96px) */
.cashflow__empty-icon-large[b-3khc43oloq] {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  background: #f3f4f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.cashflow__empty-icon-large svg[b-3khc43oloq] {
  width: 48px;
  height: 48px;
  color: #9ca3af;
}

/* Empty state action button */
.cashflow__empty-action[b-3khc43oloq] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 1.5rem;
  background: #0f766e;
  color: white;
  border: none;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.cashflow__empty-action:hover[b-3khc43oloq] {
  background: #115e59;
}

.cashflow__empty-action-icon[b-3khc43oloq] {
  width: 20px;
  height: 20px;
}

.cashflow__hero[b-3khc43oloq] {
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.cashflow__hero-value[b-3khc43oloq] {
  gap: 0.5rem;
}

.cashflow__hero-secondary[b-3khc43oloq] {
  margin-top: 0.35rem;
}


.cashflow__hero-inner[b-3khc43oloq] {
  padding: 1.75rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .cashflow__hero-inner[b-3khc43oloq] {
    padding: 2rem;
  }
}

.cashflow__hero--positive .cashflow__hero-inner[b-3khc43oloq] {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.05), #fff);
}

.cashflow__hero--negative .cashflow__hero-inner[b-3khc43oloq] {
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.05), #fff);
}

.cashflow__hero-label[b-3khc43oloq] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em; /* specific tracking-wide is 0.025em, wider is 0.05 */
  color: #6b7280;
  margin: 0 0 0.5rem;
}

.cashflow__hero-value[b-3khc43oloq] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
}

/* Hero trending icons */
.cashflow__hero-icon[b-3khc43oloq] {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.cashflow__hero-icon--positive[b-3khc43oloq] {
  color: #22c55e;
}

.cashflow__hero-icon--negative[b-3khc43oloq] {
  color: #dc2626;
}

.cashflow__hero-amount[b-3khc43oloq] {
  font-size: 2.375rem; /* ~text-4xl */
  font-weight: 700;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .cashflow__hero-amount[b-3khc43oloq] {
    font-size: 3rem; /* ~text-5xl */
  }
}

.cashflow__hero--positive .cashflow__hero-amount[b-3khc43oloq] {
  color: #22c55e;
}

.cashflow__hero--negative .cashflow__hero-amount[b-3khc43oloq] {
  color: #dc2626;
}

.cashflow__hero-unit[b-3khc43oloq] {
  font-size: 1.5rem; /* ~text-2xl */
  color: inherit;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .cashflow__hero-unit[b-3khc43oloq] {
    font-size: 1.875rem; /* ~text-3xl */
  }
}

.cashflow__hero-secondary[b-3khc43oloq] {
  margin: 0.5rem 0 0;
  font-size: 0.95rem;
  color: #6b7280;
}

.cashflow__ratio[b-3khc43oloq] {
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  padding: 1.5rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.cashflow__ratio h3[b-3khc43oloq] {
  margin: 0 0 1.25rem;
}

.cashflow__ratio-bar[b-3khc43oloq] {
  margin-bottom: 1.25rem;
}

.cashflow__ratio h3[b-3khc43oloq] {
  margin: 0 0 1rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
}

.cashflow__ratio-bar[b-3khc43oloq] {
  position: relative;
  height: 2.5rem;
  border-radius: 999px;
  background: #f3f4f6;
  overflow: hidden;
  margin-bottom: 1rem;
}

.cashflow__ratio-bar-fill[b-3khc43oloq] {
  position: absolute;
  top: 0;
  height: 100%;
  transition: all 0.3s ease;
}

.cashflow__ratio-bar-fill--inflow[b-3khc43oloq] {
  left: 0;
  background: #22c55e;
}

.cashflow__ratio-bar-fill--outflow[b-3khc43oloq] {
  right: 0;
  background: #dc2626;
}

.cashflow__ratio-labels[b-3khc43oloq] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75rem;
}


.cashflow__ratio-item[b-3khc43oloq] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}


.cashflow__ratio-item p[b-3khc43oloq] {
  margin: 0;
  font-size: 0.9rem;
  color: #94a3b8;
  font-weight: 500;
}

.cashflow__ratio-item strong[b-3khc43oloq] {
  display: block;
  font-size: 1.25rem;
  font-weight: 800;
  color: #0f172a;
  margin-top: 0.15rem;
}

.cashflow__ratio-item small[b-3khc43oloq] {
  display: block;
  font-size: 0.95rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}

.cashflow__ratio-dot[b-3khc43oloq] {
  width: 0.75rem; /* w-3 */
  height: 0.75rem; /* h-3 */
  border-radius: 999px;
  flex-shrink: 0;
}

.cashflow__ratio-dot--inflow[b-3khc43oloq] {
  background: #22c55e;
}

.cashflow__ratio-dot--outflow[b-3khc43oloq] {
  background: #dc2626;
}

.cashflow__breakdown[b-3khc43oloq] {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem; /* figma uses gap-5 */
}

@media (min-width: 768px) {
  .cashflow__breakdown[b-3khc43oloq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Allow 2 columns on wider phones (480px+) where amounts still fit */
@media (min-width: 480px) and (max-width: 767px) {
  .cashflow__breakdown[b-3khc43oloq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .cashflow__breakdown-amount[b-3khc43oloq] {
    font-size: 1.25rem;
  }

  .cashflow__breakdown-card[b-3khc43oloq] {
    padding: 1rem;
    min-height: 140px;
  }
}

.cashflow__breakdown-card[b-3khc43oloq] {
  background: white;
  border-radius: 0.75rem; /* rounded-xl */
  border: 1px solid #e5e7eb;
  padding: 1.5rem; /* p-6 */
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  min-height: 160px;
}

.cashflow__breakdown-card:hover[b-3khc43oloq] {
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}

.cashflow__breakdown-top[b-3khc43oloq] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.cashflow__breakdown-icon-wrap[b-3khc43oloq] {
  width: 3rem; /* w-12 */
  height: 3rem;
  border-radius: 0.75rem; /* rounded-xl */
  background: rgba(15, 118, 110, 0.1); /* teal/10 */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cashflow__breakdown-svg[b-3khc43oloq] {
  width: 1.5rem; /* w-6 */
  height: 1.5rem;
  color: #0f766e;
}

.cashflow__breakdown-amount-block[b-3khc43oloq] {
  text-align: right;
}

.cashflow__breakdown-amount[b-3khc43oloq] {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
}

.cashflow__breakdown-secondary[b-3khc43oloq] {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  color: #94a3b8;
}

.cashflow__breakdown-content[b-3khc43oloq] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.cashflow__breakdown-label[b-3khc43oloq] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b7280;
  margin: 0;
}

.cashflow__breakdown-meta[b-3khc43oloq] {
  margin: 0;
  font-size: 0.875rem;
  color: #111827;
}

.cashflow__tab-header[b-3khc43oloq] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.cashflow__search-row[b-3khc43oloq] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.cashflow__search[b-3khc43oloq] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  background: white;
  flex: 1;
}

.cashflow__search svg[b-3khc43oloq] {
  width: 20px;
  height: 20px;
  color: #94a3b8;
}

.cashflow__search input[b-3khc43oloq] {
  border: none;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e293b;
  width: 100%;
}

.cashflow__search input:focus[b-3khc43oloq] {
  outline: none;
}

.cashflow__filter-btn[b-3khc43oloq] {
  width: 44px;
  height: 44px;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  background: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  cursor: pointer;
}

.cashflow__filter-btn svg[b-3khc43oloq] {
  width: 20px;
  height: 20px;
}

.cashflow__tabs-footer[b-3khc43oloq] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  border-top: 1px solid #e5e7eb;
  padding: 0.5rem; /* p-2 */
  z-index: 50;
}

.cashflow__tabs-footer-inner[b-3khc43oloq] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0;
}

.cashflow__tab-footer[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem; /* gap-1 */
  padding: 0.5rem 0.75rem; /* px-3 py-2 */
  border-radius: 0.5rem; /* rounded-lg */
  background: transparent;
  border: none;
  color: #6b7280;
  font-size: 0.75rem; /* text-xs */
  font-weight: 500; /* font-medium */
  cursor: pointer;
  transition: all 0.2s ease;
}

.cashflow__tab-footer--active[b-3khc43oloq] {
  background: rgba(15, 118, 110, 0.05); /* bg-[#0F766E]/5 */
  color: #0f766e;
}

/* Tab icon styles */
.cashflow__tab-icon[b-3khc43oloq] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.cashflow__tab-footer-label[b-3khc43oloq] {
  white-space: nowrap;
}

/* List Rows */
.cashflow__list[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  overflow: hidden;
  max-height: 520px;
  overflow-y: auto;
  background: white;
}

.cashflow__row[b-3khc43oloq] {
  display: grid;
  grid-template-columns: 100px 1.5fr 1fr 120px;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  align-items: center;
  cursor: pointer;
  transition: background 0.1s ease;
}

.cashflow__row:nth-child(2n)[b-3khc43oloq] {
  background: rgba(148, 163, 184, 0.08);
}

.cashflow__row:hover[b-3khc43oloq] {
  background: rgba(15, 118, 110, 0.06);
}

.cashflow__row--inflow[b-3khc43oloq] {
  border-left: 3px solid var(--color-success, #22c55e);
}

.cashflow__row--outflow[b-3khc43oloq] {
  border-left: 3px solid var(--color-danger, #dc2626);
}

.cashflow__row--payable[b-3khc43oloq] {
  border-left: 3px solid var(--color-warning, #facc15);
}

.cashflow__row--overdue[b-3khc43oloq] {
  background: rgba(220, 38, 38, 0.06) !important;
}

.cashflow__row--supplier[b-3khc43oloq] {
  border-left: 3px solid var(--color-gray-400, #94a3b8);
}

.cashflow__cell[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.cashflow__cell--date[b-3khc43oloq] {
  text-align: left;
}

.cashflow__date-value[b-3khc43oloq] {
  font-size: 0.9rem;
  color: var(--color-gray-600, #475569);
}

.cashflow__overdue-label[b-3khc43oloq] {
  font-size: 0.75rem;
  color: var(--color-danger, #dc2626);
  font-weight: 600;
}

.cashflow__row-name[b-3khc43oloq] {
  font-weight: 600;
}

.cashflow__row-category[b-3khc43oloq] {
  font-size: 0.85rem;
  color: var(--color-gray-500, #64748b);
}

.cashflow__cell--amount[b-3khc43oloq] {
  justify-content: flex-end;
  text-align: right;
}

.cashflow__cell--source[b-3khc43oloq],
.cashflow__cell--status[b-3khc43oloq] {
  justify-content: center;
  align-items: center;
}

.cashflow__cell--actions[b-3khc43oloq] {
  justify-content: flex-end;
  align-items: center;
}

.cashflow__cell--contact[b-3khc43oloq] {
  align-items: flex-start;
}

.cashflow__supplier-phone[b-3khc43oloq] {
  font-size: 0.9rem;
  color: var(--color-gray-600, #475569);
}

.cashflow__list-section[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.cashflow__list-section--with-total[b-3khc43oloq] {
  padding-bottom: 6.5rem;
}

.cashflow__group-label[b-3khc43oloq] {
  margin: 0 0 0.85rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
}

.cashflow__group-list[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  overflow: hidden;
  background: white;
}

.cashflow__entry[b-3khc43oloq] {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1.15rem 1.25rem;
  border: none;
  border-bottom: 1px solid #e2e8f0;
  background: white;
  cursor: pointer;
  text-align: left;
}

.cashflow__entry:last-child[b-3khc43oloq] {
  border-bottom: none;
}

.cashflow__entry:hover[b-3khc43oloq] {
  background: #f8fafc;
}

.cashflow__entry-icon[b-3khc43oloq] {
  width: 42px;
  height: 42px;
  border-radius: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
  flex-shrink: 0;
}

.cashflow__entry-icon svg[b-3khc43oloq] {
  width: 20px;
  height: 20px;
}

.cashflow__entry-icon--manual[b-3khc43oloq] {
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

.cashflow__entry-icon--payment[b-3khc43oloq] {
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
}

.cashflow__entry-icon--pos[b-3khc43oloq] {
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
}

.cashflow__entry-body[b-3khc43oloq] {
  flex: 1;
  min-width: 0;
}

.cashflow__entry-title[b-3khc43oloq] {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #1e293b;
}

.cashflow__entry-subtitle[b-3khc43oloq] {
  margin: 0.125rem 0 0;
  font-size: 0.75rem;
  color: #94a3b8;
}

.cashflow__entry-amount[b-3khc43oloq] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #1e293b;
  text-align: right;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.cashflow__entry-amount--inflow[b-3khc43oloq] {
  color: #22c55e;
}

.cashflow__entry-amount--outflow[b-3khc43oloq] {
  color: #dc2626;
}

.cashflow__entry-meta[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
}

.cashflow__status-pill[b-3khc43oloq] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}

.cashflow__status-pill--paid[b-3khc43oloq] {
  background: #22c55e;
  color: white;
}

.cashflow__status-pill--payable[b-3khc43oloq] {
  background: #facc15;
  color: #78350f;
}

.cashflow__list-footer[b-3khc43oloq] {
  font-size: 0.875rem;
  color: #94a3b8;
  text-align: center;
  padding: 0.25rem 0 0.5rem;
}

.cashflow__sticky-total[b-3khc43oloq] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 72px;
  z-index: 55;
  pointer-events: none;
}

.cashflow__sticky-total-card[b-3khc43oloq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 0.85rem 1.25rem;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
  pointer-events: auto;
}

.cashflow__sticky-total-card--inflow[b-3khc43oloq] {
  border-left: 4px solid #22c55e;
}

.cashflow__sticky-total-card--outflow[b-3khc43oloq] {
  border-left: 4px solid #dc2626;
}

.cashflow__sticky-total-label[b-3khc43oloq] {
  margin: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
  font-weight: 700;
}

.cashflow__sticky-total-period[b-3khc43oloq] {
  margin: 0.15rem 0 0;
  font-size: 0.85rem;
  color: #475569;
  font-weight: 600;
}

.cashflow__sticky-total-amount[b-3khc43oloq] {
  font-size: 1.1rem;
  font-weight: 800;
  white-space: nowrap;
}

.cashflow__sticky-total-amount--inflow[b-3khc43oloq] {
  color: #16a34a;
}

.cashflow__sticky-total-amount--outflow[b-3khc43oloq] {
  color: #dc2626;
}

.cashflow__fab[b-3khc43oloq] {
  position: fixed;
  right: 1.5rem;
  bottom: 5.5rem;
  background: #0f766e;
  color: white;
  padding: 0.85rem 1.5rem;
  border-radius: 999px;
  border: none;
  font-size: 0.875rem;
  font-weight: 600;
  box-shadow: 0 10px 20px rgba(15, 118, 110, 0.25);
  cursor: pointer;
  z-index: 60;
}

.cashflow__fab--compact[b-3khc43oloq] {
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  box-shadow: 0 8px 16px rgba(15, 118, 110, 0.22);
}

.cashflow__fab--with-total[b-3khc43oloq] {
  bottom: 9.25rem;
}

.cashflow__fab:hover[b-3khc43oloq] {
  background: #115e59;
}

.cashflow__supplier-list[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cashflow__supplier-card[b-3khc43oloq] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border: none;
  border-bottom: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background: white;
  text-align: left;
  cursor: pointer;
}

.cashflow__supplier-card:hover[b-3khc43oloq] {
  background: #f8fafc;
  border-color: rgba(15, 118, 110, 0.2);
}

.cashflow__supplier-avatar[b-3khc43oloq] {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f766e;
}

.cashflow__supplier-avatar svg[b-3khc43oloq] {
  width: 20px;
  height: 20px;
}

.cashflow__supplier-body[b-3khc43oloq] {
  flex: 1;
}

.cashflow__supplier-name[b-3khc43oloq] {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #1e293b;
}

.cashflow__supplier-meta[b-3khc43oloq] {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  color: #94a3b8;
}

.cashflow__supplier-meta-row[b-3khc43oloq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

.cashflow__supplier-status[b-3khc43oloq] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
}

.cashflow__supplier-status--inactive[b-3khc43oloq] {
  background: rgba(148, 163, 184, 0.2);
  color: #64748b;
}

.cashflow__supplier-meta--empty[b-3khc43oloq] {
  font-style: italic;
}

.cashflow__payables[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.cashflow__payables-total[b-3khc43oloq] {
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), rgba(220, 38, 38, 0.04));
  border: 1px solid rgba(220, 38, 38, 0.2);
  border-radius: 1rem;
  padding: 1.5rem;
}

.cashflow__payables-label[b-3khc43oloq] {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}

.cashflow__payables-amount[b-3khc43oloq] {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #dc2626;
}

.cashflow__payables-secondary[b-3khc43oloq] {
  margin: 0.25rem 0 0;
  color: #94a3b8;
  font-size: 0.875rem;
}

.cashflow__payables-list[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cashflow__payables-item[b-3khc43oloq] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background: white;
  align-items: flex-start;
}

.cashflow__payables-title[b-3khc43oloq] {
  margin: 0;
  font-weight: 600;
  color: #1e293b;
}

.cashflow__payables-subtitle[b-3khc43oloq] {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  color: #94a3b8;
}

.cashflow__payables-meta[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
}

.cashflow__payables-amount-value[b-3khc43oloq] {
  margin: 0;
  font-weight: 700;
  color: #dc2626;
}

.cashflow__payables-due[b-3khc43oloq] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #94a3b8;
}

.cashflow__payables-badge[b-3khc43oloq] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
}

.cashflow__payables-badge--overdue[b-3khc43oloq] {
  background: #dc2626;
  color: white;
}

.cashflow__payables-badge--warning[b-3khc43oloq] {
  background: #facc15;
  color: #78350f;
}

/* Bottom Sheet Styles */
.cashflow-sheet__content[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
}

.cashflow-sheet__header[b-3khc43oloq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 0.5rem;
}

.cashflow-sheet__header h2[b-3khc43oloq] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e293b;
}

.cashflow-sheet__close[b-3khc43oloq] {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
}

.cashflow-sheet__close:hover[b-3khc43oloq] {
  background: #f1f5f9;
}

.cashflow-sheet__close svg[b-3khc43oloq] {
  width: 20px;
  height: 20px;
  color: #64748b;
}

.cashflow-sheet__field[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.3rem;
}

.cashflow-sheet__label[b-3khc43oloq] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e293b;
}

.cashflow-sheet__label-row[b-3khc43oloq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: -0.25rem;
}

.cashflow-sheet__label-icon[b-3khc43oloq] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.cashflow-sheet__label-icon--teal[b-3khc43oloq] {
  color: #0f766e;
}

.cashflow-sheet__label-icon--red[b-3khc43oloq] {
  color: #dc2626;
}

.cashflow-sheet__label-icon--muted[b-3khc43oloq] {
  color: #94a3b8;
}

.cashflow-sheet__label-icon--warning[b-3khc43oloq] {
  color: #facc15;
}

.cashflow-sheet__label-text--muted[b-3khc43oloq] {
  color: #64748b;
}

.cashflow-sheet__required[b-3khc43oloq] {
  font-size: 0.75rem;
  color: #dc2626;
}

.cashflow-sheet__optional[b-3khc43oloq] {
  font-size: 0.75rem;
  color: #94a3b8;
  font-weight: 400;
}

.cashflow-sheet__input[b-3khc43oloq] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  font-size: 1rem;
  background: white;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

.cashflow-sheet__input--amount[b-3khc43oloq] {
  text-align: right;
  font-size: 1.125rem;
  font-weight: 600;
}

.cashflow-sheet__input--textarea[b-3khc43oloq] {
  resize: none;
}

.cashflow-sheet__input:focus[b-3khc43oloq] {
  outline: none;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.cashflow-sheet__input--inflow-focus:focus[b-3khc43oloq] {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.cashflow-sheet__input--outflow-focus:focus[b-3khc43oloq] {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}

.cashflow-sheet__choices[b-3khc43oloq] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.cashflow-sheet__choices--status[b-3khc43oloq] {
  grid-template-columns: repeat(2, 1fr);
}

.cashflow-sheet__choice[b-3khc43oloq] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid transparent;
  background: #f1f5f9;
  color: #64748b;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.cashflow-sheet__choice:hover[b-3khc43oloq] {
  background: #e2e8f0;
}

.cashflow-sheet__choice--active[b-3khc43oloq] {
  background: #0f766e;
  color: white;
}

.cashflow-sheet__choice--active-inflow[b-3khc43oloq],
.cashflow-sheet__choice--active-inflow:hover[b-3khc43oloq] {
  background: #22c55e;
  color: white;
  border-color: #16a34a;
}

.cashflow-sheet__choice--active-outflow[b-3khc43oloq],
.cashflow-sheet__choice--active-outflow:hover[b-3khc43oloq] {
  background: #dc2626;
  color: white;
  border-color: #b91c1c;
}

.cashflow-sheet__choice--paid[b-3khc43oloq] {
  background: #22c55e;
  color: white;
}

.cashflow-sheet__choice--payable[b-3khc43oloq] {
  background: #facc15;
  color: #78350f;
}

.cashflow-sheet__row[b-3khc43oloq] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.cashflow-sheet__hint[b-3khc43oloq] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin: 0;
}

.cashflow-sheet__hint--centered[b-3khc43oloq] {
  text-align: center;
  margin-top: 0.25rem;
}

.cashflow-sheet__tip[b-3khc43oloq] {
  background: rgba(15, 118, 110, 0.08);
  border: 1px solid rgba(15, 118, 110, 0.2);
  padding: 1rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  color: #0f766e;
}

.cashflow-sheet__tip--info[b-3khc43oloq] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

.cashflow-sheet__tip--info p[b-3khc43oloq] {
  margin: 0;
  flex: 1;
}

.cashflow-sheet__tip-emoji[b-3khc43oloq] {
  font-size: 1rem;
  line-height: 1.5;
}

.cashflow-sheet__actions[b-3khc43oloq] {
  display: flex;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
  margin-top: 0.5rem;
}

.cashflow-sheet__action-button[b-3khc43oloq] {
  flex: 1;
  min-width: 0;
}

.cashflow-sheet__actions--single[b-3khc43oloq] {
  justify-content: center;
}

.cashflow-sheet__btn[b-3khc43oloq] {
  flex: 1;
  padding: 0.875rem 1.5rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

.cashflow-sheet__btn--full[b-3khc43oloq] {
  flex: none;
  width: 100%;
}

.cashflow-sheet__btn--secondary[b-3khc43oloq] {
  background: white;
  border: 1px solid #e2e8f0;
  color: #64748b;
}

.cashflow-sheet__btn--secondary:hover[b-3khc43oloq] {
  background: #f1f5f9;
}

.cashflow-sheet__btn--primary[b-3khc43oloq] {
  background: #0f766e;
  color: white;
}

.cashflow-sheet__btn--primary:hover[b-3khc43oloq] {
  background: #115e59;
}

.cashflow-sheet__btn--danger[b-3khc43oloq] {
  background: #dc2626;
  color: white;
}

.cashflow-sheet__btn--danger:hover[b-3khc43oloq] {
  background: #b91c1c;
}

.cashflow-sheet__btn:disabled[b-3khc43oloq] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Transaction Detail Sheet Styles */
.cashflow-sheet__detail-badges[b-3khc43oloq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.cashflow-sheet__type-badge[b-3khc43oloq] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.cashflow-sheet__type-badge--inflow[b-3khc43oloq] {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

.cashflow-sheet__type-badge--outflow[b-3khc43oloq] {
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}

.cashflow-sheet__type-dot[b-3khc43oloq] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.cashflow-sheet__type-dot--inflow[b-3khc43oloq] {
  background: #22c55e;
}

.cashflow-sheet__type-dot--outflow[b-3khc43oloq] {
  background: #dc2626;
}

.cashflow-sheet__status-badge[b-3khc43oloq] {
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.cashflow-sheet__status-badge--paid[b-3khc43oloq] {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

.cashflow-sheet__status-badge--payable[b-3khc43oloq] {
  background: rgba(250, 204, 21, 0.2);
  color: #78350f;
}

/* Amount Card */
.cashflow-sheet__amount-card[b-3khc43oloq] {
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.cashflow-sheet__amount-card--inflow[b-3khc43oloq] {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(34, 197, 94, 0.05));
  border: 1px solid rgba(34, 197, 94, 0.2);
}

.cashflow-sheet__amount-card--outflow[b-3khc43oloq] {
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), rgba(220, 38, 38, 0.05));
  border: 1px solid rgba(220, 38, 38, 0.2);
}

.cashflow-sheet__amount-label[b-3khc43oloq] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748b;
  margin: 0 0 0.5rem;
}

.cashflow-sheet__amount-value[b-3khc43oloq] {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.cashflow-sheet__amount-sign[b-3khc43oloq] {
  font-size: 1.5rem;
  font-weight: 700;
}

.cashflow-sheet__amount-card--inflow .cashflow-sheet__amount-sign[b-3khc43oloq],
.cashflow-sheet__amount-card--inflow .cashflow-sheet__amount-number[b-3khc43oloq] {
  color: #22c55e;
}

.cashflow-sheet__amount-card--outflow .cashflow-sheet__amount-sign[b-3khc43oloq],
.cashflow-sheet__amount-card--outflow .cashflow-sheet__amount-number[b-3khc43oloq] {
  color: #dc2626;
}

.cashflow-sheet__amount-number[b-3khc43oloq] {
  font-size: 2rem;
  font-weight: 700;
}

.cashflow-sheet__amount-currency[b-3khc43oloq] {
  font-size: 0.875rem;
  color: #64748b;
  margin-left: 0.25rem;
}

.cashflow-sheet__amount-secondary[b-3khc43oloq] {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
}

.cashflow-sheet__amount-rate[b-3khc43oloq] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin: 0.5rem 0 0;
}

/* Detail Rows */
.cashflow-sheet__detail-rows[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cashflow-sheet__detail-rows--bordered[b-3khc43oloq] {
  padding: 1rem;
  background: #f8fafc;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}

.cashflow-sheet__detail-row[b-3khc43oloq] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.cashflow-sheet__detail-row--compact[b-3khc43oloq] {
  gap: 0.75rem;
}

.cashflow-sheet__detail-icon[b-3khc43oloq] {
  width: 40px;
  height: 40px;
  border-radius: 0.75rem;
  background: rgba(15, 118, 110, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cashflow-sheet__detail-icon svg[b-3khc43oloq] {
  width: 20px;
  height: 20px;
  color: #0f766e;
}

.cashflow-sheet__detail-icon--small[b-3khc43oloq] {
  width: 36px;
  height: 36px;
  background: #f8fafc;
}

.cashflow-sheet__detail-icon--small svg[b-3khc43oloq] {
  width: 16px;
  height: 16px;
  color: #64748b;
}

.cashflow-sheet__detail-icon--warning[b-3khc43oloq] {
  background: rgba(250, 204, 21, 0.1);
}

.cashflow-sheet__detail-icon--warning svg[b-3khc43oloq] {
  color: #facc15;
}

.cashflow-sheet__detail-content[b-3khc43oloq] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.cashflow-sheet__detail-label[b-3khc43oloq] {
  font-size: 0.75rem;
  color: #94a3b8;
}

.cashflow-sheet__detail-value[b-3khc43oloq] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}

.cashflow-sheet__info-block[b-3khc43oloq] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 0.85rem;
  text-align: center;
}

/* Action Buttons Grid */
.cashflow-sheet__action-grid[b-3khc43oloq] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e2e8f0;
}

.cashflow-sheet__action-btn[b-3khc43oloq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background: #f8fafc;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
}

.cashflow-sheet__action-btn:hover[b-3khc43oloq] {
  background: #f1f5f9;
}

.cashflow-sheet__action-btn svg[b-3khc43oloq] {
  width: 20px;
  height: 20px;
  color: #0f766e;
}

.cashflow-sheet__action-btn span[b-3khc43oloq] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #64748b;
}

.cashflow-sheet__action-btn--danger[b-3khc43oloq] {
  background: #fef2f2;
}

.cashflow-sheet__action-btn--danger:hover[b-3khc43oloq] {
  background: #fee2e2;
}

.cashflow-sheet__action-btn--danger svg[b-3khc43oloq] {
  color: #dc2626;
}

.cashflow-sheet__action-btn--danger span[b-3khc43oloq] {
  color: #dc2626;
}

/* Supplier Detail Styles */
.cashflow-sheet__supplier-header[b-3khc43oloq] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.cashflow-sheet__supplier-name[b-3khc43oloq] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.cashflow-sheet__supplier-badge[b-3khc43oloq] {
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Stats Section */
.cashflow-sheet__stats-section[b-3khc43oloq] {
  background: #f8fafc;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}

.cashflow-sheet__stats-title[b-3khc43oloq] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
  margin: 0 0 1rem;
}

.cashflow-sheet__stats-grid[b-3khc43oloq] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

.cashflow-sheet__stat-card[b-3khc43oloq] {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1rem;
}

.cashflow-sheet__stat-card--warning[b-3khc43oloq] {
  background: rgba(250, 204, 21, 0.1);
  border-color: rgba(250, 204, 21, 0.3);
}

.cashflow-sheet__stat-icon[b-3khc43oloq] {
  width: 32px;
  height: 32px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

.cashflow-sheet__stat-icon svg[b-3khc43oloq] {
  width: 16px;
  height: 16px;
}

.cashflow-sheet__stat-icon--teal[b-3khc43oloq] {
  background: rgba(15, 118, 110, 0.1);
}

.cashflow-sheet__stat-icon--teal svg[b-3khc43oloq] {
  color: #0f766e;
}

.cashflow-sheet__stat-icon--warning[b-3khc43oloq] {
  background: rgba(250, 204, 21, 0.2);
}

.cashflow-sheet__stat-icon--warning svg[b-3khc43oloq] {
  color: #facc15;
}

.cashflow-sheet__stat-icon--success[b-3khc43oloq] {
  background: rgba(34, 197, 94, 0.1);
}

.cashflow-sheet__stat-icon--success svg[b-3khc43oloq] {
  color: #22c55e;
}

.cashflow-sheet__stat-label[b-3khc43oloq] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin: 0 0 0.25rem;
}

.cashflow-sheet__stat-value[b-3khc43oloq] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.cashflow-sheet__stat-value--warning[b-3khc43oloq] {
  color: #78350f;
}

.cashflow-sheet__stat-value--success[b-3khc43oloq] {
  color: #22c55e;
}

/* Responsive */
@media (min-width: 1024px) {
  .cashflow__hero-amount[b-3khc43oloq] {
    font-size: 3.5rem;
  }

  .cashflow__hero-unit[b-3khc43oloq] {
    font-size: 1.75rem;
  }

  .cashflow__hero-icon[b-3khc43oloq] {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1024px) {
  /* Removed the rule forcing single column here as we want 2 cols on tablets */
}

@media (max-width: 900px) {
  .cashflow__row[b-3khc43oloq] {
    grid-template-columns: 80px 1fr 100px;
    grid-template-areas:
      "date name amount"
      "date category status";
  }

  .cashflow__cell--date[b-3khc43oloq] { grid-area: date; }
  .cashflow__cell--name[b-3khc43oloq] { grid-area: name; }
  .cashflow__cell--amount[b-3khc43oloq] { grid-area: amount; }
  .cashflow__cell--source[b-3khc43oloq],
  .cashflow__cell--status[b-3khc43oloq] { grid-area: status; justify-content: flex-end; }
  .cashflow__cell--actions[b-3khc43oloq] { grid-area: status; }
}

@media (max-width: 640px) {
  .cashflow__container[b-3khc43oloq] {
    padding: 0 1rem;
  }

  .cashflow__body[b-3khc43oloq] {
    padding: 1rem 0 1.5rem;
  }

  .cashflow__header h1[b-3khc43oloq] {
    font-size: 1.5rem;
  }

  .cashflow__hero-amount[b-3khc43oloq] {
    font-size: 2.2rem;
  }

  .cashflow__hero-unit[b-3khc43oloq] {
    font-size: 1.1rem;
  }

  .cashflow__ratio-labels[b-3khc43oloq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }

  /* Breakdown cards: stack to 1 column on small mobile for better text fit */
  .cashflow__breakdown[b-3khc43oloq] {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .cashflow__row[b-3khc43oloq] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 1rem;
  }

  .cashflow__cell--date[b-3khc43oloq],
  .cashflow__cell--name[b-3khc43oloq],
  .cashflow__cell--amount[b-3khc43oloq],
  .cashflow__cell--source[b-3khc43oloq],
  .cashflow__cell--status[b-3khc43oloq],
  .cashflow__cell--actions[b-3khc43oloq] {
    grid-area: unset;
  }

  .cashflow__cell--amount[b-3khc43oloq] {
    justify-content: flex-start;
    text-align: left;
  }

  .cashflow__cell--source[b-3khc43oloq],
  .cashflow__cell--status[b-3khc43oloq] {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cashflow__tab-footer[b-3khc43oloq] {
    padding: 0.5rem 0.4rem;
  }

  .cashflow-sheet__choices[b-3khc43oloq] {
    grid-template-columns: 1fr;
  }

  .cashflow-sheet__row[b-3khc43oloq] {
    grid-template-columns: 1fr;
  }

  .cashflow__fab[b-3khc43oloq] {
    right: 1rem;
    bottom: 6.5rem;
  }

  .cashflow__payables-item[b-3khc43oloq] {
    flex-direction: column;
    align-items: flex-start;
  }

  .cashflow__payables-meta[b-3khc43oloq] {
    align-items: flex-start;
  }
}
/* _content/Duara.SharedUI/Components/Pages/Finance/CreditDebts.razor.rz.scp.css */
.credit-debts[b-ra9wutole3] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
  background: #F5F8FB;
}

/* Header Wrap */
.credit-debts__header-wrap[b-ra9wutole3] {
  background: white;
  border-bottom: 1px solid #E2E8F0;
}

.credit-debts__container[b-ra9wutole3] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .credit-debts__container[b-ra9wutole3] {
    padding: 0 1.5rem;
  }
}

.credit-debts__header[b-ra9wutole3] {
  padding: 1rem 0;
}

.credit-debts__eyebrow[b-ra9wutole3] {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  margin: 0 0 0.25rem;
  color: #94A3B8;
}

.credit-debts__header h1[b-ra9wutole3] {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #1E293B;
}

@media (min-width: 1024px) {
  .credit-debts__header h1[b-ra9wutole3] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.credit-debts__subtitle[b-ra9wutole3] {
  margin: 0.25rem 0 0;
  color: #94A3B8;
  font-size: 0.875rem;
}

/* Action Buttons */
.credit-debts__actions[b-ra9wutole3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-bottom: 1rem;
}

.credit-debts__btn[b-ra9wutole3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.credit-debts__btn svg[b-ra9wutole3] {
  width: 1rem;
  height: 1rem;
}

.credit-debts__btn--secondary[b-ra9wutole3] {
  background: white;
  color: #64748B;
  border: 1px solid #E2E8F0;
}

.credit-debts__btn--secondary:hover:not(:disabled)[b-ra9wutole3] {
  background: #F1F5F9;
}

.credit-debts__btn--primary[b-ra9wutole3] {
  background: #0F766E;
  color: white;
}

.credit-debts__btn--primary:hover:not(:disabled)[b-ra9wutole3] {
  background: #115E59;
}

.credit-debts__btn:disabled[b-ra9wutole3] {
  opacity: 0.6;
  cursor: not-allowed;
}

.credit-debts__btn-badge[b-ra9wutole3] {
  padding: 0.125rem 0.5rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  font-size: 0.75rem;
}

/* Filter Wrap */
.credit-debts__filter-wrap[b-ra9wutole3] {
  background: white;
  border-bottom: 1px solid #E2E8F0;
  padding: 1rem 0;
}

.credit-debts__search[b-ra9wutole3] {
  position: relative;
  margin-bottom: 0.75rem;
}

.credit-debts__search svg[b-ra9wutole3] {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  color: #94A3B8;
}

.credit-debts__search input[b-ra9wutole3] {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  background: white;
}

.credit-debts__search input:focus[b-ra9wutole3] {
  outline: none;
  border-color: #0F766E;
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.1);
}

/* Filter Pills */
.credit-debts__filters[b-ra9wutole3] {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.credit-debts__filter-pill[b-ra9wutole3] {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  white-space: nowrap;
  background: #F1F5F9;
  color: #64748B;
  transition: all 0.2s ease;
}

.credit-debts__filter-pill:hover[b-ra9wutole3] {
  background: #E2E8F0;
}

.credit-debts__filter-pill.is-active[b-ra9wutole3] {
  background: #0F766E;
  color: white;
}

/* Body */
.credit-debts__body[b-ra9wutole3] {
  flex: 1;
  padding: 1.5rem 0;
}

/* Info/Error */
.credit-debts__info[b-ra9wutole3] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.2);
  color: #22C55E;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.credit-debts__error[b-ra9wutole3] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: #FEE2E2;
  border: 1px solid #FECACA;
  color: #991B1B;
  margin-bottom: 1rem;
}

/* Summary Card */
.credit-debts__summary[b-ra9wutole3] {
  background: linear-gradient(135deg, rgba(15, 118, 110, 0.1), rgba(15, 118, 110, 0.05));
  border: 2px solid rgba(15, 118, 110, 0.2);
  border-radius: 0.75rem;
  padding: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .credit-debts__summary[b-ra9wutole3] {
    grid-template-columns: 1fr 1fr;
  }
}

.credit-debts__summary-col[b-ra9wutole3] {
  display: flex;
  flex-direction: column;
}

.credit-debts__summary-label[b-ra9wutole3] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748B;
  margin: 0 0 0.5rem;
}

.credit-debts__summary-amount[b-ra9wutole3] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1E293B;
  margin: 0;
}

@media (min-width: 1024px) {
  .credit-debts__summary-amount[b-ra9wutole3] {
    font-size: 1.875rem;
  }
}

.credit-debts__summary-count[b-ra9wutole3] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1E293B;
  margin: 0;
}

@media (min-width: 1024px) {
  .credit-debts__summary-count[b-ra9wutole3] {
    font-size: 1.875rem;
  }
}

.credit-debts__summary-secondary[b-ra9wutole3] {
  font-size: 0.875rem;
  color: #94A3B8;
  margin: 0;
}

/* Select All */
.credit-debts__select-all[b-ra9wutole3] {
  width: 100%;
  padding: 0.5rem 1rem;
  background: white;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748B;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  transition: background 0.2s ease;
}

.credit-debts__select-all:hover[b-ra9wutole3] {
  background: #F8FAFC;
}

.credit-debts__select-all svg[b-ra9wutole3] {
  width: 1rem;
  height: 1rem;
}

.credit-debts__check-icon--active[b-ra9wutole3] {
  color: #0F766E;
}

/* Loading */
.credit-debts__loading[b-ra9wutole3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.credit-debts__skeleton[b-ra9wutole3] {
  background: linear-gradient(90deg, #E5E7EB 25%, #D1D5DB 50%, #E5E7EB 75%);
  background-size: 200% 100%;
  animation: credit-debts-shimmer-b-ra9wutole3 1.5s infinite;
  border-radius: 0.75rem;
}

.credit-debts__skeleton--value[b-ra9wutole3] {
  height: 1.75rem;
  width: 10rem;
}

.credit-debts__skeleton--row[b-ra9wutole3] {
  height: 6rem;
}

@keyframes credit-debts-shimmer-b-ra9wutole3 {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Empty State */
.credit-debts__empty[b-ra9wutole3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  background: white;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  text-align: center;
}

.credit-debts__empty-icon-wrap[b-ra9wutole3] {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.credit-debts__empty-icon-wrap svg[b-ra9wutole3] {
  width: 2.5rem;
  height: 2.5rem;
  color: #22C55E;
}

.credit-debts__empty h3[b-ra9wutole3] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1E293B;
  margin: 0 0 0.25rem;
}

.credit-debts__empty p[b-ra9wutole3] {
  font-size: 0.875rem;
  color: #94A3B8;
  margin: 0;
}

/* Cards */
.credit-debts__cards[b-ra9wutole3] {
  background: white;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  overflow: hidden;
}

.credit-debts__card[b-ra9wutole3] {
  padding: 1rem;
  border-bottom: 1px solid #E2E8F0;
}

.credit-debts__card:last-child[b-ra9wutole3] {
  border-bottom: none;
}

.credit-debts__card-row[b-ra9wutole3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.credit-debts__checkbox[b-ra9wutole3] {
  flex-shrink: 0;
  padding: 0;
  margin-top: 0.125rem;
  background: none;
  border: none;
  cursor: pointer;
}

.credit-debts__checkbox svg[b-ra9wutole3] {
  width: 1.25rem;
  height: 1.25rem;
  color: #94A3B8;
}

.credit-debts__card-content[b-ra9wutole3] {
  flex: 1;
  min-width: 0;
}

.credit-debts__card-name[b-ra9wutole3] {
  font-size: 1rem;
  font-weight: 600;
  color: #1E293B;
  margin: 0 0 0.25rem;
}

.credit-debts__card-phone[b-ra9wutole3] {
  font-size: 0.875rem;
  color: #94A3B8;
  margin: 0 0 0.5rem;
}

.credit-debts__card-debt[b-ra9wutole3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.credit-debts__card-amount[b-ra9wutole3] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #DC2626;
  margin: 0;
}

.credit-debts__badge[b-ra9wutole3] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.credit-debts__badge svg[b-ra9wutole3] {
  width: 0.75rem;
  height: 0.75rem;
}

.credit-debts__badge--danger[b-ra9wutole3] {
  background: #DC2626;
  color: white;
}

.credit-debts__card-activity[b-ra9wutole3] {
  font-size: 0.75rem;
  color: #94A3B8;
  margin: 0;
}

.credit-debts__card-action[b-ra9wutole3] {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}

.credit-debts__whatsapp-btn[b-ra9wutole3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #25D366;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.credit-debts__whatsapp-btn:hover[b-ra9wutole3] {
  background: #20BA5A;
}

.credit-debts__whatsapp-btn svg[b-ra9wutole3] {
  width: 1rem;
  height: 1rem;
}

/* Bottom Sheet */
.credit-debts-sheet__content[b-ra9wutole3] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.credit-debts-sheet__header h2[b-ra9wutole3] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1E293B;
}

.credit-debts-sheet__textarea[b-ra9wutole3] {
  width: 100%;
  resize: none;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid #E2E8F0;
  font-family: inherit;
  font-size: 0.875rem;
  color: #1E293B;
  background: #F8FAFC;
}

.credit-debts-sheet__actions[b-ra9wutole3] {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
}

/* Responsive */
@media (max-width: 640px) {
  .credit-debts__actions[b-ra9wutole3] {
    flex-direction: column;
  }

  .credit-debts__btn[b-ra9wutole3] {
    width: 100%;
    justify-content: center;
  }
}
/* _content/Duara.SharedUI/Components/Pages/Finance/DailySummaryPage.razor.rz.scp.css */
.daily-summary-page[b-yxs8i76sw1] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
  background: #F5F8FB;
}

/* Header Wrap */
.daily-summary-page__header-wrap[b-yxs8i76sw1] {
  background: white;
  border-bottom: 1px solid #E2E8F0;
}

.daily-summary-page__container[b-yxs8i76sw1] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .daily-summary-page__container[b-yxs8i76sw1] {
    padding: 0 1.5rem;
  }
}

.daily-summary-page__header[b-yxs8i76sw1] {
  padding: 1rem 0;
}

.daily-summary-page__eyebrow[b-yxs8i76sw1] {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  margin: 0 0 0.25rem;
  color: #94A3B8;
}

.daily-summary-page__header h1[b-yxs8i76sw1] {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #1E293B;
}

@media (min-width: 1024px) {
  .daily-summary-page__header h1[b-yxs8i76sw1] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.daily-summary-page__subtitle[b-yxs8i76sw1] {
  margin: 0.25rem 0 0;
  color: #94A3B8;
  font-size: 0.875rem;
}

/* Controls Bar */
.daily-summary-page__controls-wrap[b-yxs8i76sw1] {
  background: white;
  border-bottom: 1px solid #E2E8F0;
}

.daily-summary-page__controls[b-yxs8i76sw1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 0;
}

@media (min-width: 640px) {
  .daily-summary-page__controls[b-yxs8i76sw1] {
    flex-direction: row;
  }
}

.daily-summary-page__date[b-yxs8i76sw1] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  background: white;
}

.daily-summary-page__date svg[b-yxs8i76sw1] {
  width: 1.25rem;
  height: 1.25rem;
  color: #64748B;
  flex-shrink: 0;
}

.daily-summary-page__date input[b-yxs8i76sw1] {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1E293B;
}

.daily-summary-page__date input:focus[b-yxs8i76sw1] {
  outline: none;
}

.daily-summary-page__refresh-btn[b-yxs8i76sw1] {
  padding: 0.75rem 1.5rem;
  background: #0F766E;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: background 0.2s ease;
}

.daily-summary-page__refresh-btn:hover:not(:disabled)[b-yxs8i76sw1] {
  background: #115E59;
}

.daily-summary-page__refresh-btn:disabled[b-yxs8i76sw1] {
  opacity: 0.6;
  cursor: not-allowed;
}

.daily-summary-page__btn-icon[b-yxs8i76sw1] {
  width: 1.25rem;
  height: 1.25rem;
}

/* Body */
.daily-summary-page__body[b-yxs8i76sw1] {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 6rem; /* Space for fixed footer */
}

.daily-summary-page__body-inner[b-yxs8i76sw1] {
  padding: 1.5rem 0;
}

/* Error Alert */
.daily-summary-page__error[b-yxs8i76sw1] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: #fee2e2;
  color: #991b1b;
  margin-bottom: 1.5rem;
}

/* Loading skeleton */
.daily-summary-page__loading[b-yxs8i76sw1] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.daily-summary-page__skeleton[b-yxs8i76sw1] {
  background: linear-gradient(90deg, #e5e7eb 25%, #d1d5db 50%, #e5e7eb 75%);
  background-size: 200% 100%;
  animation: daily-summary-page-shimmer-b-yxs8i76sw1 1.5s infinite;
  border-radius: 0.75rem;
}

.daily-summary-page__skeleton--card[b-yxs8i76sw1] {
  height: 7.5rem;
}

.daily-summary-page__skeleton--large[b-yxs8i76sw1] {
  height: 15rem;
}

@keyframes daily-summary-page-shimmer-b-yxs8i76sw1 {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Empty state */
.daily-summary-page__empty[b-yxs8i76sw1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 3rem 2rem;
  background: white;
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  text-align: center;
}

.daily-summary-page__empty-icon[b-yxs8i76sw1] {
  width: 3.5rem;
  height: 3.5rem;
  color: #94A3B8;
}

.daily-summary-page__empty p[b-yxs8i76sw1] {
  margin: 0;
  color: #64748B;
  font-weight: 500;
}

.daily-summary-page__empty-hint[b-yxs8i76sw1] {
  font-weight: 400 !important;
  font-size: 0.875rem;
  color: #94A3B8 !important;
}

/* Responsive */
@media (max-width: 640px) {
  .daily-summary-page__date[b-yxs8i76sw1] {
    width: 100%;
  }

  .daily-summary-page__refresh-btn[b-yxs8i76sw1] {
    width: 100%;
  }
}
/* _content/Duara.SharedUI/Components/Pages/Finance/ExchangeRate.razor.rz.scp.css */
.exchange-rate[b-wxaynct84q] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
  background: #F5F8FB;
}

/* Header Wrap - sticky white background */
.exchange-rate__header-wrap[b-wxaynct84q] {
  background: white;
  border-bottom: 1px solid #E2E8F0;
}

.exchange-rate__container[b-wxaynct84q] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .exchange-rate__container[b-wxaynct84q] {
    padding: 0 1.5rem;
  }
}

.exchange-rate__header[b-wxaynct84q] {
  padding: 1rem 0;
}

.exchange-rate__eyebrow[b-wxaynct84q] {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  margin: 0 0 0.25rem;
  color: #94A3B8;
}

.exchange-rate__header h1[b-wxaynct84q] {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #1E293B;
}

@media (min-width: 1024px) {
  .exchange-rate__header h1[b-wxaynct84q] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.exchange-rate__subtitle[b-wxaynct84q] {
  margin: 0.25rem 0 0;
  color: #94A3B8;
  font-size: 0.875rem;
}

/* Body */
.exchange-rate__body[b-wxaynct84q] {
  flex: 1;
  overflow-y: auto;
}

.exchange-rate__body-inner[b-wxaynct84q] {
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Error Alert */
.exchange-rate__error[b-wxaynct84q] {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: #fee2e2;
  color: #991b1b;
}

/* ==============================
   Current Rate Card (Hero)
   ============================== */
.exchange-rate__current[b-wxaynct84q] {
  background: linear-gradient(135deg, rgba(15, 118, 110, 0.1), rgba(15, 118, 110, 0.05));
  border: 2px solid rgba(15, 118, 110, 0.2);
  border-radius: 0.75rem;
  padding: 2rem;
}

.exchange-rate__current-icon[b-wxaynct84q] {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}

.exchange-rate__current-icon svg[b-wxaynct84q] {
  width: 1.5rem;
  height: 1.5rem;
  color: #0F766E;
}

.exchange-rate__current-inner[b-wxaynct84q] {
  text-align: center;
}

/* Skeleton loading */
.exchange-rate__skeleton[b-wxaynct84q] {
  height: 3rem;
  background: linear-gradient(90deg, #e5e7eb 25%, #d1d5db 50%, #e5e7eb 75%);
  background-size: 200% 100%;
  animation: exchange-rate-shimmer-b-wxaynct84q 1.5s infinite;
  border-radius: 0.5rem;
  margin: 1rem auto;
  max-width: 320px;
}

@keyframes exchange-rate-shimmer-b-wxaynct84q {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Empty state */
.exchange-rate__empty[b-wxaynct84q] {
  padding: 1rem;
  background: rgba(15, 118, 110, 0.05);
  border-radius: 0.75rem;
}

.exchange-rate__empty p[b-wxaynct84q] {
  margin: 0;
  color: #64748B;
}

/* Rate display */
.exchange-rate__rate[b-wxaynct84q] {
  margin: 0 0 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  color: #1E293B;
}

@media (min-width: 1024px) {
  .exchange-rate__rate[b-wxaynct84q] {
    font-size: 2.5rem;
  }
}

.exchange-rate__rate span[b-wxaynct84q] {
  color: #1E293B;
}

/* Rate change badge */
.exchange-rate__change[b-wxaynct84q] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0.5rem;
}

.exchange-rate__change--positive[b-wxaynct84q] {
  background: rgba(34, 197, 94, 0.1);
  color: #22C55E;
}

.exchange-rate__change--negative[b-wxaynct84q] {
  background: rgba(220, 38, 38, 0.1);
  color: #DC2626;
}

.exchange-rate__change svg[b-wxaynct84q] {
  width: 1rem;
  height: 1rem;
}

.exchange-rate__change--negative svg[b-wxaynct84q] {
  transform: rotate(180deg);
}

/* Meta info */
.exchange-rate__meta-section[b-wxaynct84q] {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.exchange-rate__meta[b-wxaynct84q] {
  margin: 0;
  color: #64748B;
  font-size: 0.875rem;
}

.exchange-rate__meta strong[b-wxaynct84q] {
  font-weight: 500;
}

.exchange-rate__notes[b-wxaynct84q] {
  margin: 0;
  color: #64748B;
  font-size: 0.875rem;
  font-style: italic;
}

/* ==============================
   Update Form Card
   ============================== */
.exchange-rate__set[b-wxaynct84q] {
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #E2E8F0;
  padding: 1.5rem;
}

.exchange-rate__set-header[b-wxaynct84q] {
  margin-bottom: 1rem;
}

.exchange-rate__set-header h3[b-wxaynct84q] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1E293B;
}

.exchange-rate__form[b-wxaynct84q] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Rate input field */
.exchange-rate__field[b-wxaynct84q] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.exchange-rate__label[b-wxaynct84q] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748B;
}

.exchange-rate__input-wrap[b-wxaynct84q] {
  position: relative;
}

.exchange-rate__input[b-wxaynct84q] {
  width: 100%;
  padding: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  border: 2px solid #E2E8F0;
  border-radius: 0.75rem;
  background: white;
  color: #1E293B;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.exchange-rate__input:focus[b-wxaynct84q] {
  outline: none;
  border-color: #0F766E;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.exchange-rate__input[b-wxaynct84q]::placeholder {
  color: #94A3B8;
  font-weight: 400;
}

.exchange-rate__input-suffix[b-wxaynct84q] {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  font-weight: 600;
  color: #94A3B8;
  pointer-events: none;
}

/* Notes input */
.exchange-rate__input--notes[b-wxaynct84q] {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.75rem 1rem;
  border-width: 1px;
}

/* Checkbox group - styled card */
.exchange-rate__checkbox-card[b-wxaynct84q] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  cursor: pointer;
  transition: background 0.2s ease;
}

.exchange-rate__checkbox-card:hover[b-wxaynct84q] {
  background: #F1F5F9;
}

.exchange-rate__checkbox-card input[type="checkbox"][b-wxaynct84q] {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  cursor: pointer;
  accent-color: #0F766E;
  flex-shrink: 0;
}

.exchange-rate__checkbox-content[b-wxaynct84q] {
  flex: 1;
}

.exchange-rate__checkbox-title[b-wxaynct84q] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1E293B;
}

.exchange-rate__checkbox-desc[b-wxaynct84q] {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  color: #94A3B8;
}

/* Success message */
.exchange-rate__success[b-wxaynct84q] {
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.2);
}

.exchange-rate__success-title[b-wxaynct84q] {
  margin: 0 0 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #22C55E;
}

.exchange-rate__success-detail[b-wxaynct84q] {
  margin: 0;
  font-size: 0.75rem;
  color: #64748B;
}

/* Price update result */
.exchange-rate__price-update-result[b-wxaynct84q] {
  margin: 0;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background: #dcfce7;
  color: #166534;
  font-size: 0.875rem;
}

/* Save button */
.exchange-rate__save-btn[b-wxaynct84q] {
  width: 100%;
  padding: 1rem 1.5rem;
  background: #0F766E;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: background 0.2s ease;
}

.exchange-rate__save-btn:hover:not(:disabled)[b-wxaynct84q] {
  background: #115E59;
}

.exchange-rate__save-btn:disabled[b-wxaynct84q] {
  opacity: 0.6;
  cursor: not-allowed;
}

.exchange-rate__save-btn svg[b-wxaynct84q] {
  width: 1.25rem;
  height: 1.25rem;
}

/* ==============================
   History Section
   ============================== */
.exchange-rate__history[b-wxaynct84q] {
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #E2E8F0;
  padding: 1.5rem;
}

.exchange-rate__history-header[b-wxaynct84q] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.exchange-rate__history-header h3[b-wxaynct84q] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1E293B;
}

.exchange-rate__history-count[b-wxaynct84q] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #64748B;
  background: #F1F5F9;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
}

/* History loading state */
.exchange-rate__history-loading[b-wxaynct84q] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.exchange-rate__history-loading .exchange-rate__skeleton[b-wxaynct84q] {
  height: 4.5rem;
  max-width: none;
}

/* History empty state */
.exchange-rate__history-empty[b-wxaynct84q] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 2rem;
  background: #F8FAFC;
  border-radius: 0.75rem;
  text-align: center;
}

.exchange-rate__history-empty svg[b-wxaynct84q] {
  width: 3rem;
  height: 3rem;
  color: #94A3B8;
}

.exchange-rate__history-empty p[b-wxaynct84q] {
  margin: 0;
  color: #64748B;
}

/* History list */
.exchange-rate__history-list[b-wxaynct84q] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 420px;
  overflow-y: auto;
}

/* History row */
.exchange-rate__history-row[b-wxaynct84q] {
  border: 1px solid #E2E8F0;
  border-radius: 0.75rem;
  padding: 1rem;
  background: white;
  transition: all 0.2s ease;
}

.exchange-rate__history-row:hover[b-wxaynct84q] {
  border-color: rgba(15, 118, 110, 0.3);
  background: #F8FAFC;
}

.exchange-rate__history-top[b-wxaynct84q] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.exchange-rate__history-rate[b-wxaynct84q] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #1E293B;
}

.exchange-rate__history-badge[b-wxaynct84q] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  background: rgba(15, 118, 110, 0.1);
  font-size: 0.75rem;
  font-weight: 600;
  color: #0F766E;
  white-space: nowrap;
}

.exchange-rate__history-meta[b-wxaynct84q] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.25rem 0 0;
}

.exchange-rate__history-meta svg[b-wxaynct84q] {
  width: 0.75rem;
  height: 0.75rem;
  color: #94A3B8;
}

.exchange-rate__history-meta span[b-wxaynct84q] {
  font-size: 0.75rem;
  color: #94A3B8;
}

.exchange-rate__history-meta-divider[b-wxaynct84q] {
  color: #94A3B8;
  font-size: 0.75rem;
}

.exchange-rate__history-notes[b-wxaynct84q] {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: #64748B;
  font-style: italic;
}

/* Responsive */
@media (max-width: 640px) {
  .exchange-rate__current[b-wxaynct84q] {
    padding: 1.5rem;
  }

  .exchange-rate__rate[b-wxaynct84q] {
    font-size: 1.75rem;
  }

  .exchange-rate__input[b-wxaynct84q] {
    font-size: 1.25rem;
    padding: 0.875rem 3.5rem 0.875rem 0.875rem;
  }

  .exchange-rate__input-suffix[b-wxaynct84q] {
    font-size: 1rem;
    right: 0.875rem;
  }

  .exchange-rate__history-top[b-wxaynct84q] {
    flex-direction: column;
    gap: 0.5rem;
  }
}
/* _content/Duara.SharedUI/Components/Pages/Finance/FinancialPosition.razor.rz.scp.css */
/* =============================================================================
   FINANCIAL POSITION PAGE
   Matches React reference: FinancialPosition.tsx
   Design tokens aligned with design system
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Page Layout
   ----------------------------------------------------------------------------- */
.financial-position[b-2i204s5hri] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 56px);
    background: #F5F8FB;
    overflow: hidden;
}

/* -----------------------------------------------------------------------------
   Container
   ----------------------------------------------------------------------------- */
.financial-position__container[b-2i204s5hri] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .financial-position__container[b-2i204s5hri] {
        padding: 0 1.5rem;
    }
}

/* -----------------------------------------------------------------------------
   Header Wrap
   ----------------------------------------------------------------------------- */
.financial-position__header-wrap[b-2i204s5hri] {
    background: white;
    border-bottom: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.financial-position__header[b-2i204s5hri] {
    padding: 1rem 0;
}

.financial-position__eyebrow[b-2i204s5hri] {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94A3B8;
    margin: 0 0 0.25rem 0;
}

.financial-position__header h1[b-2i204s5hri] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E293B;
    margin: 0;
    line-height: 1.2;
}

@media (min-width: 1024px) {
    .financial-position__header h1[b-2i204s5hri] {
        font-size: 1.875rem;
    }
}

.financial-position__subtitle[b-2i204s5hri] {
    font-size: 0.875rem;
    color: #94A3B8;
    margin: 0.25rem 0 0 0;
}

/* -----------------------------------------------------------------------------
   Controls Wrap
   ----------------------------------------------------------------------------- */
.financial-position__controls-wrap[b-2i204s5hri] {
    background: white;
    border-bottom: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.financial-position__controls[b-2i204s5hri] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 0;
}

.financial-position__rate-hint[b-2i204s5hri] {
    font-size: 0.8rem;
    color: #D97706;
    margin: 0 0 1rem 0;
}

@media (min-width: 640px) {
    .financial-position__controls[b-2i204s5hri] {
        flex-direction: row;
        align-items: center;
    }
}

.financial-position__date[b-2i204s5hri] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid #E2E8F0;
    border-radius: 0.75rem;
    background: white;
    flex: 1;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.financial-position__date:focus-within[b-2i204s5hri] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

.financial-position__date span[b-2i204s5hri] {
    font-size: 0.875rem;
    color: #64748B;
    font-weight: 500;
    flex-shrink: 0;
}

.financial-position__date input[b-2i204s5hri] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 500;
    color: #1E293B;
    outline: none;
    min-width: 0;
}

/* -----------------------------------------------------------------------------
   Error Alert
   ----------------------------------------------------------------------------- */
.financial-position__error[b-2i204s5hri] {
    margin: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: #FEE2E2;
    color: #991B1B;
    font-size: 0.875rem;
    font-weight: 500;
}

/* -----------------------------------------------------------------------------
   Body
   ----------------------------------------------------------------------------- */
.financial-position__body[b-2i204s5hri] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem 0;
}

/* -----------------------------------------------------------------------------
   Loading Skeleton
   ----------------------------------------------------------------------------- */
.financial-position__loading[b-2i204s5hri] {
    flex: 1;
    padding: 1.5rem 1rem;
}

@media (min-width: 1024px) {
    .financial-position__loading[b-2i204s5hri] {
        padding: 1.5rem;
        max-width: 1400px;
        margin: 0 auto;
    }
}

.financial-position__skeleton-grid[b-2i204s5hri] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .financial-position__skeleton-grid[b-2i204s5hri] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .financial-position__skeleton-grid[b-2i204s5hri] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.financial-position__skeleton-card[b-2i204s5hri] {
    height: 200px;
    background: linear-gradient(90deg, #F1F5F9 25%, #E2E8F0 50%, #F1F5F9 75%);
    background-size: 200% 100%;
    animation: fp-shimmer-b-2i204s5hri 1.5s infinite;
    border-radius: 0.75rem;
}

@keyframes fp-shimmer-b-2i204s5hri {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* -----------------------------------------------------------------------------
   Empty State
   ----------------------------------------------------------------------------- */
.financial-position__empty[b-2i204s5hri] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    margin: 1.5rem 1rem;
    text-align: center;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 0.75rem;
}

@media (min-width: 1024px) {
    .financial-position__empty[b-2i204s5hri] {
        margin: 1.5rem auto;
        max-width: 1400px;
    }
}

.financial-position__empty-icon[b-2i204s5hri] {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
    color: #94A3B8;
}

.financial-position__empty p[b-2i204s5hri] {
    margin: 0;
    font-size: 0.875rem;
    color: #94A3B8;
}

/* -----------------------------------------------------------------------------
   Metric Cards Grid
   ----------------------------------------------------------------------------- */
.financial-position__grid[b-2i204s5hri] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .financial-position__grid[b-2i204s5hri] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .financial-position__grid[b-2i204s5hri] {
        grid-template-columns: repeat(4, 1fr);
        padding: 0 1.5rem;
    }
}

/* -----------------------------------------------------------------------------
   Metric Card
   ----------------------------------------------------------------------------- */
[b-2i204s5hri] .financial-position__metric-card {
    border: 1px solid #E2E8F0;
    border-radius: 0.75rem;
    background: white;
    padding: 1.5rem;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.financial-position__card[b-2i204s5hri] {
    display: flex;
    flex-direction: column;
}

.financial-position__card-head[b-2i204s5hri] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.financial-position__card-meta[b-2i204s5hri] {
    flex: 1;
}

.financial-position__card-label[b-2i204s5hri] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94A3B8;
}

/* Icon styling */
.financial-position__icon[b-2i204s5hri] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    background: rgba(15, 118, 110, 0.1);
    color: #0F766E;
    flex-shrink: 0;
}

.financial-position__icon svg[b-2i204s5hri] {
    width: 1.25rem;
    height: 1.25rem;
}

/* Currency amounts - override DualCurrency component */
[b-2i204s5hri] .financial-position__metric-card .duara-currency__primary {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1E293B;
    line-height: 1.2;
}

@media (min-width: 1024px) {
    [b-2i204s5hri] .financial-position__metric-card .duara-currency__primary {
        font-size: 1.875rem;
    }
}

[b-2i204s5hri] .financial-position__metric-card .duara-currency__secondary {
    font-size: 0.875rem;
    color: #94A3B8;
    margin-top: 0.25rem;
}

/* Chart container */
.financial-position__chart[b-2i204s5hri] {
    height: 56px;
    margin-top: 0.75rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.financial-position__chart--donut[b-2i204s5hri] {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Clickable card styling */
[b-2i204s5hri] .financial-position__card-clickable {
    cursor: pointer;
}

[b-2i204s5hri] .financial-position__card-clickable:hover {
    border-color: #0F766E;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
    transform: translateY(-2px);
}

[b-2i204s5hri] .financial-position__card-clickable:active {
    transform: translateY(0);
}

/* -----------------------------------------------------------------------------
   Summary Section
   ----------------------------------------------------------------------------- */
.financial-position__summary[b-2i204s5hri] {
    max-width: 1400px;
    margin: 1.5rem auto 0;
    padding: 1.5rem;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 0.75rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

@media (min-width: 1024px) {
    .financial-position__summary[b-2i204s5hri] {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}

@media (min-width: 1432px) {
    .financial-position__summary[b-2i204s5hri] {
        margin-left: auto;
        margin-right: auto;
    }
}

.financial-position__summary-title[b-2i204s5hri] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94A3B8;
    margin: 0 0 1rem 0;
}

.financial-position__summary-rows[b-2i204s5hri] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.financial-position__summary-row[b-2i204s5hri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #E2E8F0;
}

.financial-position__summary-row:last-child[b-2i204s5hri] {
    border-bottom: none;
    padding-bottom: 0;
}

.financial-position__summary-row > span[b-2i204s5hri] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748B;
}

.financial-position__summary-value[b-2i204s5hri] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1E293B;
    text-align: right;
    white-space: nowrap;
}

.financial-position__summary-sub[b-2i204s5hri] {
    margin: 0;
    font-size: 0.75rem;
    color: #94A3B8;
    text-align: right;
}

/* -----------------------------------------------------------------------------
   Footer
   ----------------------------------------------------------------------------- */
.financial-position__footer[b-2i204s5hri] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0 0;
}

.financial-position__muted[b-2i204s5hri] {
    font-size: 0.875rem;
    color: #94A3B8;
}
/* _content/Duara.SharedUI/Components/Pages/Finance/JournalExport.razor.rz.scp.css */
/* =============================================================================
   JOURNAL EXPORT PAGE
   Matches React reference: JournalExport.tsx
   Design tokens aligned with design system
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Page Layout
   ----------------------------------------------------------------------------- */
.journal-export[b-jmqfvs3oa2] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 56px);
    background: #F5F8FB;
    overflow: hidden;
}

/* -----------------------------------------------------------------------------
   Header Wrap
   ----------------------------------------------------------------------------- */
.journal-export__header-wrap[b-jmqfvs3oa2] {
    background: white;
    border-bottom: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.journal-export__container[b-jmqfvs3oa2] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

.journal-export__header[b-jmqfvs3oa2] {
    padding: 1rem 0;
}

.journal-export__eyebrow[b-jmqfvs3oa2] {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94A3B8;
    margin: 0 0 0.25rem 0;
}

.journal-export__header h1[b-jmqfvs3oa2] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E293B;
    margin: 0;
    line-height: 1.2;
}

.journal-export__subtitle[b-jmqfvs3oa2] {
    font-size: 0.875rem;
    color: #94A3B8;
    margin: 0.25rem 0 0 0;
}

/* -----------------------------------------------------------------------------
   Body
   ----------------------------------------------------------------------------- */
.journal-export__body[b-jmqfvs3oa2] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem 0;
}

.journal-export__body > .journal-export__container[b-jmqfvs3oa2] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* -----------------------------------------------------------------------------
   Controls Card
   ----------------------------------------------------------------------------- */
.journal-export__controls[b-jmqfvs3oa2] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #E2E8F0;
    padding: 1.5rem;
}

.journal-export__controls h3[b-jmqfvs3oa2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1E293B;
    margin: 0 0 1rem 0;
}

/* Date Fields */
.journal-export__dates[b-jmqfvs3oa2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.journal-export__date-field[b-jmqfvs3oa2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.journal-export__date-field label[b-jmqfvs3oa2] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748B;
}

.journal-export__date-input[b-jmqfvs3oa2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid #E2E8F0;
    border-radius: 0.75rem;
    background: white;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.journal-export__date-input:focus-within[b-jmqfvs3oa2] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

.journal-export__date-input svg[b-jmqfvs3oa2] {
    width: 1.25rem;
    height: 1.25rem;
    color: #64748B;
    flex-shrink: 0;
}

.journal-export__date-input input[b-jmqfvs3oa2] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 500;
    color: #1E293B;
    outline: none;
    min-width: 0;
}

.journal-export__date-input input[b-jmqfvs3oa2]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Action Buttons */
.journal-export__actions[b-jmqfvs3oa2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.journal-export__btn[b-jmqfvs3oa2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
    border: 2px solid transparent;
    flex: 1;
}

.journal-export__btn svg[b-jmqfvs3oa2] {
    width: 1.25rem;
    height: 1.25rem;
}

.journal-export__btn--primary[b-jmqfvs3oa2] {
    background: #0F766E;
    color: white;
    border-color: #0F766E;
}

.journal-export__btn--primary:hover:not(:disabled)[b-jmqfvs3oa2] {
    background: #115E59;
    border-color: #115E59;
}

.journal-export__btn--outline[b-jmqfvs3oa2] {
    background: white;
    color: #0F766E;
    border-color: #0F766E;
}

.journal-export__btn--outline:hover:not(:disabled)[b-jmqfvs3oa2] {
    background: rgba(15, 118, 110, 0.05);
}

.journal-export__btn:disabled[b-jmqfvs3oa2] {
    opacity: 0.5;
    cursor: not-allowed;
    background: white;
    color: #94A3B8;
    border-color: #E2E8F0;
}

/* -----------------------------------------------------------------------------
   Error Alert
   ----------------------------------------------------------------------------- */
.journal-export__error[b-jmqfvs3oa2] {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: #FEE2E2;
    color: #991B1B;
    font-size: 0.875rem;
    font-weight: 500;
}

/* -----------------------------------------------------------------------------
   Summary Metrics
   ----------------------------------------------------------------------------- */
.journal-export__metrics[b-jmqfvs3oa2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.journal-export__metric[b-jmqfvs3oa2] {
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    border: 2px solid transparent;
}

.journal-export__metric span[b-jmqfvs3oa2] {
    font-size: 0.875rem;
    font-weight: 600;
}

.journal-export__metric--success[b-jmqfvs3oa2] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
    color: #22C55E;
}

.journal-export__metric--danger[b-jmqfvs3oa2] {
    background: rgba(220, 38, 38, 0.1);
    border-color: rgba(220, 38, 38, 0.3);
    color: #DC2626;
}

.journal-export__metric--teal[b-jmqfvs3oa2] {
    background: rgba(15, 118, 110, 0.1);
    border-color: rgba(15, 118, 110, 0.3);
    color: #0F766E;
}

/* -----------------------------------------------------------------------------
   Table Section
   ----------------------------------------------------------------------------- */
.journal-export__table[b-jmqfvs3oa2] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #E2E8F0;
    overflow: hidden;
}

/* -----------------------------------------------------------------------------
   Loading Skeleton
   ----------------------------------------------------------------------------- */
.journal-export__loading[b-jmqfvs3oa2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.5rem;
}

.journal-export__skeleton[b-jmqfvs3oa2] {
    height: 2.5rem;
    background: linear-gradient(90deg, #F1F5F9 25%, #E2E8F0 50%, #F1F5F9 75%);
    background-size: 200% 100%;
    animation: journal-shimmer-b-jmqfvs3oa2 1.5s infinite;
    border-radius: 0.5rem;
}

.journal-export__skeleton--header[b-jmqfvs3oa2] {
    height: 3rem;
    background: #E2E8F0;
}

@keyframes journal-shimmer-b-jmqfvs3oa2 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* -----------------------------------------------------------------------------
   Empty State
   ----------------------------------------------------------------------------- */
.journal-export__empty[b-jmqfvs3oa2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.journal-export__empty-icon-wrap[b-jmqfvs3oa2] {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #F1F5F9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.journal-export__empty-icon-wrap svg[b-jmqfvs3oa2] {
    width: 2.5rem;
    height: 2.5rem;
    color: #94A3B8;
}

.journal-export__empty h3[b-jmqfvs3oa2] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1E293B;
    margin: 0 0 0.25rem 0;
}

.journal-export__empty p[b-jmqfvs3oa2] {
    font-size: 0.875rem;
    color: #94A3B8;
    margin: 0;
}

/* -----------------------------------------------------------------------------
   View Toggle (Mobile Only)
   ----------------------------------------------------------------------------- */
.journal-export__view-toggle[b-jmqfvs3oa2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
}

.journal-export__view-toggle > span[b-jmqfvs3oa2] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748B;
}

.journal-export__toggle-group[b-jmqfvs3oa2] {
    display: inline-flex;
    border-radius: 0.5rem;
    border: 1px solid #E2E8F0;
    background: white;
    padding: 0.25rem;
}

.journal-export__toggle-group button[b-jmqfvs3oa2] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    background: transparent;
    border: none;
    color: #64748B;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
}

.journal-export__toggle-group button:hover:not(.is-active)[b-jmqfvs3oa2] {
    background: #F1F5F9;
}

.journal-export__toggle-group button.is-active[b-jmqfvs3oa2] {
    background: #0F766E;
    color: white;
}

.journal-export__toggle-group button svg[b-jmqfvs3oa2] {
    width: 1rem;
    height: 1rem;
}

/* -----------------------------------------------------------------------------
   Mobile Table View
   ----------------------------------------------------------------------------- */
.journal-export__table-mobile[b-jmqfvs3oa2] {
    display: block;
}

.journal-export__table-scroll[b-jmqfvs3oa2] {
    overflow-x: auto;
}

.journal-export__table-mobile table[b-jmqfvs3oa2] {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.journal-export__table-mobile thead[b-jmqfvs3oa2] {
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
}

.journal-export__table-mobile th[b-jmqfvs3oa2] {
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #64748B;
    white-space: nowrap;
}

.journal-export__table-mobile tbody tr[b-jmqfvs3oa2] {
    border-bottom: 1px solid #E2E8F0;
}

.journal-export__table-mobile tbody tr:hover[b-jmqfvs3oa2] {
    background: #F8FAFC;
}

.journal-export__table-mobile td[b-jmqfvs3oa2] {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    color: #1E293B;
    white-space: nowrap;
}

.journal-export__table-mobile td.is-mono[b-jmqfvs3oa2] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    color: #64748B;
}

.journal-export__table-mobile td.is-compte[b-jmqfvs3oa2] {
    color: #0F766E;
    font-weight: 600;
}

.journal-export__table-mobile td.is-num[b-jmqfvs3oa2] {
    text-align: right;
    font-weight: 600;
}

.journal-export__table-mobile tfoot[b-jmqfvs3oa2] {
    background: #F8FAFC;
    border-top: 2px solid #0F766E;
}

.journal-export__table-mobile tfoot td[b-jmqfvs3oa2] {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
}

.journal-export__table-mobile tfoot td.is-totals[b-jmqfvs3oa2] {
    font-weight: 600;
    color: #1E293B;
}

.journal-export__table-mobile tfoot td.is-bold[b-jmqfvs3oa2] {
    font-weight: 700;
}

/* -----------------------------------------------------------------------------
   Mobile List View
   ----------------------------------------------------------------------------- */
.journal-export__list[b-jmqfvs3oa2] {
    display: flex;
    flex-direction: column;
}

.journal-export__list-item[b-jmqfvs3oa2] {
    padding: 1rem;
    border-bottom: 1px solid #E2E8F0;
}

.journal-export__list-header[b-jmqfvs3oa2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.journal-export__list-piece[b-jmqfvs3oa2] {
    font-size: 0.75rem;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    color: #64748B;
}

.journal-export__list-date[b-jmqfvs3oa2] {
    font-size: 0.75rem;
    color: #64748B;
}

.journal-export__list-libelle[b-jmqfvs3oa2] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1E293B;
    margin: 0 0 0.5rem 0;
}

.journal-export__list-footer[b-jmqfvs3oa2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.journal-export__list-compte[b-jmqfvs3oa2] {
    font-size: 0.75rem;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-weight: 600;
    color: #0F766E;
}

.journal-export__list-amounts[b-jmqfvs3oa2] {
    display: flex;
    gap: 0.75rem;
}

.journal-export__list-amounts span[b-jmqfvs3oa2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1E293B;
}

.journal-export__list-totals[b-jmqfvs3oa2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: #F8FAFC;
    border-top: 2px solid #0F766E;
}

.journal-export__list-totals > span[b-jmqfvs3oa2] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #1E293B;
}

.journal-export__list-totals .journal-export__list-amounts span[b-jmqfvs3oa2] {
    font-weight: 700;
}

/* -----------------------------------------------------------------------------
   Desktop Table (Hidden on Mobile)
   ----------------------------------------------------------------------------- */
.journal-export__table-desktop[b-jmqfvs3oa2] {
    display: none;
}

.journal-export__table-desktop table[b-jmqfvs3oa2] {
    width: 100%;
    border-collapse: collapse;
}

.journal-export__table-desktop thead[b-jmqfvs3oa2] {
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
}

.journal-export__table-desktop th[b-jmqfvs3oa2] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748B;
}

.journal-export__table-desktop tbody tr[b-jmqfvs3oa2] {
    border-bottom: 1px solid #E2E8F0;
    transition: background-color 0.15s;
}

.journal-export__table-desktop tbody tr:hover[b-jmqfvs3oa2] {
    background: #F8FAFC;
}

.journal-export__table-desktop td[b-jmqfvs3oa2] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #1E293B;
}

.journal-export__table-desktop td.is-mono[b-jmqfvs3oa2] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    color: #64748B;
}

.journal-export__table-desktop td.is-compte[b-jmqfvs3oa2] {
    color: #0F766E;
    font-weight: 600;
}

.journal-export__table-desktop td.is-num[b-jmqfvs3oa2] {
    text-align: right;
    font-weight: 600;
}

.journal-export__table-desktop tfoot[b-jmqfvs3oa2] {
    background: #F8FAFC;
    border-top: 2px solid #0F766E;
}

.journal-export__table-desktop tfoot td[b-jmqfvs3oa2] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}

.journal-export__table-desktop tfoot td.is-totals[b-jmqfvs3oa2] {
    font-weight: 600;
    color: #1E293B;
}

.journal-export__table-desktop tfoot td.is-bold[b-jmqfvs3oa2] {
    font-weight: 700;
}

/* -----------------------------------------------------------------------------
   Responsive - Tablet (sm: 640px)
   ----------------------------------------------------------------------------- */
@media (min-width: 640px) {
    .journal-export__dates[b-jmqfvs3oa2] {
        grid-template-columns: repeat(2, 1fr);
    }

    .journal-export__actions[b-jmqfvs3oa2] {
        flex-direction: row;
    }
}

/* -----------------------------------------------------------------------------
   Responsive - Desktop (lg: 1024px)
   ----------------------------------------------------------------------------- */
@media (min-width: 1024px) {
    .journal-export__container[b-jmqfvs3oa2] {
        padding: 0 1.5rem;
    }

    .journal-export__header h1[b-jmqfvs3oa2] {
        font-size: 1.875rem;
    }

    /* Hide mobile-only elements */
    .journal-export__view-toggle[b-jmqfvs3oa2] {
        display: none;
    }

    .journal-export__table-mobile[b-jmqfvs3oa2] {
        display: none;
    }

    .journal-export__list[b-jmqfvs3oa2] {
        display: none;
    }

    /* Show desktop table */
    .journal-export__table-desktop[b-jmqfvs3oa2] {
        display: block;
    }
}
/* _content/Duara.SharedUI/Components/Pages/Home/HomeScreen.razor.rz.scp.css */
/* Home Screen Styles - Matching Figma Design */
.duara-home[b-yieb9ld0yd] {
    min-height: calc(100vh - 56px);
    background: #F3F4F6;
    padding-bottom: 1rem;
}

.duara-home__container[b-yieb9ld0yd] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Welcome Card */
.duara-home__welcome[b-yieb9ld0yd] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.duara-home__greeting[b-yieb9ld0yd] {
    color: #111827;
    font-size: 1.125rem;
    margin: 0 0 0.5rem 0;
}

.duara-home__username[b-yieb9ld0yd] {
    font-weight: 700;
}

.duara-home__store-row[b-yieb9ld0yd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.duara-home__store-label[b-yieb9ld0yd] {
    color: #6B7280;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.duara-home__store-selector[b-yieb9ld0yd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #F9FAFB;
    border: 1px solid #6B7280;
    border-radius: 0.5rem;
    color: #111827;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.duara-home__store-selector:hover[b-yieb9ld0yd] {
    border-color: #0F766E;
}

.duara-home__chevron[b-yieb9ld0yd] {
    width: 1rem;
    height: 1rem;
    color: #6B7280;
    flex-shrink: 0;
}

/* Quick Stats - 2 column grid */
.duara-home__stats[b-yieb9ld0yd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.duara-home__stat-card[b-yieb9ld0yd] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.duara-home__site-cash[b-yieb9ld0yd] {
    margin-top: 1.5rem;
    background: #ffffff;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    border: 1px solid #E2E8F0;
}

.duara-home__section-header[b-yieb9ld0yd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.duara-home__section-header h3[b-yieb9ld0yd] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #0F172A;
}

.duara-home__section-action[b-yieb9ld0yd] {
    background: transparent;
    border: none;
    color: #0F766E;
    font-weight: 600;
    cursor: pointer;
}

.duara-home__section-empty[b-yieb9ld0yd] {
    font-size: 0.9rem;
    color: #64748B;
    padding: 0.5rem 0;
}

.duara-home__shift-list[b-yieb9ld0yd] {
    display: grid;
    gap: 0.75rem;
}

.duara-home__shift-card[b-yieb9ld0yd] {
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 0.75rem;
    background: #F8FAFC;
}

.duara-home__shift-header[b-yieb9ld0yd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.duara-home__shift-name[b-yieb9ld0yd] {
    font-weight: 600;
    color: #0F172A;
}

.duara-home__shift-time[b-yieb9ld0yd] {
    font-size: 0.8rem;
    color: #64748B;
}

.duara-home__shift-badge[b-yieb9ld0yd] {
    background: #DCFCE7;
    color: #15803D;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
}

.duara-home__shift-metrics[b-yieb9ld0yd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.duara-home__shift-label[b-yieb9ld0yd] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #94A3B8;
    letter-spacing: 0.05em;
}

.duara-home__shift-value[b-yieb9ld0yd] {
    font-weight: 600;
    color: #0F172A;
    margin-top: 0.2rem;
}

.duara-home__shift-sub[b-yieb9ld0yd] {
    font-size: 0.8rem;
    color: #64748B;
}


.duara-home__stat-label[b-yieb9ld0yd] {
    color: #6B7280;
    font-size: 0.875rem;
    margin: 0 0 0.5rem 0;
}

.duara-home__stat-value[b-yieb9ld0yd] {
    color: #111827;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    font-variant-numeric: tabular-nums;
}

.duara-home__stat-value--large[b-yieb9ld0yd] {
    font-size: 1.875rem;
}

.duara-home__stat-secondary[b-yieb9ld0yd] {
    color: #6B7280;
    font-size: 0.75rem;
    margin: 0.25rem 0 0 0;
    font-variant-numeric: tabular-nums;
}

/* Mode Selection Cards - 2x2 grid with Settings full width */
.duara-home__modes[b-yieb9ld0yd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.duara-home__mode-btn[b-yieb9ld0yd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 1rem;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: opacity 0.15s ease, transform 0.1s ease;
    min-height: 5rem;
}

.duara-home__mode-btn:hover[b-yieb9ld0yd] {
    opacity: 0.9;
}

.duara-home__mode-btn:active[b-yieb9ld0yd] {
    transform: scale(0.98);
}

.duara-home__mode-btn--primary[b-yieb9ld0yd] {
    background: #0F766E;
    color: #ffffff;
}

.duara-home__mode-btn--secondary[b-yieb9ld0yd] {
    background: #6B7280;
    color: #ffffff;
}

/* Settings button spans full width on mobile */
.duara-home__mode-btn--full[b-yieb9ld0yd] {
    grid-column: span 2;
}

.duara-home__mode-icon[b-yieb9ld0yd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    flex-shrink: 0;
}

.duara-home__mode-icon svg[b-yieb9ld0yd] {
    width: 1.25rem;
    height: 1.25rem;
}

.duara-home__mode-title[b-yieb9ld0yd] {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    flex: 1;
}

/* Quick Access Grid - 2x2 */
.duara-home__quick-access[b-yieb9ld0yd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.duara-home__quick-btn[b-yieb9ld0yd] {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #111827;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.duara-home__quick-btn:hover[b-yieb9ld0yd] {
    border-color: #0F766E;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
}

.duara-home__quick-icon[b-yieb9ld0yd] {
    width: 1.5rem;
    height: 1.5rem;
    color: #0F766E;
}

/* Tablet (md) - Keep 2x2 for modes, 4 cols for quick access */
@media (min-width: 768px) {
    .duara-home__container[b-yieb9ld0yd] {
        gap: 1rem;
    }

    .duara-home__stats[b-yieb9ld0yd] {
        gap: 0.75rem;
    }

    .duara-home__modes[b-yieb9ld0yd] {
        gap: 0.75rem;
    }

    .duara-home__quick-access[b-yieb9ld0yd] {
        grid-template-columns: repeat(4, 1fr);
        gap: 0.75rem;
    }
}

/* Desktop (lg) - 3 columns for mode cards */
@media (min-width: 1024px) {
    .duara-home__modes[b-yieb9ld0yd] {
        grid-template-columns: repeat(3, 1fr);
    }

    .duara-home__mode-btn--full[b-yieb9ld0yd] {
        grid-column: span 1;
    }

    .duara-home__mode-btn[b-yieb9ld0yd] {
        padding: 1rem;
    }

    .duara-home__mode-icon[b-yieb9ld0yd] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .duara-home__mode-icon svg[b-yieb9ld0yd] {
        width: 1.25rem;
        height: 1.25rem;
    }

    .duara-home__mode-title[b-yieb9ld0yd] {
        font-size: 0.875rem;
    }
}
/* _content/Duara.SharedUI/Components/Pages/Hotel/Housekeeping.razor.rz.scp.css */
.hotel-housekeeping[b-hgud3xtn9e] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.hotel-housekeeping__header[b-hgud3xtn9e] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

@media (min-width: 768px) {
  .hotel-housekeeping__header[b-hgud3xtn9e] {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.hotel-housekeeping__eyebrow[b-hgud3xtn9e] {
  margin: 0;
  color: var(--color-gray-700);
}

.hotel-housekeeping__filters[b-hgud3xtn9e] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
}

.hotel-housekeeping__filter[b-hgud3xtn9e] {
  border: 1px solid var(--color-border);
  border-radius: 999px;
  padding: var(--spacing-2) var(--spacing-3);
  background: var(--color-surface);
  color: var(--color-gray-800);
  font-weight: var(--font-weight-semibold);
}

.hotel-housekeeping__filter.is-active[b-hgud3xtn9e] {
  border-color: var(--color-primary);
  color: var(--color-primary-dark);
}

.hotel-housekeeping__grid[b-hgud3xtn9e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-3);
}

@media (min-width: 768px) {
  .hotel-housekeeping__grid[b-hgud3xtn9e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .hotel-housekeeping__grid[b-hgud3xtn9e] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.hotel-housekeeping__error[b-hgud3xtn9e] {
  color: var(--color-danger);
}

.hotel-housekeeping__empty[b-hgud3xtn9e] {
  color: var(--color-gray-600);
}
/* _content/Duara.SharedUI/Components/Pages/Hotel/NightAudit.razor.rz.scp.css */
.night-audit[b-75jj92ajz9] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
}

.night-audit__header[b-75jj92ajz9] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing-4);
}

.night-audit__eyebrow[b-75jj92ajz9] {
  margin: 0;
  color: var(--color-gray-500);
}

.night-audit__subtitle[b-75jj92ajz9] {
  margin: var(--spacing-2) 0 0;
  color: var(--color-gray-600);
}

.night-audit__controls[b-75jj92ajz9] {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
}

.night-audit__date-label[b-75jj92ajz9] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  min-width: 220px;
}

.night-audit__grid[b-75jj92ajz9] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--spacing-4);
}

.night-audit__card[b-75jj92ajz9] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.night-audit__metric[b-75jj92ajz9] {
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
}

.night-audit__muted[b-75jj92ajz9] {
  color: var(--color-gray-600);
  font-size: var(--text-sm);
}

.night-audit__close-inner[b-75jj92ajz9] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.night-audit__actions[b-75jj92ajz9] {
  display: flex;
  justify-content: flex-start;
}

.night-audit__closed[b-75jj92ajz9] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.night-audit__closed-meta[b-75jj92ajz9] {
  color: var(--color-gray-600);
  font-size: var(--text-sm);
}

.night-audit__error[b-75jj92ajz9] {
  color: var(--color-danger);
}
/* _content/Duara.SharedUI/Components/Pages/Hotel/Rooms.razor.rz.scp.css */
.hotel-rooms[b-1ouig5tpge] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--color-gray-100);
  overflow: hidden;
}

/* Header Section - white background with border */
.hotel-rooms__header-section[b-1ouig5tpge] {
  background-color: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}

.hotel-rooms__header-content[b-1ouig5tpge] {
  max-width: 1400px;
  margin: 0 auto;
}

/* Title Area */
.hotel-rooms__title-area[b-1ouig5tpge] {
  padding: var(--spacing-4) var(--spacing-4) var(--spacing-3);
}

@media (min-width: 1024px) {
  .hotel-rooms__title-area[b-1ouig5tpge] {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }
}

.hotel-rooms__eyebrow[b-1ouig5tpge] {
  margin: 0 0 var(--spacing-1) 0;
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.hotel-rooms__title[b-1ouig5tpge] {
  margin: 0;
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-900);
}

@media (min-width: 1024px) {
  .hotel-rooms__title[b-1ouig5tpge] {
    font-size: var(--text-3xl);
  }
}

/* Search & Admin Actions */
.hotel-rooms__search-actions[b-1ouig5tpge] {
  padding: 0 var(--spacing-4) var(--spacing-3);
}

@media (min-width: 1024px) {
  .hotel-rooms__search-actions[b-1ouig5tpge] {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }
}

.hotel-rooms__search-row[b-1ouig5tpge] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

@media (min-width: 640px) {
  .hotel-rooms__search-row[b-1ouig5tpge] {
    flex-direction: row;
  }
}

/* Search Bar */
.hotel-rooms__search-wrapper[b-1ouig5tpge] {
  flex: 1;
  position: relative;
}

.hotel-rooms__search-icon[b-1ouig5tpge] {
  position: absolute;
  left: 1rem !important;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-gray-500);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel-rooms__search-input[b-1ouig5tpge] {
  width: 100%;
  padding: var(--spacing-2-5) var(--spacing-4) var(--spacing-2-5) var(--spacing-4);
  padding-left: 3.25rem !important;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  font-size: var(--text-base);
  color: var(--color-gray-900);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.hotel-rooms__search-input[b-1ouig5tpge]::placeholder {
  color: var(--color-gray-400);
}

.hotel-rooms__search-input:focus[b-1ouig5tpge] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.hotel-rooms__search-clear[b-1ouig5tpge] {
  position: absolute;
  right: var(--spacing-3);
  top: 50%;
  transform: translateY(-50%);
  padding: var(--spacing-1);
  color: var(--color-gray-500);
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel-rooms__search-clear:hover[b-1ouig5tpge] {
  color: var(--color-gray-700);
}

/* Admin Actions */
.hotel-rooms__admin-actions[b-1ouig5tpge] {
  display: flex;
  gap: var(--spacing-2);
}

.hotel-rooms__btn-icon[b-1ouig5tpge] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel-rooms__btn-text[b-1ouig5tpge] {
  display: none;
}

@media (min-width: 640px) {
  .hotel-rooms__btn-text[b-1ouig5tpge] {
    display: inline;
  }
}

/* Filter Pills */
.hotel-rooms__filters[b-1ouig5tpge] {
  display: flex;
  gap: var(--spacing-2);
  padding: 0 var(--spacing-4) var(--spacing-3);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hotel-rooms__filters[b-1ouig5tpge]::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .hotel-rooms__filters[b-1ouig5tpge] {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }
}

.hotel-rooms__filter[b-1ouig5tpge] {
  flex-shrink: 0;
  padding: var(--spacing-2) var(--spacing-4);
  border-radius: 999px;
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  color: var(--color-gray-500);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.15s ease;
}

.hotel-rooms__filter:hover[b-1ouig5tpge] {
  border-color: var(--color-gray-300);
}

.hotel-rooms__filter.is-active[b-1ouig5tpge] {
  border-width: 2px;
  border-color: var(--color-primary);
  color: var(--color-primary);
  background-color: var(--color-surface);
}

/* Stats Summary Card */
.hotel-rooms__stats-card[b-1ouig5tpge] {
  margin: 0 var(--spacing-4) var(--spacing-4);
  padding: var(--spacing-4);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 1024px) {
  .hotel-rooms__stats-card[b-1ouig5tpge] {
    margin-left: var(--spacing-6);
    margin-right: var(--spacing-6);
    padding: var(--spacing-5);
  }
}

.hotel-rooms__stats-grid[b-1ouig5tpge] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-4);
}

@media (min-width: 1024px) {
  .hotel-rooms__stats-grid[b-1ouig5tpge] {
    gap: var(--spacing-8);
  }
}

.hotel-rooms__stat[b-1ouig5tpge] {
  text-align: center;
}

.hotel-rooms__stat-number[b-1ouig5tpge] {
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-gray-900);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .hotel-rooms__stat-number[b-1ouig5tpge] {
    font-size: var(--text-3xl);
  }
}

.hotel-rooms__stat-number--libre[b-1ouig5tpge] {
  color: #22C55E;
}

.hotel-rooms__stat-number--occupe[b-1ouig5tpge] {
  color: #DC2626;
}

.hotel-rooms__stat-number--nettoyage[b-1ouig5tpge] {
  color: #FACC15;
}

.hotel-rooms__stat-label[b-1ouig5tpge] {
  font-size: var(--text-xs);
  color: var(--color-gray-500);
  margin-top: var(--spacing-1);
}

@media (min-width: 1024px) {
  .hotel-rooms__stat-label[b-1ouig5tpge] {
    font-size: var(--text-sm);
  }
}

/* Room Grid Container */
.hotel-rooms__grid-container[b-1ouig5tpge] {
  flex: 1;
  overflow-y: auto;
  padding: var(--spacing-4);
}

@media (min-width: 1024px) {
  .hotel-rooms__grid-container[b-1ouig5tpge] {
    padding: var(--spacing-6);
  }
}

.hotel-rooms__grid-container > *[b-1ouig5tpge] {
  max-width: 1400px;
  margin: 0 auto;
}

/* Room Grid */
.hotel-rooms__grid[b-1ouig5tpge] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-3);
}

@media (min-width: 768px) {
  .hotel-rooms__grid[b-1ouig5tpge] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .hotel-rooms__grid[b-1ouig5tpge] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--spacing-4);
  }
}

@media (min-width: 1280px) {
  .hotel-rooms__grid[b-1ouig5tpge] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* States */
.hotel-rooms__error[b-1ouig5tpge] {
  color: var(--color-danger);
  padding: var(--spacing-4);
  text-align: center;
}

.hotel-rooms__loading[b-1ouig5tpge] {
  color: var(--color-gray-500);
  padding: var(--spacing-4);
  text-align: center;
}

.hotel-rooms__empty[b-1ouig5tpge] {
  color: var(--color-gray-500);
  padding: var(--spacing-4);
  text-align: center;
}
/* _content/Duara.SharedUI/Components/Pages/Hotel/StayDetail.razor.rz.scp.css */
.manage-stay[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
  background-color: #F3F4F6;
  overflow: hidden;
}

.manage-stay__header[b-5se02zpgrz] {
  background: white;
  border-bottom: 1px solid #E5E7EB;
}

.manage-stay__header-inner[b-5se02zpgrz] {
  max-width: 1400px;
  margin: 0 auto;
  padding: var(--spacing-4) var(--spacing-4) var(--spacing-3);
}

@media (min-width: 1024px) {
  .manage-stay__header-inner[b-5se02zpgrz] {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }
}

.manage-stay__eyebrow[b-5se02zpgrz] {
  margin: 0 0 var(--spacing-1) 0;
  font-size: var(--text-xs);
  color: #6B7280;
}

.manage-stay__heading[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold);
  color: #111827;
}

@media (min-width: 1024px) {
  .manage-stay__heading[b-5se02zpgrz] {
    font-size: var(--text-3xl);
  }
}

.manage-stay__room-card[b-5se02zpgrz] {
  margin-top: var(--spacing-3);
}

.manage-stay__room-card-inner[b-5se02zpgrz] {
  background: #0F766E;
  color: white;
  border-radius: var(--radius-xl);
  padding: var(--spacing-4);
}

.manage-stay__room-card-inner p[b-5se02zpgrz],
.manage-stay__room-card-inner span[b-5se02zpgrz] {
  color: white;
  margin: 0;
}

.manage-stay__room-card-inner svg[b-5se02zpgrz] {
  color: inherit;
}

.manage-stay__room-card-inner *[b-5se02zpgrz] {
  text-transform: none;
}

@media (min-width: 1024px) {
  .manage-stay__room-card-inner[b-5se02zpgrz] {
    padding: var(--spacing-5);
  }
}

.manage-stay__room-top[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

@media (min-width: 1024px) {
  .manage-stay__room-top[b-5se02zpgrz] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.manage-stay__room-main[b-5se02zpgrz] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-6);
}

@media (min-width: 1024px) {
  .manage-stay__room-main[b-5se02zpgrz] {
    justify-content: flex-start;
  }
}

.manage-stay__room-main .manage-stay__guest[b-5se02zpgrz] {
  margin-left: var(--spacing-8);
}

.manage-stay__room-info[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.manage-stay__room-title[b-5se02zpgrz] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-1);
}

.manage-stay__room-icon[b-5se02zpgrz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.manage-stay__room-number[b-5se02zpgrz] {
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold);
  line-height: 1.1;
}

@media (min-width: 1024px) {
  .manage-stay__room-number[b-5se02zpgrz] {
    font-size: var(--text-3xl);
  }
}

.manage-stay__room-type[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-sm);
  opacity: 0.9;
}

.manage-stay__guest p[b-5se02zpgrz] {
  margin: 0;
}

.manage-stay__guest[b-5se02zpgrz] {
  text-align: right;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-semibold);
}

@media (min-width: 1024px) {
  .manage-stay__guest[b-5se02zpgrz] {
    text-align: left;
    margin-left: var(--spacing-8);
  }
}

.manage-stay__room-main > .manage-stay__guest[b-5se02zpgrz] {
  margin-left: var(--spacing-8);
}

.manage-stay__dates[b-5se02zpgrz] {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  font-size: var(--text-sm);
  opacity: 0.9;
}

.manage-stay__dates p[b-5se02zpgrz] {
  margin: 0;
}

.manage-stay__date-label[b-5se02zpgrz] {
  font-weight: var(--font-weight-medium);
}

.manage-stay__date-label[b-5se02zpgrz] {
  margin: 0;
  font-weight: var(--font-weight-medium);
}

.manage-stay__date[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0-5);
}

.manage-stay__date--right[b-5se02zpgrz] {
  text-align: right;
}

.manage-stay__arrow[b-5se02zpgrz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.manage-stay__content[b-5se02zpgrz] {
  flex: 1;
  overflow-y: auto;
}

@media (max-width: 1023px) {
  .manage-stay__content[b-5se02zpgrz] {
    padding-bottom: 6.5rem;
  }
}

.manage-stay__content-inner[b-5se02zpgrz] {
  max-width: 1400px;
  margin: 0 auto;
}

.manage-stay__grid[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
  padding: var(--spacing-4);
}

@media (min-width: 1024px) {
  .manage-stay__grid[b-5se02zpgrz] {
    display: grid;
    grid-template-columns: 400px minmax(0, 1fr);
    gap: var(--spacing-6);
    padding: var(--spacing-6);
    align-items: start;
  }
}

.manage-stay__left[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.manage-stay__actions[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.manage-stay__action-grid[b-5se02zpgrz] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-3);
}

.manage-stay__action-card[b-5se02zpgrz] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: var(--radius-xl);
  padding: var(--spacing-4);
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.manage-stay__action-card:hover[b-5se02zpgrz] {
  background: #F9FAFB;
  border-color: #D1D5DB;
}

.manage-stay__action-icon[b-5se02zpgrz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0F766E;
  margin-bottom: var(--spacing-2);
}

.manage-stay__action-title[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: #111827;
}

.manage-stay__action-subtitle[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-xs);
  color: #6B7280;
}

.manage-stay__notes[b-5se02zpgrz] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: var(--radius-xl);
  padding: var(--spacing-4);
  display: flex;
  gap: var(--spacing-3);
}

.manage-stay__notes-icon[b-5se02zpgrz] {
  display: inline-flex;
  color: #6B7280;
}

.manage-stay__notes-title[b-5se02zpgrz] {
  margin: 0 0 var(--spacing-1) 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: #111827;
}

.manage-stay__notes-text[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-sm);
  color: #6B7280;
}

.manage-stay__charges[b-5se02zpgrz] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: var(--radius-xl);
  overflow: hidden;
}

.manage-stay__charges-header[b-5se02zpgrz] {
  padding: var(--spacing-3) var(--spacing-4);
  background: #F9FAFB;
  border-bottom: 1px solid #E5E7EB;
}

.manage-stay__charges-header h2[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: #111827;
}

.manage-stay__charges-list[b-5se02zpgrz] {
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}

@media (min-width: 1024px) {
  .manage-stay__charges-list[b-5se02zpgrz] {
    max-height: calc(100vh - 320px);
  }
}

.manage-stay__charge[b-5se02zpgrz] {
  padding: var(--spacing-3) var(--spacing-4);
  border-bottom: 1px solid #E5E7EB;
}

.manage-stay__charge:last-child[b-5se02zpgrz] {
  border-bottom: none;
}

.manage-stay__charge-top[b-5se02zpgrz] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-3);
}

.manage-stay__charge-info[b-5se02zpgrz] {
  flex: 1;
}

.manage-stay__charge-title[b-5se02zpgrz] {
  margin: 0 0 var(--spacing-1) 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: #111827;
}

.manage-stay__charge-meta[b-5se02zpgrz] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  flex-wrap: wrap;
}

.manage-stay__charge-badge[b-5se02zpgrz] {
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: var(--font-weight-medium);
}

.manage-stay__charge-badge--room[b-5se02zpgrz] {
  background: rgba(15, 118, 110, 0.1);
  color: #0F766E;
}

.manage-stay__charge-badge--food[b-5se02zpgrz] {
  background: rgba(245, 158, 11, 0.1);
  color: #F59E0B;
}

.manage-stay__charge-badge--minibar[b-5se02zpgrz] {
  background: rgba(139, 92, 246, 0.1);
  color: #8B5CF6;
}

.manage-stay__charge-badge--service[b-5se02zpgrz] {
  background: rgba(59, 130, 246, 0.1);
  color: #3B82F6;
}

.manage-stay__charge-badge--other[b-5se02zpgrz] {
  background: rgba(107, 114, 128, 0.1);
  color: #6B7280;
}

.manage-stay__charge-time[b-5se02zpgrz] {
  font-size: var(--text-xs);
  color: #6B7280;
}

.manage-stay__charge-total[b-5se02zpgrz] {
  text-align: right;
  margin-left: var(--spacing-3);
}

.manage-stay__charge-total p[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bold);
  color: #111827;
}

.manage-stay__charge-total-cdf[b-5se02zpgrz] {
  font-size: var(--text-xs);
  font-weight: var(--font-weight-normal);
  color: #6B7280;
}

.manage-stay__charges-total[b-5se02zpgrz] {
  padding: var(--spacing-4);
  background: #F9FAFB;
  border-top: 2px solid #0F766E;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-4);
}

.manage-stay__charges-total-left p[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: #111827;
}

.manage-stay__charges-count[b-5se02zpgrz] {
  font-size: var(--text-xs);
  font-weight: var(--font-weight-normal);
  color: #6B7280;
}

.manage-stay__charges-total-right[b-5se02zpgrz] {
  text-align: right;
}

.manage-stay__charges-total-right p[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-bold);
  color: #0F766E;
}

.manage-stay__charges-total-cdf[b-5se02zpgrz] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-normal);
  color: #6B7280;
}

.manage-stay__empty[b-5se02zpgrz] {
  color: #6B7280;
  font-size: var(--text-sm);
}

.manage-stay__mobile-footer[b-5se02zpgrz] {
  display: none;
  padding: var(--spacing-4);
  background: white;
  border-top: 1px solid #E5E7EB;
}

.manage-stay__mobile-footer :deep(.duara-button)[b-5se02zpgrz] {
  width: 100%;
}

@media (max-width: 1023px) {
  .manage-stay__mobile-footer[b-5se02zpgrz] {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 20;
  }
}

.manage-stay-sheet[b-5se02zpgrz] {
  padding: 0;
}

.manage-stay-sheet__header[b-5se02zpgrz] {
  padding: var(--spacing-3) var(--spacing-6) var(--spacing-4);
}

.manage-stay-sheet__title[b-5se02zpgrz] {
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
  color: #111827;
}

.manage-stay-sheet__body[b-5se02zpgrz] {
  padding: 0 var(--spacing-6) var(--spacing-6);
}

.manage-stay-form[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.manage-stay-form__section[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.manage-stay-form__label[b-5se02zpgrz] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: #111827;
}

.manage-stay-form__category-grid[b-5se02zpgrz] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-2);
}

.manage-stay-form__category[b-5se02zpgrz] {
  padding: var(--spacing-3);
  border-radius: var(--radius-xl);
  border: 2px solid #E5E7EB;
  background: white;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.manage-stay-form__category.is-selected[b-5se02zpgrz] {
  border-color: #0F766E;
  background: rgba(15, 118, 110, 0.05);
}

.manage-stay-form__category-icon[b-5se02zpgrz] {
  display: block;
  font-size: 1.5rem;
  margin-bottom: var(--spacing-1);
  color: #111827;
}

.manage-stay-form__category-text[b-5se02zpgrz] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: #111827;
}

.manage-stay-form__input[b-5se02zpgrz] {
  width: 100%;
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--radius-xl);
  border: 1px solid #E5E7EB;
  font-size: var(--text-base);
  color: #111827;
}

.manage-stay-form__input:focus[b-5se02zpgrz] {
  outline: none;
  border-color: transparent;
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.35);
}

.manage-stay-form__amount[b-5se02zpgrz] {
  position: relative;
}

.manage-stay-form__amount-prefix[b-5se02zpgrz] {
  position: absolute;
  left: var(--spacing-4);
  top: 50%;
  transform: translateY(-50%);
  color: #6B7280;
}

.manage-stay-form__input--amount[b-5se02zpgrz] {
  padding-left: 2rem;
}

.manage-stay-form__hint[b-5se02zpgrz] {
  margin: var(--spacing-1) 0 0 0;
  font-size: var(--text-xs);
  color: #6B7280;
}

.manage-stay-form__error[b-5se02zpgrz] {
  font-size: var(--text-sm);
  color: #DC2626;
}

.manage-stay-form__actions[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding-top: var(--spacing-2);
}

.manage-stay-form__primary[b-5se02zpgrz],
.manage-stay-form__ghost[b-5se02zpgrz],
.manage-stay-form__success[b-5se02zpgrz] {
  width: 100%;
  border-radius: var(--radius-xl);
  padding: var(--spacing-3) var(--spacing-4);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.manage-stay-form__primary[b-5se02zpgrz] {
  background: #0F766E;
  color: white;
}

.manage-stay-form__primary:hover[b-5se02zpgrz] {
  background: #115E59;
}

.manage-stay-form__ghost[b-5se02zpgrz] {
  background: white;
  color: #6B7280;
  border-color: #E5E7EB;
  font-weight: var(--font-weight-medium);
}

.manage-stay-form__ghost:hover[b-5se02zpgrz] {
  background: #F3F4F6;
}

.manage-stay-form__success[b-5se02zpgrz] {
  background: #22C55E;
  color: white;
}

.manage-stay-form__success:hover[b-5se02zpgrz] {
  background: #16A34A;
}

.manage-stay-form__summary[b-5se02zpgrz] {
  background: #F9FAFB;
  border-radius: var(--radius-xl);
  padding: var(--spacing-4);
}

.manage-stay-form__summary-label[b-5se02zpgrz] {
  margin: 0 0 var(--spacing-1) 0;
  font-size: var(--text-xs);
  color: #6B7280;
}

.manage-stay-form__summary-value[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold);
  color: #111827;
}

.manage-stay-form__summary--accent[b-5se02zpgrz] {
  border: 1px solid rgba(15, 118, 110, 0.2);
  background: rgba(15, 118, 110, 0.05);
}

.manage-stay-form__summary-row[b-5se02zpgrz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-2);
}

.manage-stay-form__summary-row:last-child[b-5se02zpgrz] {
  margin-bottom: 0;
}

.manage-stay-form__summary-row span[b-5se02zpgrz] {
  font-size: var(--text-sm);
  color: #6B7280;
}

.manage-stay-form__summary-right[b-5se02zpgrz] {
  text-align: right;
}

.manage-stay-form__summary-right p[b-5se02zpgrz] {
  margin: 0;
  font-weight: var(--font-weight-bold);
  color: #111827;
}

.manage-stay-form__summary-right p:last-child[b-5se02zpgrz] {
  font-size: var(--text-xs);
  font-weight: var(--font-weight-normal);
  color: #6B7280;
}

.manage-stay-form__room-list[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  max-height: 400px;
  overflow-y: auto;
}

.manage-stay-form__room-card[b-5se02zpgrz] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: var(--radius-xl);
  padding: var(--spacing-4);
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.manage-stay-form__room-card:hover[b-5se02zpgrz] {
  background: #F9FAFB;
}

.manage-stay-form__room-card-row[b-5se02zpgrz] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-3);
}

.manage-stay-form__room-title[b-5se02zpgrz] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-1);
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold);
  color: #111827;
}

.manage-stay-form__room-title span:last-child[b-5se02zpgrz] {
  font-size: var(--text-lg);
}

.manage-stay-form__room-price[b-5se02zpgrz] {
  text-align: right;
}

.manage-stay-form__room-price p[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bold);
  color: #111827;
}

.manage-stay-form__room-price p:last-child[b-5se02zpgrz] {
  font-size: var(--text-xs);
  font-weight: var(--font-weight-normal);
  color: #6B7280;
}

.manage-stay-form__bill[b-5se02zpgrz] {
  background: #F9FAFB;
  border-radius: var(--radius-xl);
  padding: var(--spacing-4);
}

.manage-stay-form__bill h3[b-5se02zpgrz] {
  margin: 0 0 var(--spacing-2) 0;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold);
  color: #111827;
}

.manage-stay-form__bill-meta[b-5se02zpgrz] {
  font-size: var(--text-sm);
  color: #6B7280;
}

.manage-stay-form__bill-meta p[b-5se02zpgrz] {
  margin: 0 0 var(--spacing-1) 0;
}

.manage-stay-form__bill-meta span[b-5se02zpgrz] {
  font-weight: var(--font-weight-medium);
  color: #111827;
}

.manage-stay-form__charges-summary[b-5se02zpgrz] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.manage-stay-form__charges-title[b-5se02zpgrz] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: #111827;
  margin: 0;
}

.manage-stay-form__charges-list[b-5se02zpgrz] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: var(--radius-xl);
  overflow: hidden;
  max-height: 200px;
}

.manage-stay-form__charges-item[b-5se02zpgrz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-2) var(--spacing-4);
  border-bottom: 1px solid #E5E7EB;
}

.manage-stay-form__charges-item:last-child[b-5se02zpgrz] {
  border-bottom: none;
}

.manage-stay-form__charges-item p[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-xs);
  color: #111827;
}

.manage-stay-form__charges-date[b-5se02zpgrz] {
  color: #6B7280;
}

.manage-stay-form__charges-amount[b-5se02zpgrz] {
  font-weight: var(--font-weight-bold);
}

.manage-stay-form__total[b-5se02zpgrz] {
  background: #0F766E;
  color: white;
  border-radius: var(--radius-xl);
  padding: var(--spacing-4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
}

.manage-stay-form__total-label[b-5se02zpgrz] {
  margin: 0 0 var(--spacing-1) 0;
  font-size: var(--text-sm);
  opacity: 0.9;
}

.manage-stay-form__total-count[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-xs);
  opacity: 0.75;
}

.manage-stay-form__total-right[b-5se02zpgrz] {
  text-align: right;
}

.manage-stay-form__total-amount[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold);
}

.manage-stay-form__total-cdf[b-5se02zpgrz] {
  margin: 0;
  font-size: var(--text-sm);
  opacity: 0.9;
}

.manage-stay-form__button-icon[b-5se02zpgrz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--spacing-2);
}

.manage-stay-dialog .duara-modal__body[b-5se02zpgrz] {
  padding: var(--spacing-4) var(--spacing-6);
}

.manage-stay-dialog .duara-modal__header[b-5se02zpgrz] {
  padding: var(--spacing-4) var(--spacing-6);
  border-bottom: 1px solid #E5E7EB;
}

.manage-stay-dialog .duara-modal__header h2[b-5se02zpgrz] {
  color: #111827;
}
/* _content/Duara.SharedUI/Components/Pages/PaymentScreen.razor.rz.scp.css */
/* ========== Base Payment Screen ========== */
.payment-screen[b-mrwpipb4x8] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--duara-surface-muted, #F3F4F6);
    color: var(--duara-text-primary, #111827);
}

.payment-screen--empty[b-mrwpipb4x8] {
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.payment-screen__empty-card[b-mrwpipb4x8] {
    background: var(--duara-surface, #ffffff);
    padding: 48px;
    border-radius: 32px;
    text-align: center;
    box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12);
}

.payment-screen__empty-card h2[b-mrwpipb4x8] {
    margin-bottom: 12px;
    font-size: 1.5rem;
    color: var(--duara-text-primary, #111827);
}

.payment-screen__empty-card p[b-mrwpipb4x8] {
    margin-bottom: 24px;
    color: var(--duara-text-muted, #6B7280);
}

/* ========== Desktop Layout (hidden on mobile) ========== */
.payment-screen--desktop[b-mrwpipb4x8] {
    display: none;
}

@media (min-width: 768px) {
    .payment-screen--desktop[b-mrwpipb4x8] {
        display: flex;
        flex-direction: column;
        height: 100vh;
        padding: 0;
    }

    .payment-screen--mobile[b-mrwpipb4x8] {
        display: none;
    }
}

/* Desktop Tabs */
.payment-screen__tabs-desktop[b-mrwpipb4x8] {
    background: var(--duara-surface, #ffffff);
    border-bottom: 1px solid #E5E7EB;
    padding: 12px 16px;
}

.payment-screen__tabs-row[b-mrwpipb4x8] {
    display: flex;
    gap: 8px;
}

.payment-screen__tab-pill[b-mrwpipb4x8] {
    padding: 10px 24px;
    border-radius: 9999px;
    border: 1px solid #E5E7EB;
    background: #F3F4F6;
    color: #6B7280;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.payment-screen__tab-pill:hover[b-mrwpipb4x8] {
    border-color: var(--duara-color-primary, #0F766E);
}

.payment-screen__tab-pill.is-active[b-mrwpipb4x8] {
    background: var(--duara-color-primary, #0F766E);
    color: #ffffff;
    border-color: var(--duara-color-primary, #0F766E);
}

/* Desktop Two-Column Layout */
.payment-screen__columns[b-mrwpipb4x8] {
    flex: 1;
    display: flex;
    gap: 16px;
    padding: 16px;
    overflow: hidden;
}

.payment-screen__left[b-mrwpipb4x8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    padding-right: 8px;
}

.payment-screen__right[b-mrwpipb4x8] {
    width: 380px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Total Card with Gradient */
.payment-screen__total-card[b-mrwpipb4x8] {
    background: linear-gradient(135deg, #0F766E 0%, #115E59 100%);
    border-radius: 24px;
    padding: 24px;
    color: #ffffff;
    box-shadow: 0 10px 40px rgba(15, 118, 110, 0.35);
}

.payment-screen__total-label[b-mrwpipb4x8] {
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.payment-screen__total-amount[b-mrwpipb4x8] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
    line-height: 1.1;
}

.payment-screen__total-secondary[b-mrwpipb4x8] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
}

.payment-screen__tab-hint[b-mrwpipb4x8] {
    margin: 0 0 8px;
    font-size: 0.875rem;
    color: var(--duara-text-muted, #6B7280);
}

/* Summary Card */
.payment-screen__summary-card[b-mrwpipb4x8] {
    background: var(--duara-surface, #ffffff);
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.payment-screen__summary-title[b-mrwpipb4x8] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--duara-text-primary, #111827);
    margin-bottom: 12px;
}

.payment-screen__summary-row[b-mrwpipb4x8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 0.9375rem;
    color: var(--duara-text-muted, #6B7280);
}

.payment-screen__summary-row span:last-child[b-mrwpipb4x8] {
    font-weight: 600;
    color: var(--duara-text-primary, #111827);
}

.payment-screen__summary-row--change[b-mrwpipb4x8] {
    margin-top: 8px;
    padding: 12px;
    background: #F0FDF4;
    border: 2px solid #10B981;
    border-radius: 12px;
}

.payment-screen__summary-row--change.is-positive span[b-mrwpipb4x8] {
    color: #10B981;
}

.payment-screen__change-amount[b-mrwpipb4x8] {
    font-size: 1.25rem;
    font-weight: 700;
}

.payment-screen__error-text[b-mrwpipb4x8] {
    margin-top: 8px;
    font-size: 0.875rem;
    color: #DC2626;
    text-align: center;
}

/* Action Buttons */
.payment-screen__action-buttons[b-mrwpipb4x8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.payment-screen__complete-btn[b-mrwpipb4x8] {
    width: 100%;
}

.payment-screen__cancel-btn[b-mrwpipb4x8] {
    width: 100%;
}

.payment-screen__error[b-mrwpipb4x8] {
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.12);
    color: #B91C1C;
    font-weight: 600;
    font-size: 0.875rem;
    margin-top: 12px;
}

/* ========== Mobile Layout ========== */
.payment-screen--mobile[b-mrwpipb4x8] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-bottom: 100px; /* Space for fixed footer */
}

.payment-screen__mobile-total[b-mrwpipb4x8] {
    padding: 0;
}

/* Mobile Total Card - More compact like Figma */
.payment-screen--mobile .payment-screen__total-card[b-mrwpipb4x8] {
    border-radius: 0;
    padding: 12px 16px;
    box-shadow: none;
}

.payment-screen--mobile .payment-screen__total-label[b-mrwpipb4x8] {
    font-size: 0.625rem;
    margin-bottom: 2px;
}

.payment-screen--mobile .payment-screen__total-amount[b-mrwpipb4x8] {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.payment-screen--mobile .payment-screen__total-secondary[b-mrwpipb4x8] {
    font-size: 0.6875rem;
}

/* Sticky Mobile Tabs - Fixed below top navbar */
.payment-screen__tabs-mobile[b-mrwpipb4x8] {
    position: fixed;
    top: 56px; /* Below the navbar */
    left: 0;
    right: 0;
    z-index: 10;
    background: #F3F4F6;
    padding: 8px 16px;
}

.payment-screen__tabs-grid[b-mrwpipb4x8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    background: var(--duara-surface, #ffffff);
    border-radius: 20px;
    padding: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.payment-screen__tab-mobile[b-mrwpipb4x8] {
    padding: 12px 8px;
    border-radius: 14px;
    border: none;
    background: #F3F4F6;
    color: #6B7280;
    font-weight: 600;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.payment-screen__tab-mobile.is-active[b-mrwpipb4x8] {
    background: var(--duara-color-primary, #0F766E);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.3);
}

/* Mobile Content */
.payment-screen__mobile-content[b-mrwpipb4x8] {
    flex: 1;
    padding: 60px 0 12px 0; /* Top padding for fixed tabs */
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Mobile Section (Collapsible) */
.payment-screen__mobile-section[b-mrwpipb4x8] {
    background: var(--duara-surface, #ffffff);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.payment-screen__section-toggle[b-mrwpipb4x8] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border: none;
    background: transparent;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--duara-text-primary, #111827);
    cursor: pointer;
    transition: background 0.2s ease;
}

.payment-screen__section-toggle:hover[b-mrwpipb4x8] {
    background: #F9FAFB;
}

.payment-screen__toggle-icon[b-mrwpipb4x8] {
    color: #6B7280;
    font-size: 0.75rem;
}

.payment-screen__section-content[b-mrwpipb4x8] {
    padding: 0 16px 16px;
    border-top: 1px solid #E5E7EB;
    padding-top: 16px;
}

/* Mobile Change Display Card */
.payment-screen__change-card[b-mrwpipb4x8] {
    background: var(--duara-surface, #ffffff);
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.payment-screen__change-row[b-mrwpipb4x8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-size: 0.875rem;
    color: var(--duara-text-muted, #6B7280);
}

.payment-screen__change-row span:last-child[b-mrwpipb4x8] {
    font-weight: 600;
    color: var(--duara-text-primary, #111827);
}

.payment-screen__change-highlight[b-mrwpipb4x8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #F0FDF4;
    border: 2px solid #10B981;
    border-radius: 16px;
}

.payment-screen__change-highlight span[b-mrwpipb4x8] {
    color: #6B7280;
}

.payment-screen__change-highlight.is-positive span[b-mrwpipb4x8] {
    color: #10B981;
}

.payment-screen__change-value[b-mrwpipb4x8] {
    font-size: 1.25rem;
    font-weight: 700;
}

.payment-screen__change-warning[b-mrwpipb4x8] {
    margin-top: 12px;
    font-size: 0.75rem;
    color: #DC2626;
    text-align: center;
}

/* Mobile Fixed Footer */
.payment-screen__mobile-footer[b-mrwpipb4x8] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--duara-surface, #ffffff);
    padding: 16px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #E5E7EB;
    z-index: 20;
}

.payment-screen__mobile-actions[b-mrwpipb4x8] {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

/* Cancel X Button - Mobile */
.payment-screen__cancel-icon[b-mrwpipb4x8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border: 2px solid #6B7280;
    border-radius: 16px;
    background: var(--duara-surface, #ffffff);
    color: #6B7280;
    font-size: 1.5rem;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.2s ease;
}

.payment-screen__cancel-icon:hover[b-mrwpipb4x8] {
    background: #F3F4F6;
}

.payment-screen__cancel-icon:active[b-mrwpipb4x8] {
    transform: scale(0.95);
}

/* Remaining Badge - Mobile Footer */
.payment-screen__remaining-badge[b-mrwpipb4x8] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: #FEE2E2;
    border: 2px solid #DC2626;
    border-radius: 16px;
}

.payment-screen__remaining-info[b-mrwpipb4x8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.payment-screen__remaining-label[b-mrwpipb4x8] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #DC2626;
}

.payment-screen__remaining-cdf[b-mrwpipb4x8] {
    font-size: 0.625rem;
    color: rgba(220, 38, 38, 0.7);
}

.payment-screen__remaining-amount[b-mrwpipb4x8] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #DC2626;
}

.payment-screen__complete-btn--mobile[b-mrwpipb4x8] {
    flex: 1;
}

/* Hide mobile layout on desktop */
@media (min-width: 768px) {
    .payment-screen--mobile[b-mrwpipb4x8] {
        display: none !important;
    }
}

/* ========== Room Charge Layout ========== */
.payment-screen--room-charge[b-mrwpipb4x8] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 16px;
}

.room-charge-container[b-mrwpipb4x8] {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.room-charge-header[b-mrwpipb4x8] {
    text-align: center;
}

.room-charge-icon[b-mrwpipb4x8] {
    font-size: 3rem;
    display: block;
    margin-bottom: 12px;
}

.room-charge-title[b-mrwpipb4x8] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--duara-text-primary, #111827);
    margin: 0 0 8px;
}

.room-charge-guest[b-mrwpipb4x8] {
    font-size: 1rem;
    color: var(--duara-color-primary, #0F766E);
    font-weight: 600;
    margin: 0;
}

/* Room Charge Total Card */
.room-charge-total-card[b-mrwpipb4x8] {
    background: linear-gradient(135deg, #0F766E 0%, #115E59 100%);
    border-radius: 24px;
    padding: 32px 24px;
    color: #ffffff;
    text-align: center;
    box-shadow: 0 10px 40px rgba(15, 118, 110, 0.35);
}

.room-charge-total-label[b-mrwpipb4x8] {
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.room-charge-total-amount[b-mrwpipb4x8] {
    font-size: 2.75rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
    line-height: 1.1;
}

.room-charge-total-secondary[b-mrwpipb4x8] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
}

/* Info text */
.room-charge-info[b-mrwpipb4x8] {
    background: var(--duara-surface, #ffffff);
    border-radius: 16px;
    padding: 16px 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.room-charge-info-text[b-mrwpipb4x8] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--duara-text-muted, #6B7280);
    text-align: center;
    line-height: 1.5;
}

/* Actions */
.room-charge-actions[b-mrwpipb4x8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.room-charge-confirm-btn[b-mrwpipb4x8] {
    width: 100%;
}

.room-charge-cancel-btn[b-mrwpipb4x8] {
    width: 100%;
}

.room-charge-error[b-mrwpipb4x8] {
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.12);
    color: #B91C1C;
    font-weight: 600;
    font-size: 0.875rem;
    text-align: center;
}
/* _content/Duara.SharedUI/Components/Pages/PendingOrdersScreen.razor.rz.scp.css */
/* 
 * PendingOrdersScreen Component
 * Lists restaurant orders with pending (unserved) items
 */

.duara-pending-orders[b-zdl63flswy] {
    min-height: 100vh;
    background-color: #F5F8FB;
    display: flex;
    flex-direction: column;
}

/* Header */
.duara-pending-orders__header[b-zdl63flswy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    padding: 1rem;
}

.duara-pending-orders__back-btn[b-zdl63flswy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-pending-orders__back-btn:hover[b-zdl63flswy] {
    background-color: #E5E7EB;
}

.duara-pending-orders__title[b-zdl63flswy] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.duara-pending-orders__refresh-btn[b-zdl63flswy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-pending-orders__refresh-btn:hover:not(:disabled)[b-zdl63flswy] {
    background-color: #E5E7EB;
}

.duara-pending-orders__refresh-btn:disabled[b-zdl63flswy] {
    opacity: 0.6;
    cursor: not-allowed;
}

.duara-pending-orders__refresh-btn svg.is-spinning[b-zdl63flswy] {
    animation: spin-b-zdl63flswy 1s linear infinite;
}

@keyframes spin-b-zdl63flswy {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Search */
.duara-pending-orders__search[b-zdl63flswy] {
    padding: 0.75rem 1rem;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
}

.duara-pending-orders__search-input[b-zdl63flswy] {
    width: 100%;
}

/* Content Area */
.duara-pending-orders__content[b-zdl63flswy] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}

.duara-pending-orders__loading[b-zdl63flswy],
.duara-pending-orders__error[b-zdl63flswy],
.duara-pending-orders__empty[b-zdl63flswy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    text-align: center;
    color: #6B7280;
    min-height: 50vh;
}

.duara-pending-orders__empty-icon[b-zdl63flswy] {
    color: #16A34A;
    margin-bottom: 0.5rem;
}

.duara-pending-orders__empty-text[b-zdl63flswy] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
    color: #111827;
}

.duara-pending-orders__empty-subtext[b-zdl63flswy] {
    margin: 0;
    font-size: 0.875rem;
    color: #6B7280;
}

.duara-pending-orders__error p[b-zdl63flswy] {
    margin: 0;
    color: #DC2626;
}

/* Order List */
.duara-pending-orders__list[b-zdl63flswy] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Order Card */
.duara-pending-orders__card[b-zdl63flswy] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 4px solid #F59E0B;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
    width: 100%;
}

.duara-pending-orders__card:hover[b-zdl63flswy] {
    border-color: #D1D5DB;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.duara-pending-orders__card:focus-visible[b-zdl63flswy] {
    outline: 2px solid #0F766E;
    outline-offset: 2px;
}

/* Card Header */
.duara-pending-orders__card-header[b-zdl63flswy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.duara-pending-orders__card-table[b-zdl63flswy] {
    display: flex;
    align-items: center;
}

.duara-pending-orders__table-badge[b-zdl63flswy] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.625rem;
    background-color: #0F766E;
    color: #FFFFFF;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.duara-pending-orders__table-badge--no-table[b-zdl63flswy] {
    background-color: #6B7280;
}

.duara-pending-orders__card-time[b-zdl63flswy] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6B7280;
    padding: 0.25rem 0.5rem;
    background-color: #F3F4F6;
    border-radius: 0.25rem;
}

.duara-pending-orders__card-time.is-warning[b-zdl63flswy] {
    background-color: #FEF3C7;
    color: #92400E;
}

.duara-pending-orders__card-time.is-urgent[b-zdl63flswy] {
    background-color: #FEE2E2;
    color: #DC2626;
    font-weight: 600;
}

/* Card Body */
.duara-pending-orders__card-body[b-zdl63flswy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.duara-pending-orders__card-order[b-zdl63flswy] {
    display: flex;
    align-items: center;
}

.duara-pending-orders__order-number[b-zdl63flswy] {
    font-size: 0.875rem;
    color: #6B7280;
    font-family: monospace;
}

.duara-pending-orders__card-items[b-zdl63flswy] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.duara-pending-orders__pending-count[b-zdl63flswy] {
    font-size: 1rem;
    font-weight: 600;
    color: #F59E0B;
}

.duara-pending-orders__total-count[b-zdl63flswy] {
    font-size: 0.875rem;
    color: #9CA3AF;
}

/* Card Footer */
.duara-pending-orders__card-footer[b-zdl63flswy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.75rem;
    border-top: 1px solid #E5E7EB;
}

.duara-pending-orders__card-total[b-zdl63flswy] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
}

.duara-pending-orders__card-footer svg[b-zdl63flswy] {
    color: #9CA3AF;
}

/* Tablet and up */
@media (min-width: 640px) {
    .duara-pending-orders__list[b-zdl63flswy] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .duara-pending-orders__card[b-zdl63flswy] {
        min-height: 160px;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    .duara-pending-orders__list[b-zdl63flswy] {
        grid-template-columns: repeat(3, 1fr);
    }

    .duara-pending-orders__header[b-zdl63flswy] {
        padding: 1rem 1.5rem;
    }

    .duara-pending-orders__search[b-zdl63flswy] {
        padding: 1rem 1.5rem;
    }

    .duara-pending-orders__content[b-zdl63flswy] {
        padding: 1.5rem;
    }
}

/* Large Desktop */
@media (min-width: 1280px) {
    .duara-pending-orders__list[b-zdl63flswy] {
        grid-template-columns: repeat(4, 1fr);
    }
}
/* _content/Duara.SharedUI/Components/Pages/POSRestaurantScreen.razor.rz.scp.css */
.duara-pos-restaurant[b-3lz4oz6f46] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    background-color: #F8FAFC;
    overflow: hidden;
}
/* _content/Duara.SharedUI/Components/Pages/POSSupermarketScreen.razor.rz.scp.css */
/* ==========================================================================
   POS Supermarket Screen
   Reference UI Fidelity: SupermarketSale.tsx
   ========================================================================== */

/* Root container */
.supermarket[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #F3F4F6;
}

/* Left panel (scanner, search, content) */
.supermarket__left[b-9gy3n2z4a3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Fixed header with scanner & search */
.supermarket__header[b-9gy3n2z4a3] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #F3F4F6;
    padding: 1rem;
    padding-bottom: 0;
}

.supermarket__header-inner[b-9gy3n2z4a3] {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

/* Scanner button - matches Reference: bg-[#0F766E] py-4 px-6 rounded-xl */
.supermarket__scan-btn[b-9gy3n2z4a3] {
    width: 100%;
    border: none;
    background: #0F766E;
    color: #ffffff;
    border-radius: 0.75rem;
    padding: 1rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 4px 14px 0 rgba(15, 118, 110, 0.39);
    transition: background 0.15s ease;
}

.supermarket__scan-btn:hover[b-9gy3n2z4a3] {
    background: #115E59;
}

.supermarket__scan-btn:active[b-9gy3n2z4a3] {
    background: #134E4A;
}

.supermarket__scan-icon[b-9gy3n2z4a3] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Search input - matches Reference: pl-12 pr-4 py-3 bg-[#F9FAFB] border-2 border-[#E5E7EB] rounded-xl */
.supermarket__search[b-9gy3n2z4a3] {
    position: relative;
}

.supermarket__search-icon[b-9gy3n2z4a3] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: #9CA3AF;
    pointer-events: none;
}

.supermarket__search-input[b-9gy3n2z4a3] {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 3rem;
    border-radius: 0.75rem;
    border: 2px solid #E5E7EB;
    background: #F9FAFB;
    font-size: 1rem;
    color: #111827;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.supermarket__search-input[b-9gy3n2z4a3]::placeholder {
    color: #9CA3AF;
}

.supermarket__search-input:focus[b-9gy3n2z4a3] {
    outline: none;
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

/* Tip text - matches Reference: text-xs text-gray-500 */
.supermarket__tip[b-9gy3n2z4a3] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #6B7280;
}

.supermarket__tip-icon[b-9gy3n2z4a3] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: #9CA3AF;
}

/* Main scrollable content area */
.supermarket__content[b-9gy3n2z4a3] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 200px; /* Space for fixed bottom bar on mobile */
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
}

/* Search results card */
.supermarket__results[b-9gy3n2z4a3] {
    background: #ffffff;
    border-radius: 0.75rem;
    border: 1px solid #E5E7EB;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.supermarket__results-header[b-9gy3n2z4a3] {
    padding: 0.75rem 1rem;
    background: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
}

.supermarket__results-count[b-9gy3n2z4a3] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
}

.supermarket__results-list[b-9gy3n2z4a3] {
    max-height: 320px;
    overflow-y: auto;
}

.supermarket__result[b-9gy3n2z4a3] {
    width: 100%;
    text-align: left;
    padding: 0.875rem 1rem;
    border: none;
    border-bottom: 1px solid #F3F4F6;
    background: #ffffff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    transition: background 0.1s ease;
}

.supermarket__result:last-child[b-9gy3n2z4a3] {
    border-bottom: none;
}

.supermarket__result:hover[b-9gy3n2z4a3] {
    background: #F9FAFB;
}

.supermarket__result-info[b-9gy3n2z4a3] {
    min-width: 0;
    flex: 1;
}

.supermarket__result-name[b-9gy3n2z4a3] {
    margin: 0;
    font-weight: 600;
    color: #111827;
    line-height: 1.4;
}

.supermarket__result-meta[b-9gy3n2z4a3] {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    color: #6B7280;
}

.supermarket__result-price[b-9gy3n2z4a3] {
    text-align: right;
    white-space: nowrap;
    flex-shrink: 0;
}

.supermarket__result-usd[b-9gy3n2z4a3] {
    display: block;
    font-weight: 600;
    color: #0F766E;
}

.supermarket__result-cdf[b-9gy3n2z4a3] {
    display: block;
    font-size: 0.75rem;
    color: #6B7280;
}

.supermarket__results-empty[b-9gy3n2z4a3] {
    padding: 1.5rem 1rem;
    text-align: center;
    color: #6B7280;
    font-size: 0.875rem;
}

/* Last scanned feedback */
.supermarket__feedback[b-9gy3n2z4a3] {
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
}

.supermarket__feedback-title[b-9gy3n2z4a3] {
    margin: 0;
    font-weight: 600;
    color: #065F46;
}

.supermarket__feedback-detail[b-9gy3n2z4a3] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #047857;
}

/* Manual barcode entry card - matches Reference: bg-white rounded-xl shadow-md p-4 */
.supermarket__manual[b-9gy3n2z4a3] {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.supermarket__manual-label[b-9gy3n2z4a3] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
}

.supermarket__manual-input[b-9gy3n2z4a3] {
    width: 100%;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    border: 2px solid #E5E7EB;
    background: #F9FAFB;
    font-size: 1.125rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    letter-spacing: 0.05em;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.supermarket__manual-input[b-9gy3n2z4a3]::placeholder {
    color: #9CA3AF;
    letter-spacing: normal;
}

.supermarket__manual-input:focus[b-9gy3n2z4a3] {
    outline: none;
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

.supermarket__manual-submit[b-9gy3n2z4a3] {
    width: 100%;
    border: none;
    border-radius: 0.75rem;
    padding: 0.875rem 1rem;
    background: #0F766E;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.supermarket__manual-submit:hover:not(:disabled)[b-9gy3n2z4a3] {
    background: #115E59;
}

.supermarket__manual-submit:disabled[b-9gy3n2z4a3] {
    background: #D1D5DB;
    color: #6B7280;
    cursor: not-allowed;
}

.supermarket__manual-error[b-9gy3n2z4a3] {
    margin: 0;
    font-size: 0.75rem;
    color: #DC2626;
}

/* Numpad - matches Reference: 3x3 grid, C/0/← bottom, full-width VALIDER */
.supermarket__numpad[b-9gy3n2z4a3] {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.75rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.supermarket__numpad-key[b-9gy3n2z4a3] {
    height: 56px;
    border-radius: 0.75rem;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.1s ease;
}

.supermarket__numpad-key:hover[b-9gy3n2z4a3] {
    background: #F3F4F6;
}

.supermarket__numpad-key:active[b-9gy3n2z4a3] {
    background: #E5E7EB;
}

.supermarket__numpad-key--muted[b-9gy3n2z4a3] {
    background: #E5E7EB;
    color: #374151;
}

.supermarket__numpad-key--muted:hover[b-9gy3n2z4a3] {
    background: #D1D5DB;
}

.supermarket__numpad-key--danger[b-9gy3n2z4a3] {
    background: #FEE2E2;
    color: #B91C1C;
    border-color: #FECACA;
}

.supermarket__numpad-key--danger:hover[b-9gy3n2z4a3] {
    background: #FECACA;
}

.supermarket__numpad-key--primary[b-9gy3n2z4a3] {
    background: #0F766E;
    color: #ffffff;
    border: none;
    font-size: 0.875rem;
    letter-spacing: 0.025em;
}

.supermarket__numpad-key--primary:hover[b-9gy3n2z4a3] {
    background: #115E59;
}

.supermarket__numpad-key--full[b-9gy3n2z4a3] {
    grid-column: 1 / -1;
}

/* Mobile cart panel (expandable) */
.supermarket__mobile-cart[b-9gy3n2z4a3] {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 50vh;
    overflow-y: auto;
}

.supermarket__mobile-line[b-9gy3n2z4a3] {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.supermarket__mobile-line-header[b-9gy3n2z4a3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.supermarket__mobile-line-name[b-9gy3n2z4a3] {
    margin: 0;
    font-weight: 600;
    color: #111827;
    line-height: 1.4;
}

.supermarket__mobile-line-meta[b-9gy3n2z4a3] {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    color: #6B7280;
}

.supermarket__mobile-line-remove[b-9gy3n2z4a3] {
    border: none;
    background: transparent;
    color: #DC2626;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.1s ease;
}

.supermarket__mobile-line-remove:hover[b-9gy3n2z4a3] {
    background: #FEE2E2;
}

.supermarket__mobile-line-remove svg[b-9gy3n2z4a3] {
    width: 18px;
    height: 18px;
}

.supermarket__mobile-line-controls[b-9gy3n2z4a3] {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    align-items: center;
    gap: 0.5rem;
}

.supermarket__qty-btn[b-9gy3n2z4a3] {
    width: 36px;
    height: 36px;
    border: 1px solid #D1D5DB;
    border-radius: 0.5rem;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.1s ease;
}

.supermarket__qty-btn:hover[b-9gy3n2z4a3] {
    background: #F3F4F6;
}

.supermarket__qty-btn svg[b-9gy3n2z4a3] {
    width: 16px;
    height: 16px;
    color: #374151;
}

.supermarket__qty-display[b-9gy3n2z4a3] {
    min-width: 44px;
    text-align: center;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.5rem;
    font-weight: 600;
    background: #ffffff;
    color: #111827;
    cursor: pointer;
    transition: border-color 0.1s ease;
}

.supermarket__qty-display:hover[b-9gy3n2z4a3] {
    border-color: #0F766E;
}

.supermarket__qty-input[b-9gy3n2z4a3] {
    width: 52px;
    text-align: center;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.5rem;
    font-weight: 600;
    background: #ffffff;
    color: #111827;
}

.supermarket__qty-input--editing[b-9gy3n2z4a3] {
    border-color: #0F766E;
    box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.2);
}

.supermarket__mobile-line-total[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.125rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.supermarket__mobile-line-total span:last-child[b-9gy3n2z4a3] {
    font-size: 0.75rem;
    color: #6B7280;
    font-weight: 400;
}

/* Desktop cart panel (right sidebar) */
.supermarket__cart[b-9gy3n2z4a3] {
    display: none;
    flex-direction: column;
    background: #ffffff;
}

/* Desktop cart header - white background, matches CartPanel */
.supermarket__cart-header[b-9gy3n2z4a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid #E5E7EB;
    flex-shrink: 0;
}

.supermarket__cart-header-left[b-9gy3n2z4a3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.supermarket__cart-title[b-9gy3n2z4a3] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.supermarket__cart-badge[b-9gy3n2z4a3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.5rem;
    background: #E0F2FE;
    color: #0369A1;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 9999px;
}

.supermarket__cart-clear[b-9gy3n2z4a3] {
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: 0.375rem;
    background: transparent;
    color: #DC2626;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease;
}

.supermarket__cart-clear:hover[b-9gy3n2z4a3] {
    background: rgba(220, 38, 38, 0.1);
}

/* Desktop cart content - scrollable, fills space */
.supermarket__cart-content[b-9gy3n2z4a3] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    min-height: 0;
}

/* Desktop cart empty state */
.supermarket__cart-empty[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.5rem;
    height: 100%;
}

.supermarket__cart-empty-icon[b-9gy3n2z4a3] {
    width: 80px;
    height: 80px;
    color: #D1D5DB;
    margin-bottom: 1rem;
}

.supermarket__cart-empty-title[b-9gy3n2z4a3] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.supermarket__cart-empty-text[b-9gy3n2z4a3] {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    color: #6B7280;
}

/* Desktop cart lines */
.supermarket__cart-lines[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.supermarket__cart-line[b-9gy3n2z4a3] {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.75rem;
}

.supermarket__cart-line-header[b-9gy3n2z4a3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.supermarket__cart-line-info[b-9gy3n2z4a3] {
    flex: 1;
    min-width: 0;
}

.supermarket__cart-line-name[b-9gy3n2z4a3] {
    margin: 0;
    font-weight: 600;
    font-size: 0.875rem;
    color: #111827;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supermarket__cart-line-meta[b-9gy3n2z4a3] {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    color: #6B7280;
}

.supermarket__cart-line-remove[b-9gy3n2z4a3] {
    border: none;
    background: transparent;
    color: #DC2626;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.1s ease;
}

.supermarket__cart-line-remove:hover[b-9gy3n2z4a3] {
    background: #FEE2E2;
}

.supermarket__cart-line-remove svg[b-9gy3n2z4a3] {
    width: 16px;
    height: 16px;
}

/* Desktop cart line controls */
.supermarket__cart-line-controls[b-9gy3n2z4a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.supermarket__cart-qty-btn[b-9gy3n2z4a3] {
    width: 32px;
    height: 32px;
    border: 1px solid #D1D5DB;
    border-radius: 0.5rem;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.1s ease;
}

.supermarket__cart-qty-btn:hover[b-9gy3n2z4a3] {
    background: #F3F4F6;
}

.supermarket__cart-qty-btn svg[b-9gy3n2z4a3] {
    width: 16px;
    height: 16px;
    color: #374151;
}

.supermarket__cart-qty-display[b-9gy3n2z4a3] {
    width: 48px;
    text-align: center;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.375rem 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    background: #ffffff;
    color: #111827;
    cursor: pointer;
    transition: border-color 0.1s ease;
}

.supermarket__cart-qty-display:hover[b-9gy3n2z4a3] {
    border-color: #0F766E;
}

.supermarket__cart-qty-input[b-9gy3n2z4a3] {
    width: 48px;
    text-align: center;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.375rem 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    background: #ffffff;
    color: #111827;
}

.supermarket__cart-qty-input--editing[b-9gy3n2z4a3] {
    border-color: #0F766E;
    box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.2);
}

.supermarket__cart-line-total[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.supermarket__cart-line-usd[b-9gy3n2z4a3] {
    font-weight: 700;
    font-size: 0.875rem;
    color: #111827;
}

.supermarket__cart-line-cdf[b-9gy3n2z4a3] {
    font-size: 0.75rem;
    color: #6B7280;
}

/* Desktop cart footer - matches CartPanel, fixed bottom */
.supermarket__cart-footer[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid #E2E8F0;
    background: #ffffff;
    flex-shrink: 0;
    margin-top: auto;
}

.supermarket__cart-total-row[b-9gy3n2z4a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.supermarket__cart-total-left[b-9gy3n2z4a3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.supermarket__cart-total-label[b-9gy3n2z4a3] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.supermarket__cart-item-badge[b-9gy3n2z4a3] {
    padding: 0.375rem 0.75rem;
    background: #0F766E;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 9999px;
}

.supermarket__cart-total-values[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.supermarket__cart-total-usd[b-9gy3n2z4a3] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.supermarket__cart-total-cdf[b-9gy3n2z4a3] {
    font-size: 0.875rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Desktop cart action buttons - matches CartPanel */
.supermarket__cart-actions[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.supermarket__cart-hold[b-9gy3n2z4a3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 48px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    background: #ffffff;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.supermarket__cart-hold:not(:disabled):hover[b-9gy3n2z4a3] {
    background: #F9FAFB;
    border-color: #D1D5DB;
}

.supermarket__cart-hold:disabled[b-9gy3n2z4a3] {
    opacity: 0.5;
    cursor: not-allowed;
}

.supermarket__cart-hold svg[b-9gy3n2z4a3] {
    width: 16px;
    height: 16px;
}

.supermarket__cart-checkout[b-9gy3n2z4a3] {
    height: 48px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #ffffff;
    background: #0F766E;
    border: none;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.supermarket__cart-checkout:not(:disabled):hover[b-9gy3n2z4a3] {
    background: #115E59;
}

.supermarket__cart-checkout:disabled[b-9gy3n2z4a3] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Mobile bottom summary - matches Reference: fixed bottom, white bg, shadow-lg */
.supermarket__bottom[b-9gy3n2z4a3] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-top: 1px solid #E5E7EB;
    padding: 1rem;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 -10px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Cart toggle button */
.supermarket__toggle[b-9gy3n2z4a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.1s ease;
}

.supermarket__toggle:hover[b-9gy3n2z4a3] {
    background: #E5E7EB;
}

.supermarket__toggle-left[b-9gy3n2z4a3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #111827;
}

.supermarket__toggle-icon[b-9gy3n2z4a3] {
    width: 20px;
    height: 20px;
    color: #6B7280;
}

.supermarket__toggle-action[b-9gy3n2z4a3] {
    color: #0F766E;
    font-size: 0.875rem;
}

/* Summary section */
.supermarket__summary[b-9gy3n2z4a3] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.supermarket__summary-totals[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.supermarket__summary-label[b-9gy3n2z4a3] {
    font-size: 0.875rem;
    color: #6B7280;
    font-weight: 500;
}

.supermarket__summary-usd[b-9gy3n2z4a3] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
}

.supermarket__summary-cdf[b-9gy3n2z4a3] {
    font-size: 0.875rem;
    color: #6B7280;
}

.supermarket__summary-actions[b-9gy3n2z4a3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.supermarket__summary-actions-row[b-9gy3n2z4a3] {
    display: flex;
    gap: 0.5rem;
}

/* Checkout button - matches Reference: ENCAISSER primary button */
.supermarket__checkout-btn[b-9gy3n2z4a3] {
    background: #0F766E;
    color: #ffffff;
    border: none;
    border-radius: 0.75rem;
    padding: 0.875rem 1.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    box-shadow: 0 4px 14px 0 rgba(15, 118, 110, 0.39);
    transition: background 0.15s ease;
}

.supermarket__checkout-btn:hover:not(:disabled)[b-9gy3n2z4a3] {
    background: #115E59;
}

.supermarket__checkout-btn:disabled[b-9gy3n2z4a3] {
    background: #D1D5DB;
    color: #6B7280;
    box-shadow: none;
    cursor: not-allowed;
}

/* Tickets button */
.supermarket__tickets-btn[b-9gy3n2z4a3] {
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.625rem 1.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
    cursor: pointer;
    transition: background 0.1s ease;
}

.supermarket__tickets-btn:hover[b-9gy3n2z4a3] {
    background: #E5E7EB;
}

/* Hold (Attente) button - mobile summary */
.supermarket__hold-btn[b-9gy3n2z4a3] {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.625rem 1.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
    cursor: pointer;
    transition: background 0.1s ease, border-color 0.1s ease;
}

.supermarket__hold-btn:hover:not(:disabled)[b-9gy3n2z4a3] {
    background: #F9FAFB;
    border-color: #D1D5DB;
}

.supermarket__hold-btn:disabled[b-9gy3n2z4a3] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ==========================================================================
   Desktop Responsive (≥1024px)
   Reference: Desktop two-column layout with 400px right cart panel
   ========================================================================== */
@media (min-width: 1024px) {
    .supermarket[b-9gy3n2z4a3] {
        flex-direction: row;
        height: 100vh;
        overflow: hidden;
    }

    .supermarket__left[b-9gy3n2z4a3] {
        flex: 1;
        max-width: calc(100% - 400px);
        overflow-y: auto;
    }

    .supermarket__header[b-9gy3n2z4a3] {
        position: sticky;
        top: 0;
    }

    .supermarket__content[b-9gy3n2z4a3] {
        padding-bottom: 2rem; /* Reset padding on desktop, no fixed bottom bar */
    }

    /* Show desktop cart panel - matches Reference: 400px fixed width */
    .supermarket__cart[b-9gy3n2z4a3] {
        display: flex;
        width: 400px;
        flex-shrink: 0;
        border-left: 1px solid #E5E7EB;
        background: #ffffff;
    }

    /* Hide mobile bottom summary on desktop */
    .supermarket__bottom[b-9gy3n2z4a3] {
        display: none;
    }

    /* Hide mobile cart on desktop */
    .supermarket__mobile-cart[b-9gy3n2z4a3] {
        display: none;
    }
}

/* ==========================================================================
   Large Desktop (≥1280px)
   ========================================================================== */
@media (min-width: 1280px) {
    .supermarket__header-inner[b-9gy3n2z4a3] {
        padding: 1.25rem;
    }

    .supermarket__content[b-9gy3n2z4a3] {
        padding: 1.25rem;
    }
}
/* _content/Duara.SharedUI/Components/Pages/POSTraderScreen.razor.rz.scp.css */
/* 
 * POS Trader Screen - Fully Responsive Layout
 * Mobile: Bottom sheet + fixed bottom cart bar
 * Desktop (1024px+): Split layout with 400px cart panel
 */

.duara-pos-trader[b-kf966wzjdn] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 56px); /* Account for header */
    background-color: #F5F8FB;
    overflow: hidden;
}

/* ===== LEFT SIDE - PRODUCTS ===== */
.duara-pos-trader__main[b-kf966wzjdn] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

/* Fixed Header: Search + Categories */
.duara-pos-trader__fixed-header[b-kf966wzjdn] {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    z-index: 10;
}

/* Search Section */
.duara-pos-trader__search-section[b-kf966wzjdn] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #E2E8F0;
}

.duara-pos-trader__search[b-kf966wzjdn] {
    flex: 1;
}

.duara-pos-trader__barcode-btn[b-kf966wzjdn] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F9FAFB;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s;
}

.duara-pos-trader__barcode-btn:hover[b-kf966wzjdn] {
    background-color: #F3F4F6;
    border-color: #D1D5DB;
}

.duara-pos-trader__barcode-icon[b-kf966wzjdn] {
    width: 24px;
    height: 24px;
    color: #6B7280;
}

/* Categories */
.duara-pos-trader__categories[b-kf966wzjdn] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #E2E8F0;
}

.duara-pos-trader__categories-label[b-kf966wzjdn] {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6B7280;
    margin-bottom: 0.5rem;
}

/* Products Grid */
.duara-pos-trader__grid[b-kf966wzjdn] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    padding-bottom: 280px; /* Space for fixed mobile bottom bar */
}

/* ===== RIGHT SIDE - CART PANEL (Desktop Only) ===== */
.duara-pos-trader__cart[b-kf966wzjdn] {
    display: none;
}

/* ===== MOBILE BOTTOM CART BAR ===== */
.duara-pos-trader__mobile-cart[b-kf966wzjdn] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    border-top: 1px solid #E2E8F0;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
    z-index: 100;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Mobile Attachment Badge */
.duara-pos-trader__mobile-attachment[b-kf966wzjdn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    border: 2px solid;
}

.duara-pos-trader__mobile-attachment.is-client[b-kf966wzjdn] {
    background-color: #EFF6FF;
    border-color: #3B82F6;
}

.duara-pos-trader__mobile-attachment.is-table[b-kf966wzjdn] {
    background-color: #F0FDF4;
    border-color: #22C55E;
}

.duara-pos-trader__mobile-attachment.is-room[b-kf966wzjdn] {
    background-color: #FEF3C7;
    border-color: #F59E0B;
}

.duara-pos-trader__mobile-attachment-left[b-kf966wzjdn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.duara-pos-trader__mobile-attachment-icon[b-kf966wzjdn] {
    font-size: 1.25rem;
}

.duara-pos-trader__mobile-attachment-name[b-kf966wzjdn] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

.duara-pos-trader__mobile-attachment-remove[b-kf966wzjdn] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #6B7280;
    font-size: 0.875rem;
    transition: background-color 0.15s;
}

.duara-pos-trader__mobile-attachment-remove:hover[b-kf966wzjdn] {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Cart Summary Button */
.duara-pos-trader__mobile-cart-summary[b-kf966wzjdn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 0;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 0.15s;
}

.duara-pos-trader__mobile-cart-summary:not(:disabled):hover[b-kf966wzjdn] {
    background-color: #F9FAFB;
}

.duara-pos-trader__mobile-cart-summary:disabled[b-kf966wzjdn] {
    cursor: default;
}

.duara-pos-trader__mobile-cart-left[b-kf966wzjdn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.duara-pos-trader__mobile-cart-icon[b-kf966wzjdn] {
    width: 20px;
    height: 20px;
    color: #0F766E;
}

.duara-pos-trader__mobile-cart-label[b-kf966wzjdn] {
    font-size: 1rem;
    font-weight: 500;
    color: #111827;
}

.duara-pos-trader__mobile-cart-right[b-kf966wzjdn] {
    text-align: right;
}

.duara-pos-trader__mobile-cart-total[b-kf966wzjdn] {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.duara-pos-trader__mobile-cart-total-cdf[b-kf966wzjdn] {
    display: block;
    font-size: 0.875rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Action Buttons */
.duara-pos-trader__mobile-cart-actions[b-kf966wzjdn] {
    display: flex;
    gap: 0.5rem;
}

.duara-pos-trader__mobile-cart-hold[b-kf966wzjdn] {
    flex: 1.5;
    height: 48px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    background-color: #FFFFFF;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s;
}

.duara-pos-trader__mobile-cart-hold:not(:disabled):hover[b-kf966wzjdn] {
    background-color: #F9FAFB;
    border-color: #D1D5DB;
}

.duara-pos-trader__mobile-cart-hold:disabled[b-kf966wzjdn] {
    opacity: 0.5;
    cursor: not-allowed;
}

.duara-pos-trader__mobile-cart-checkout[b-kf966wzjdn] {
    flex: 2;
    height: 48px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #0F766E;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.15s;
}

.duara-pos-trader__mobile-cart-checkout:not(.is-disabled):hover[b-kf966wzjdn] {
    background-color: #115E59;
}

.duara-pos-trader__mobile-cart-checkout.is-disabled[b-kf966wzjdn] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== DESKTOP LAYOUT (1024px+) ===== */
@media (min-width: 1024px) {
    .duara-pos-trader[b-kf966wzjdn] {
        flex-direction: row;
    }

    .duara-pos-trader__main[b-kf966wzjdn] {
        flex: 1;
        min-width: 0;
        border-right: 1px solid #E2E8F0;
    }

    .duara-pos-trader__grid[b-kf966wzjdn] {
        padding-bottom: 1rem; /* No bottom bar on desktop */
    }

    /* Hide mobile cart on desktop */
    .duara-pos-trader__mobile-cart[b-kf966wzjdn] {
        display: none;
    }

    /* Show desktop cart panel */
    .duara-pos-trader__cart[b-kf966wzjdn] {
        display: flex;
        flex-direction: column;
        width: 400px;
        flex-shrink: 0;
        background-color: #FFFFFF;
        height: calc(100vh - 56px);
    }

    /* Cart Header */
    .duara-pos-trader__cart-header[b-kf966wzjdn] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #E2E8F0;
        flex-shrink: 0;
    }

    .duara-pos-trader__cart-header-left[b-kf966wzjdn] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .duara-pos-trader__cart-icon[b-kf966wzjdn] {
        width: 24px;
        height: 24px;
        color: #0F766E;
    }

    .duara-pos-trader__cart-title[b-kf966wzjdn] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 600;
        color: #111827;
    }

    /* Attachment Bar */
    .duara-pos-trader__attachment-bar[b-kf966wzjdn] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #E2E8F0;
        flex-shrink: 0;
    }

    .duara-pos-trader__attachment-badge[b-kf966wzjdn] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem 1rem;
        border-radius: 12px;
        border: 2px solid;
    }

    .duara-pos-trader__attachment-badge.is-client[b-kf966wzjdn] {
        background-color: #EFF6FF;
        border-color: #3B82F6;
    }

    .duara-pos-trader__attachment-badge.is-table[b-kf966wzjdn] {
        background-color: #F0FDF4;
        border-color: #22C55E;
    }

    .duara-pos-trader__attachment-badge.is-room[b-kf966wzjdn] {
        background-color: #FEF3C7;
        border-color: #F59E0B;
    }

    .duara-pos-trader__attachment-icon[b-kf966wzjdn] {
        font-size: 1.25rem;
        margin-right: 0.5rem;
    }

    .duara-pos-trader__attachment-name[b-kf966wzjdn] {
        flex: 1;
        font-size: 0.875rem;
        font-weight: 500;
        color: #111827;
    }

    .duara-pos-trader__attachment-remove[b-kf966wzjdn] {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        color: #6B7280;
        font-size: 0.875rem;
        transition: background-color 0.15s;
    }

    .duara-pos-trader__attachment-remove:hover[b-kf966wzjdn] {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .duara-pos-trader__attach-btn[b-kf966wzjdn] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.75rem 1rem;
        background-color: #F9FAFB;
        border: 2px dashed #D1D5DB;
        border-radius: 12px;
        cursor: pointer;
        transition: background-color 0.15s, border-color 0.15s;
        font-size: 0.875rem;
        font-weight: 500;
        color: #6B7280;
    }

    .duara-pos-trader__attach-btn:hover[b-kf966wzjdn] {
        background-color: #F3F4F6;
        border-color: #9CA3AF;
    }

    .duara-pos-trader__attach-icon[b-kf966wzjdn] {
        flex-shrink: 0;
        color: #6B7280;
    }

    /* Cart Items - Scrollable */
    .duara-pos-trader__cart-items[b-kf966wzjdn] {
        flex: 1;
        overflow-y: auto;
        padding: 1rem;
    }

    /* Cart Footer */
    .duara-pos-trader__cart-footer[b-kf966wzjdn] {
        border-top: 1px solid #E2E8F0;
        padding: 1rem;
        background-color: #FFFFFF;
        flex-shrink: 0;
    }

    /* Discount Section */
    .duara-pos-trader__discount-section[b-kf966wzjdn] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.75rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px dashed #E5E7EB;
    }

    .duara-pos-trader__discount-label[b-kf966wzjdn] {
        font-size: 0.875rem;
        font-weight: 500;
        color: #6B7280;
    }

    .duara-pos-trader__discount-inputs[b-kf966wzjdn] {
        display: flex;
        gap: 0.5rem;
    }

    .duara-pos-trader__discount-field[b-kf966wzjdn] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        background-color: #F9FAFB;
        border: 1px solid #E5E7EB;
        border-radius: 8px;
        padding: 0.375rem 0.5rem;
    }

    .duara-pos-trader__discount-field:focus-within[b-kf966wzjdn] {
        border-color: #0F766E;
        background-color: #FFFFFF;
    }

    .duara-pos-trader__discount-currency[b-kf966wzjdn] {
        font-size: 0.75rem;
        font-weight: 500;
        color: #6B7280;
    }

    .duara-pos-trader__discount-input[b-kf966wzjdn] {
        width: 70px;
        border: none;
        background: transparent;
        font-size: 0.875rem;
        font-weight: 500;
        color: #111827;
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .duara-pos-trader__discount-input:focus[b-kf966wzjdn] {
        outline: none;
    }

    .duara-pos-trader__discount-input[b-kf966wzjdn]::placeholder {
        color: #9CA3AF;
    }

    /* Hide number input spinners */
    .duara-pos-trader__discount-input[b-kf966wzjdn]::-webkit-outer-spin-button,
    .duara-pos-trader__discount-input[b-kf966wzjdn]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .duara-pos-trader__discount-input[type=number][b-kf966wzjdn] {
        -moz-appearance: textfield;
    }

    .duara-pos-trader__cart-total[b-kf966wzjdn] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

    .duara-pos-trader__cart-total-left[b-kf966wzjdn] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .duara-pos-trader__cart-total-label[b-kf966wzjdn] {
        font-size: 1.25rem;
        font-weight: 600;
        color: #111827;
    }

    .duara-pos-trader__cart-item-count[b-kf966wzjdn] {
        padding: 0.375rem 0.75rem;
        background-color: #0F766E;
        color: #FFFFFF;
        font-size: 0.875rem;
        font-weight: 500;
        border-radius: 9999px;
    }

    .duara-pos-trader__cart-total-right[b-kf966wzjdn] {
        text-align: right;
    }

    .duara-pos-trader__cart-total-usd[b-kf966wzjdn] {
        display: block;
        font-size: 1.5rem;
        font-weight: 700;
        color: #111827;
        font-variant-numeric: tabular-nums;
    }

    .duara-pos-trader__cart-total-cdf[b-kf966wzjdn] {
        display: block;
        font-size: 0.875rem;
        color: #6B7280;
        font-variant-numeric: tabular-nums;
    }

    .duara-pos-trader__cart-actions[b-kf966wzjdn] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .duara-pos-trader__hold-actions[b-kf966wzjdn] {
        display: flex;
        gap: 0.5rem;
    }

    .duara-pos-trader__hold-btn[b-kf966wzjdn] {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        height: 48px;
        padding: 0 1rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: #374151;
        background-color: #FFFFFF;
        border: 2px solid #E5E7EB;
        border-radius: 12px;
        cursor: pointer;
        transition: background-color 0.15s, border-color 0.15s;
    }

    .duara-pos-trader__hold-btn:not(:disabled):hover[b-kf966wzjdn] {
        background-color: #F9FAFB;
        border-color: #D1D5DB;
    }

    .duara-pos-trader__hold-btn:disabled[b-kf966wzjdn] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .duara-pos-trader__hold-icon[b-kf966wzjdn] {
        flex-shrink: 0;
    }

    .duara-pos-trader__held-btn[b-kf966wzjdn] {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        height: 48px;
        padding: 0 1rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: #0F766E;
        background-color: #F0FDFA;
        border: 2px solid #99F6E4;
        border-radius: 12px;
        cursor: pointer;
        transition: background-color 0.15s, border-color 0.15s;
    }

    .duara-pos-trader__held-btn:hover[b-kf966wzjdn] {
        background-color: #CCFBF1;
        border-color: #5EEAD4;
    }

    .duara-pos-trader__held-icon[b-kf966wzjdn] {
        flex-shrink: 0;
    }

    .duara-pos-trader__checkout-btn[b-kf966wzjdn] {
        height: 48px;
        padding: 0 1rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: #FFFFFF;
        background-color: #0F766E;
        border: none;
        border-radius: 12px;
        cursor: pointer;
        transition: background-color 0.15s;
    }

    .duara-pos-trader__checkout-btn:not(.is-disabled):hover[b-kf966wzjdn] {
        background-color: #115E59;
    }

    .duara-pos-trader__checkout-btn.is-disabled[b-kf966wzjdn] {
        opacity: 0.5;
        cursor: not-allowed;
    }
}

/* ===== LARGE DESKTOP (1280px+) ===== */
@media (min-width: 1280px) {
    .duara-pos-trader__cart[b-kf966wzjdn] {
        width: 400px;
    }
}
/* _content/Duara.SharedUI/Components/Pages/Products/ProductDetail.razor.rz.scp.css */
.product-detail[b-dcfjg26dcf] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px;
}

.product-detail__loading[b-dcfjg26dcf],
.product-detail__not-found[b-dcfjg26dcf] {
    text-align: center;
    padding: 48px 24px;
    font-size: 18px;
    color: var(--color-text-secondary);
}

.product-detail__header[b-dcfjg26dcf] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.product-detail__title[b-dcfjg26dcf] {
    flex: 1;
    font-size: 28px;
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
}

.product-detail__header-actions[b-dcfjg26dcf] {
    display: flex;
    gap: 12px;
}

.product-detail__content[b-dcfjg26dcf] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.product-detail__section[b-dcfjg26dcf] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 24px;
}

.product-detail__section-header[b-dcfjg26dcf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.product-detail__section-title[b-dcfjg26dcf] {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 24px 0;
}

.product-detail__section-header .product-detail__section-title[b-dcfjg26dcf] {
    margin-bottom: 0;
}

.product-detail__form[b-dcfjg26dcf],
.product-detail__info[b-dcfjg26dcf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-detail__dual-price[b-dcfjg26dcf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.product-detail__info-row[b-dcfjg26dcf] {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
}

.product-detail__info-row:last-child[b-dcfjg26dcf] {
    border-bottom: none;
}

.product-detail__info-label[b-dcfjg26dcf] {
    font-weight: 600;
    color: var(--color-text-secondary);
    min-width: 150px;
}

.product-detail__info-value[b-dcfjg26dcf] {
    color: var(--color-text-primary);
    flex: 1;
}

.product-detail__badge[b-dcfjg26dcf] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.product-detail__badge--active[b-dcfjg26dcf] {
    background: var(--color-success-light, #e8f5e9);
    color: var(--color-success, #4caf50);
}

.product-detail__badge--inactive[b-dcfjg26dcf] {
    background: var(--color-warning-light, #fff3e0);
    color: var(--color-warning, #ff9800);
}

.product-detail__badge--default[b-dcfjg26dcf] {
    background: var(--color-primary-light, rgba(0, 112, 243, 0.1));
    color: var(--color-primary);
}

.product-detail__error[b-dcfjg26dcf] {
    padding: 12px 16px;
    background: var(--color-error-light, #ffebee);
    color: var(--color-error, #f44336);
    border-radius: 4px;
    font-size: 14px;
}

.product-detail__units[b-dcfjg26dcf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-detail__unit-card[b-dcfjg26dcf] {
    background: var(--color-neutral-50, #fafafa);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.product-detail__unit-info[b-dcfjg26dcf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-detail__unit-name[b-dcfjg26dcf] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-detail__unit-details[b-dcfjg26dcf] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.product-detail__unit-actions[b-dcfjg26dcf] {
    display: flex;
    gap: 8px;
}

.product-detail__unit-form[b-dcfjg26dcf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-detail__checkbox-group[b-dcfjg26dcf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
}

.product-detail__checkbox-group input[type="checkbox"][b-dcfjg26dcf] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.product-detail__checkbox-group label[b-dcfjg26dcf] {
    font-size: 14px;
    color: var(--color-text-primary);
    cursor: pointer;
}

.product-detail__empty[b-dcfjg26dcf] {
    text-align: center;
    padding: 24px;
    color: var(--color-text-secondary);
    font-style: italic;
}

.product-detail__add-unit-form[b-dcfjg26dcf] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid var(--color-border);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-detail__add-unit-form h3[b-dcfjg26dcf] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.product-detail__add-unit-actions[b-dcfjg26dcf] {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .product-detail[b-dcfjg26dcf] {
        padding: 16px;
    }

    .product-detail__header[b-dcfjg26dcf] {
        flex-direction: column;
        align-items: flex-start;
    }

    .product-detail__title[b-dcfjg26dcf] {
        font-size: 22px;
    }

    .product-detail__header-actions[b-dcfjg26dcf] {
        width: 100%;
        flex-direction: column;
    }

    .product-detail__section[b-dcfjg26dcf] {
        padding: 16px;
    }

    .product-detail__dual-price[b-dcfjg26dcf] {
        grid-template-columns: 1fr;
    }

    .product-detail__info-row[b-dcfjg26dcf] {
        flex-direction: column;
        gap: 4px;
    }

    .product-detail__info-label[b-dcfjg26dcf] {
        min-width: auto;
    }

    .product-detail__unit-card[b-dcfjg26dcf] {
        flex-direction: column;
    }

    .product-detail__unit-actions[b-dcfjg26dcf] {
        width: 100%;
    }

    .product-detail__add-unit-actions[b-dcfjg26dcf] {
        flex-direction: column;
    }
}
/* _content/Duara.SharedUI/Components/Pages/Products/ProductHistory.razor.rz.scp.css */
.ph[b-zuxo5pkytd] {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    background: #F3F4F6;
}

.ph__state[b-zuxo5pkytd] {
    text-align: center;
    padding: 48px 24px;
    color: #6B7280;
}

.ph__filters[b-zuxo5pkytd] {
    background: #FFFFFF;
    border-bottom: 1px solid #E5E7EB;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ph__search[b-zuxo5pkytd] {
    position: relative;
}

.ph__search-icon[b-zuxo5pkytd] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: #6B7280;
    pointer-events: none;
}

.ph__search-icon svg[b-zuxo5pkytd] {
    width: 20px;
    height: 20px;
    display: block;
}

.ph__search-input[b-zuxo5pkytd] {
    width: 100%;
    padding: 10px 14px 10px 40px;
    background: #F3F4F6;
    border: 1px solid #6B7280;
    border-radius: 12px;
    color: #111827;
    outline: none;
}

.ph__search-input:focus[b-zuxo5pkytd] {
    border-color: #0F766E;
    box-shadow: 0 0 0 1px #0F766E;
}

.ph__filter-row[b-zuxo5pkytd] {
    display: flex;
    gap: 8px;
}

.ph__select[b-zuxo5pkytd] {
    width: 100%;
    height: 44px;
    border: 1px solid #6B7280;
    border-radius: 12px;
    background: #FFFFFF;
    padding: 0 40px 0 12px;
    color: #111827;
    -webkit-appearance: none;
    appearance: none;
}

.ph__filter-row[b-zuxo5pkytd] {
    position: relative;
}

.ph__filter-row > *[b-zuxo5pkytd] {
    position: relative;
}

.ph__select[b-zuxo5pkytd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px 18px;
}

.ph__list-wrap[b-zuxo5pkytd] {
    flex: 1;
    overflow-y: auto;
}

.ph__list[b-zuxo5pkytd] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ph-card[b-zuxo5pkytd] {
    background: #FFFFFF;
    border-radius: 12px;
    border: 2px solid #E5E7EB;
    transition: border-color 0.15s ease-in-out;
}

.ph-card__p[b-zuxo5pkytd] {
    padding: 16px;
}

.ph-card:hover[b-zuxo5pkytd] {
    border-color: #0F766E;
}

.ph-card__header[b-zuxo5pkytd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.ph-card__icon[b-zuxo5pkytd] {
    padding: 10px;
    border-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
}

.ph-card__icon-glyph[b-zuxo5pkytd] {
    font-size: 18px;
    line-height: 1;
}

.ph-card__main[b-zuxo5pkytd] {
    flex: 1;
    min-width: 0;
}

.ph-card__topline[b-zuxo5pkytd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.ph-pill[b-zuxo5pkytd] {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 999px;
}

.ph-card__time[b-zuxo5pkytd] {
    font-size: 12px;
    color: #6B7280;
    white-space: nowrap;
}

.ph-card__name[b-zuxo5pkytd] {
    font-weight: 700;
    color: #111827;
    margin: 0;
    line-height: 1.2;
}

.ph-card__code[b-zuxo5pkytd] {
    font-size: 14px;
    color: #6B7280;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    margin: 0;
}

.ph-card__desc[b-zuxo5pkytd] {
    font-size: 14px;
    color: #111827;
    margin: 0 0 12px;
}

.ph-card__details[b-zuxo5pkytd] {
    background: #F3F4F6;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 12px;
}

.ph-card__qty[b-zuxo5pkytd] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.ph-card__reason[b-zuxo5pkytd] {
    margin-top: 4px;
    font-size: 14px;
    color: #6B7280;
}

.ph-card__footer[b-zuxo5pkytd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #6B7280;
    padding-top: 12px;
    border-top: 1px solid #E5E7EB;
}

.ph-pill--green[b-zuxo5pkytd] { background: rgba(34, 197, 94, 0.10); }
.ph-pill--red[b-zuxo5pkytd] { background: rgba(239, 68, 68, 0.10); }
.ph-pill--gray[b-zuxo5pkytd] { background: rgba(107, 114, 128, 0.10); }
.ph-pill--blue[b-zuxo5pkytd] { background: rgba(59, 130, 246, 0.10); }

.ph-icon--green[b-zuxo5pkytd] { background: rgba(34, 197, 94, 0.10); }
.ph-icon--red[b-zuxo5pkytd] { background: rgba(239, 68, 68, 0.10); }
.ph-icon--gray[b-zuxo5pkytd] { background: rgba(107, 114, 128, 0.10); }
.ph-icon--blue[b-zuxo5pkytd] { background: rgba(59, 130, 246, 0.10); }

.ph-color--green[b-zuxo5pkytd] { color: #22C55E; }
.ph-color--red[b-zuxo5pkytd] { color: #EF4444; }
.ph-color--gray[b-zuxo5pkytd] { color: #6B7280; }
.ph-color--blue[b-zuxo5pkytd] { color: #3B82F6; }
/* _content/Duara.SharedUI/Components/Pages/Products/Products.razor.rz.scp.css */
/* Products Page - Matching Reference UI ProductCatalogScreen */

.products-page[b-wezh8jo286] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background-color: #F3F4F6;
}

/* ===== DESKTOP HEADER ===== */
.products-page__header[b-wezh8jo286] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: white;
    border-bottom: 1px solid #E5E7EB;
}

.products-page__breadcrumb[b-wezh8jo286] {
    font-size: 0.875rem;
    color: #6B7280;
}

.products-page__actions[b-wezh8jo286] {
    display: flex;
    gap: 0.75rem;
}

.products-page__actions .btn-icon[b-wezh8jo286] {
    margin-right: 0.5rem;
}

/* ===== DESKTOP TOOLBAR ===== */
.products-page__toolbar[b-wezh8jo286] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background-color: white;
    border-bottom: 1px solid #E5E7EB;
}

.products-page__search-wrapper[b-wezh8jo286] {
    position: relative;
    flex: 1;
}

.products-page__search-wrapper--desktop[b-wezh8jo286] {
    max-width: 400px;
}

.products-page__search-icon[b-wezh8jo286] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6B7280;
    pointer-events: none;
}

.products-page__search-input[b-wezh8jo286] {
    width: 100%;
    padding: 0.625rem 1rem 0.625rem 2.5rem;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    background-color: white;
    color: #111827;
}

.products-page__search-input[b-wezh8jo286]::placeholder {
    color: #6B7280;
}

.products-page__search-input:focus[b-wezh8jo286] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 1px var(--color-primary);
}

.products-page__filter-checkbox[b-wezh8jo286] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #111827;
    white-space: nowrap;
}

.products-page__filter-checkbox input[b-wezh8jo286] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--color-primary);
}

/* View Toggle */
.products-page__view-toggle[b-wezh8jo286] {
    display: flex;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.25rem;
    background-color: white;
}

.products-page__view-btn[b-wezh8jo286] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: transparent;
    border-radius: 0.375rem;
    cursor: pointer;
    color: #6B7280;
    transition: all 0.15s ease;
}

.products-page__view-btn:hover[b-wezh8jo286] {
    background-color: #F3F4F6;
}

.products-page__view-btn--active[b-wezh8jo286] {
    background-color: var(--color-primary);
    color: white;
}

.products-page__view-btn--active:hover[b-wezh8jo286] {
    background-color: var(--color-primary-hover);
}

/* ===== MOBILE LAYOUT ===== */
.products-page--mobile[b-wezh8jo286] {
    background-color: #F3F4F6;
}

/* ===== MOBILE FILTERS ===== */
.products-page__mobile-filters[b-wezh8jo286] {
    padding: 0.75rem;
    background-color: white;
    border-bottom: 1px solid #E5E7EB;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.products-page__filter-row[b-wezh8jo286] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.products-page__filter-row .products-page__filter-group[b-wezh8jo286] {
    flex: 1;
}

.products-page__menu-btn[b-wezh8jo286] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.25rem;
    background: none;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    color: #6B7280;
    cursor: pointer;
}

.products-page__menu-btn:hover[b-wezh8jo286] {
    background-color: #F3F4F6;
}

.products-page__filter-group[b-wezh8jo286] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.products-page__filter-label[b-wezh8jo286] {
    font-size: 0.875rem;
    color: #6B7280;
}

.products-page__category-select[b-wezh8jo286] {
    width: 100%;
    padding: 0.625rem 1rem;
    border: 1px solid #6B7280;
    border-radius: 0.75rem;
    font-size: 0.9375rem;
    background-color: #F3F4F6;
    color: #111827;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25rem;
}

.products-page__search-row[b-wezh8jo286] {
    display: flex;
    gap: 0.5rem;
}

.products-page__camera-btn[b-wezh8jo286] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    background-color: #F3F4F6;
    border: 1px solid #6B7280;
    border-radius: 0.75rem;
    color: #6B7280;
    cursor: pointer;
}

.products-page__camera-btn:hover[b-wezh8jo286] {
    background-color: #E5E7EB;
}

/* ===== CONTENT AREA ===== */
.products-page__content[b-wezh8jo286] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* ===== CATEGORY SIDEBAR (Desktop) ===== */
.products-page__sidebar[b-wezh8jo286] {
    width: 14rem;
    background-color: white;
    border-right: 1px solid #E5E7EB;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.products-page__sidebar-title[b-wezh8jo286] {
    padding: 1rem 0.75rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #111827;
    letter-spacing: 0.025em;
    margin: 0;
}

.products-page__category-list[b-wezh8jo286] {
    flex: 1;
    overflow-y: auto;
    padding: 0.25rem 0.5rem;
}

.products-page__category-item[b-wezh8jo286] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: none;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    text-align: left;
    transition: all 0.15s ease;
    color: #6B7280;
}

.products-page__category-item:hover[b-wezh8jo286] {
    background-color: #F3F4F6;
}

.products-page__category-item--active[b-wezh8jo286] {
    background-color: var(--color-primary);
    color: white;
}

.products-page__category-name[b-wezh8jo286] {
    font-size: 0.875rem;
    font-weight: 500;
}

.products-page__category-meta[b-wezh8jo286] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.products-page__category-count[b-wezh8jo286] {
    font-size: 0.75rem;
}

.products-page__manage-categories[b-wezh8jo286] {
    padding: 0.75rem;
    background: none;
    border: none;
    border-top: 1px solid #E5E7EB;
    cursor: pointer;
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
}

.products-page__manage-categories:hover[b-wezh8jo286] {
    background-color: #F3F4F6;
}

/* ===== MAIN AREA ===== */
.products-page__main[b-wezh8jo286] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    background-color: #F3F4F6;
}

.products-page--mobile .products-page__main[b-wezh8jo286] {
    padding: 1rem;
}

.products-page__loading[b-wezh8jo286],
.products-page__error[b-wezh8jo286],
.products-page__empty[b-wezh8jo286] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6B7280;
}

.products-page__error[b-wezh8jo286] {
    color: #DC2626;
}

/* Grid View */
.products-page__grid[b-wezh8jo286] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.products-page--mobile .products-page__grid[b-wezh8jo286] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

/* ===== TABLE VIEW (Desktop) ===== */
.products-page__table-wrapper[b-wezh8jo286] {
    background-color: white;
    border-radius: 0.5rem;
    border: 1px solid #E5E7EB;
    overflow: hidden;
}

.products-page__table[b-wezh8jo286] {
    width: 100%;
    border-collapse: collapse;
}

.products-page__th[b-wezh8jo286] {
    padding: 0.75rem;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
    background-color: #F9FAFB;
    border-bottom: 1px solid #E5E7EB;
}

.products-page__th--checkbox[b-wezh8jo286] {
    width: 3rem;
}

.products-page__th--right[b-wezh8jo286] {
    text-align: right;
}

.products-page__tr[b-wezh8jo286] {
    border-bottom: 1px solid #E5E7EB;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.products-page__tr:hover[b-wezh8jo286] {
    background-color: #F9FAFB;
}

.products-page__tr--selected[b-wezh8jo286] {
    background-color: #EFF6FF;
}

.products-page__tr--detail-selected[b-wezh8jo286] {
    background-color: #EFF6FF;
}

.products-page__tr--inactive[b-wezh8jo286] {
    opacity: 0.6;
}

.products-page__td[b-wezh8jo286] {
    padding: 0.75rem;
    font-size: 0.9375rem;
    color: #111827;
}

.products-page__td--checkbox[b-wezh8jo286] {
    width: 3rem;
}

.products-page__td--checkbox input[b-wezh8jo286] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--color-primary);
}

.products-page__td--muted[b-wezh8jo286] {
    color: #6B7280;
}

.products-page__td--mono[b-wezh8jo286] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    color: #6B7280;
}

.products-page__td--right[b-wezh8jo286] {
    text-align: right;
}

.products-page__td--tabular[b-wezh8jo286] {
    font-variant-numeric: tabular-nums;
}

.products-page__td-name[b-wezh8jo286] {
    font-weight: 500;
}

.products-page__inactive-badge[b-wezh8jo286] {
    display: inline-block;
    margin-top: 0.25rem;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 9999px;
    background-color: rgba(107, 114, 128, 0.1);
    color: #6B7280;
}

.products-page__stock-cell[b-wezh8jo286] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.products-page__stock-qty[b-wezh8jo286] {
    font-variant-numeric: tabular-nums;
}

.products-page__stock-value[b-wezh8jo286] {
    font-variant-numeric: tabular-nums;
    margin-right: 0.5rem;
}

/* Stock Badges */
.products-page__stock-badge[b-wezh8jo286] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
}

.products-page__stock-badge--good[b-wezh8jo286] {
    background-color: rgba(34, 197, 94, 0.1);
    color: #22C55E;
}

.products-page__stock-badge--low[b-wezh8jo286] {
    background-color: rgba(250, 204, 21, 0.1);
    color: #92400E;
}

.products-page__stock-badge--critical[b-wezh8jo286] {
    background-color: rgba(220, 38, 38, 0.1);
    color: #DC2626;
}

.products-page__stock-badge--large[b-wezh8jo286] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

/* ===== DETAIL SIDEBAR (Desktop) ===== */
.products-page__detail-sidebar[b-wezh8jo286] {
    width: 20rem;
    background-color: white;
    border-left: 1px solid #E5E7EB;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.products-page__detail-header[b-wezh8jo286] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid #E5E7EB;
}

.products-page__detail-title[b-wezh8jo286] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    line-height: 1.3;
    flex: 1;
    padding-right: 1rem;
}

.products-page__detail-close[b-wezh8jo286] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    background: none;
    border: none;
    color: #6B7280;
    cursor: pointer;
}

.products-page__detail-close:hover[b-wezh8jo286] {
    color: #111827;
}

/* Detail Tabs */
.products-page__detail-tabs[b-wezh8jo286] {
    display: flex;
    border-bottom: 1px solid #E5E7EB;
}

.products-page__detail-tab[b-wezh8jo286] {
    flex: 1;
    padding: 0.75rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6B7280;
    cursor: pointer;
    transition: all 0.15s ease;
}

.products-page__detail-tab:hover[b-wezh8jo286] {
    color: #111827;
}

.products-page__detail-tab--active[b-wezh8jo286] {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
}

/* Detail Content */
.products-page__detail-content[b-wezh8jo286] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}

.products-page__detail-field[b-wezh8jo286] {
    margin-bottom: 1rem;
}

.products-page__detail-field label[b-wezh8jo286] {
    display: block;
    font-size: 0.875rem;
    color: #6B7280;
    margin-bottom: 0.25rem;
}

.products-page__detail-value[b-wezh8jo286] {
    margin: 0;
    font-size: 1rem;
    color: #111827;
}

.products-page__detail-value--mono[b-wezh8jo286] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

.products-page__detail-value--large[b-wezh8jo286] {
    font-size: 1.25rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.products-page__detail-value--muted[b-wezh8jo286] {
    font-size: 0.875rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Detail Actions */
.products-page__detail-actions[b-wezh8jo286] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border-top: 1px solid #E5E7EB;
}

/* ===== BULK ACTION BAR ===== */
.products-page__bulk-bar[b-wezh8jo286] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    border-top: 1px solid #E5E7EB;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.products-page__bulk-info[b-wezh8jo286] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

.products-page__bulk-actions[b-wezh8jo286] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

/* ===== MOBILE FAB ===== */
.products-page__fab[b-wezh8jo286] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--color-primary);
    border: none;
    border-radius: 9999px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    transition: background-color 0.15s ease;
    z-index: 50;
}

.products-page__fab:hover[b-wezh8jo286] {
    background-color: var(--color-primary-hover);
}

/* Adjust FAB position when bulk bar is visible */
.products-page__bulk-bar ~ .products-page__fab[b-wezh8jo286] {
    bottom: 5.5rem;
}

/* ===== MOBILE MENU ===== */
.products-page__mobile-menu[b-wezh8jo286] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.products-page__mobile-menu-item[b-wezh8jo286] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: none;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    font-size: 1rem;
    color: #111827;
    cursor: pointer;
    text-align: left;
}

.products-page__mobile-menu-item:hover[b-wezh8jo286] {
    background-color: #F9FAFB;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .products-page__detail-sidebar[b-wezh8jo286] {
        display: none;
    }
}

@media (max-width: 768px) {
    .products-page__content[b-wezh8jo286] {
        flex-direction: column;
    }

    .products-page__sidebar[b-wezh8jo286] {
        display: none;
    }

    .products-page__bulk-bar[b-wezh8jo286] {
        flex-direction: column;
        gap: 0.75rem;
        align-items: stretch;
        padding: 1rem;
    }

    .products-page__bulk-actions[b-wezh8jo286] {
        justify-content: flex-end;
    }
}
/* _content/Duara.SharedUI/Components/Pages/SalesDailyReport.razor.rz.scp.css */
/* ====================================================
   Daily Sales Report - Redesigned UI
   Based on Reference TSX: DailySalesReport.tsx
   ==================================================== */

/* Base container */
.dsr[b-u9a8o2besp] {
    min-height: calc(100vh - 56px);
    background-color: #F9FAFB;
}

/* ----------------------------------------
   Header
   ---------------------------------------- */
.dsr__header[b-u9a8o2besp] {
    background-color: white;
    border-bottom: 1px solid #E5E7EB;
}

.dsr__header-content[b-u9a8o2besp] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 1rem;
}

@media (min-width: 1024px) {
    .dsr__header-content[b-u9a8o2besp] {
        padding: 1.5rem 1.5rem;
    }
}

/* Title Section */
.dsr__title-section[b-u9a8o2besp] {
    margin-bottom: 1rem;
}

.dsr__eyebrow[b-u9a8o2besp] {
    font-size: 0.75rem;
    color: #6B7280;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dsr__title[b-u9a8o2besp] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

@media (min-width: 1024px) {
    .dsr__title[b-u9a8o2besp] {
        font-size: 1.875rem;
    }
}

.dsr__subtitle[b-u9a8o2besp] {
    font-size: 0.875rem;
    color: #6B7280;
    margin-top: 0.25rem;
}

/* Actions Row */
.dsr__actions-row[b-u9a8o2besp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 1024px) {
    .dsr__actions-row[b-u9a8o2besp] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.dsr__actions-left[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.dsr__actions-right[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Date Picker */
.dsr__date-picker[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #F3F4F6;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #E5E7EB;
}

.dsr__date-input[b-u9a8o2besp] {
    background: transparent;
    font-size: 0.875rem;
    color: #111827;
    font-weight: 500;
    outline: none;
    border: none;
    cursor: pointer;
}

/* Icons */
.dsr__icon[b-u9a8o2besp] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.dsr__icon--calendar[b-u9a8o2besp] {
    color: #6B7280;
}

.dsr__icon--dollar[b-u9a8o2besp] {
    color: #1E40AF;
}

.dsr__icon--success[b-u9a8o2besp] {
    color: #059669;
}

.dsr__icon--amber[b-u9a8o2besp] {
    color: #F59E0B;
}

.dsr__icon--red[b-u9a8o2besp] {
    color: #EF4444;
}

.dsr__icon--blue[b-u9a8o2besp] {
    color: #3B82F6;
}

.dsr__icon--purple[b-u9a8o2besp] {
    color: #8B5CF6;
}

.dsr__icon--teal[b-u9a8o2besp] {
    color: #0F766E;
}

.dsr__icon--white[b-u9a8o2besp] {
    color: white;
}

.dsr__icon--empty[b-u9a8o2besp] {
    width: 3rem;
    height: 3rem;
    color: #9CA3AF;
}

/* Buttons */
.dsr__btn[b-u9a8o2besp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: background-color 150ms ease, opacity 150ms ease;
    border: none;
    cursor: pointer;
}

.dsr__btn:disabled[b-u9a8o2besp] {
    opacity: 0.5;
    cursor: not-allowed;
}

.dsr__btn-label[b-u9a8o2besp] {
    display: none;
}

@media (min-width: 640px) {
    .dsr__btn-label[b-u9a8o2besp] {
        display: inline;
    }
}

.dsr__btn--refresh[b-u9a8o2besp] {
    background-color: #F3F4F6;
    color: #374151;
}

.dsr__btn--refresh:not(:disabled):hover[b-u9a8o2besp] {
    background-color: #E5E7EB;
}

.dsr__btn--excel[b-u9a8o2besp] {
    background-color: #059669;
    color: white;
}

.dsr__btn--excel:not(:disabled):hover[b-u9a8o2besp] {
    background-color: #047857;
}

.dsr__btn--pdf[b-u9a8o2besp] {
    background-color: #DC2626;
    color: white;
}

.dsr__btn--pdf:not(:disabled):hover[b-u9a8o2besp] {
    background-color: #B91C1C;
}

.dsr__btn--print[b-u9a8o2besp] {
    background-color: #6B7280;
    color: white;
}

.dsr__btn--print:not(:disabled):hover[b-u9a8o2besp] {
    background-color: #4B5563;
}

/* Exchange Rate Badge */
.dsr__rate-badge[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    background-color: #DBEAFE;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1E40AF;
}

/* Date Display (mobile + print) */
.dsr__date-display[b-u9a8o2besp] {
    display: block;
    margin-top: 1rem;
    text-align: center;
}

.dsr__date-display p[b-u9a8o2besp] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
    text-transform: capitalize;
}

@media (min-width: 1024px) {
    .dsr__date-display[b-u9a8o2besp] {
        display: none;
    }
}

/* ----------------------------------------
   Content
   ---------------------------------------- */
.dsr__content[b-u9a8o2besp] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 1rem;
}

@media (min-width: 1024px) {
    .dsr__content[b-u9a8o2besp] {
        padding: 1.5rem 1.5rem;
    }
}

/* States */
.dsr__alert[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
}

.dsr__alert--error[b-u9a8o2besp] {
    background-color: #FEE2E2;
    color: #991B1B;
    border: 1px solid #FECACA;
}

.dsr__loading[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    font-size: 0.875rem;
    color: #6B7280;
}

.dsr__spinner[b-u9a8o2besp] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 3px solid #E5E7EB;
    border-top-color: #0F766E;
    animation: dsr-spin-b-u9a8o2besp 0.8s linear infinite;
}

@keyframes dsr-spin-b-u9a8o2besp {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.dsr__empty[b-u9a8o2besp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 1rem;
    text-align: center;
}

.dsr__empty p[b-u9a8o2besp] {
    color: #6B7280;
    font-size: 0.875rem;
}

/* ----------------------------------------
   Summary Cards
   ---------------------------------------- */
.dsr__summary-cards[b-u9a8o2besp] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .dsr__summary-cards[b-u9a8o2besp] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .dsr__summary-cards[b-u9a8o2besp] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1280px) {
    .dsr__summary-cards[b-u9a8o2besp] {
        grid-template-columns: repeat(6, 1fr);
    }
}

.dsr__card[b-u9a8o2besp] {
    background-color: white;
    border-radius: 0.75rem;
    padding: 1rem;
    border: 1px solid #E5E7EB;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.dsr__card--sales[b-u9a8o2besp] {
    border-color: #E5E7EB;
}

.dsr__card--credit[b-u9a8o2besp] {
    border-color: #F59E0B;
}

.dsr__card--expenses[b-u9a8o2besp] {
    border-color: #EF4444;
}

.dsr__card--debts[b-u9a8o2besp] {
    border-color: #3B82F6;
}

.dsr__card--deposits[b-u9a8o2besp] {
    border-color: #8B5CF6;
}

.dsr__card--balance[b-u9a8o2besp] {
    border-width: 2px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.dsr__card--balance-positive[b-u9a8o2besp] {
    background: linear-gradient(to bottom right, #0F766E, #115E59);
    border-color: #0F766E;
}

.dsr__card--balance-negative[b-u9a8o2besp] {
    background: linear-gradient(to bottom right, #DC2626, #991B1B);
    border-color: #DC2626;
}

.dsr__card-header[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.dsr__card-label[b-u9a8o2besp] {
    font-size: 0.75rem;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dsr__card-label--amber[b-u9a8o2besp] {
    color: #92400E;
}

.dsr__card-label--red[b-u9a8o2besp] {
    color: #991B1B;
}

.dsr__card-label--blue[b-u9a8o2besp] {
    color: #1E40AF;
}

.dsr__card-label--purple[b-u9a8o2besp] {
    color: #5B21B6;
}

.dsr__card-label--white[b-u9a8o2besp] {
    color: white;
    font-weight: 600;
}

.dsr__card-value[b-u9a8o2besp] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.dsr__card-value--amber[b-u9a8o2besp] {
    color: #92400E;
}

.dsr__card-value--red[b-u9a8o2besp] {
    color: #991B1B;
}

.dsr__card-value--blue[b-u9a8o2besp] {
    color: #1E40AF;
}

.dsr__card-value--purple[b-u9a8o2besp] {
    color: #5B21B6;
}

.dsr__card-value--white[b-u9a8o2besp] {
    color: white;
    font-size: 1.5rem;
}

.dsr__card-currency[b-u9a8o2besp] {
    font-size: 0.875rem;
    font-weight: 400;
}

.dsr__card-secondary[b-u9a8o2besp] {
    font-size: 0.75rem;
    color: #6B7280;
    margin-top: 0.25rem;
    font-variant-numeric: tabular-nums;
}

.dsr__card-secondary--amber[b-u9a8o2besp] {
    color: #92400E;
}

.dsr__card-secondary--red[b-u9a8o2besp] {
    color: #991B1B;
}

.dsr__card-secondary--blue[b-u9a8o2besp] {
    color: #1E40AF;
}

.dsr__card-secondary--purple[b-u9a8o2besp] {
    color: #5B21B6;
}

.dsr__card-secondary--white[b-u9a8o2besp] {
    color: rgb(255 255 255 / 0.9);
}

/* ----------------------------------------
   Sections
   ---------------------------------------- */
.dsr__section[b-u9a8o2besp] {
    background-color: white;
    border-radius: 0.75rem;
    border: 1px solid #E5E7EB;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.dsr__section--stock[b-u9a8o2besp] {
    border-color: #E5E7EB;
}

.dsr__section--credit[b-u9a8o2besp] {
    border-color: #F59E0B;
}

.dsr__section--expenses[b-u9a8o2besp] {
    border-color: #EF4444;
}

.dsr__section--debts[b-u9a8o2besp] {
    border-color: #3B82F6;
}

.dsr__section--deposits[b-u9a8o2besp] {
    border-color: #8B5CF6;
}

/* Section Headers */
.dsr__section-header[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid;
}

.dsr__section-header--stock[b-u9a8o2besp] {
    background-color: #F9FAFB;
    border-color: #E5E7EB;
}

.dsr__section-header--credit[b-u9a8o2besp] {
    background-color: #FFFBEB;
    border-color: #F59E0B;
}

.dsr__section-header--expenses[b-u9a8o2besp] {
    background-color: #FEF2F2;
    border-color: #EF4444;
}

.dsr__section-header--debts[b-u9a8o2besp] {
    background-color: #EFF6FF;
    border-color: #3B82F6;
}

.dsr__section-header--deposits[b-u9a8o2besp] {
    background-color: #F5F3FF;
    border-color: #8B5CF6;
}

.dsr__section-title-group[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dsr__section-title[b-u9a8o2besp] {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.dsr__section-title--amber[b-u9a8o2besp] {
    color: #92400E;
}

.dsr__section-title--red[b-u9a8o2besp] {
    color: #991B1B;
}

.dsr__section-title--blue[b-u9a8o2besp] {
    color: #1E40AF;
}

.dsr__section-title--purple[b-u9a8o2besp] {
    color: #5B21B6;
}

.dsr__badge[b-u9a8o2besp] {
    font-size: 0.75rem;
    color: #6B7280;
    background-color: #E5E7EB;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
}

.dsr__toggle[b-u9a8o2besp] {
    padding: 0.25rem;
    border-radius: 0.25rem;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background-color 150ms ease;
    color: #6B7280;
}

.dsr__toggle:hover[b-u9a8o2besp] {
    background-color: #E5E7EB;
}

.dsr__toggle--amber:hover[b-u9a8o2besp] {
    background-color: #FEF3C7;
}

.dsr__toggle--red:hover[b-u9a8o2besp] {
    background-color: #FEE2E2;
}

.dsr__toggle--blue:hover[b-u9a8o2besp] {
    background-color: #DBEAFE;
}

.dsr__toggle--purple:hover[b-u9a8o2besp] {
    background-color: #EDE9FE;
}

/* Search Bar */
.dsr__search[b-u9a8o2besp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: white;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #E5E7EB;
    margin: 0.75rem 1rem;
}

.dsr__search-input[b-u9a8o2besp] {
    flex: 1;
    font-size: 0.875rem;
    outline: none;
    border: none;
    background: transparent;
}

.dsr__search-input[b-u9a8o2besp]::placeholder {
    color: #9CA3AF;
}

/* Tables */
.dsr__table-wrap[b-u9a8o2besp] {
    overflow-x: auto;
}

.dsr__table[b-u9a8o2besp] {
    width: 100%;
    font-size: 0.875rem;
    border-collapse: collapse;
}

.dsr__table thead[b-u9a8o2besp] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.dsr__table th[b-u9a8o2besp] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}

.dsr__table td[b-u9a8o2besp] {
    padding: 0.75rem 1rem;
    vertical-align: top;
}

.dsr__th-right[b-u9a8o2besp] {
    text-align: right;
}

.dsr__th-center[b-u9a8o2besp] {
    text-align: center;
}

/* Stock Table */
.dsr__table--stock thead[b-u9a8o2besp] {
    background-color: #0F766E;
    color: white;
}

.dsr__table--credit thead[b-u9a8o2besp] {
    background-color: #F59E0B;
    color: white;
}

.dsr__table--expenses thead[b-u9a8o2besp] {
    background-color: #EF4444;
    color: white;
}

.dsr__table--debts thead[b-u9a8o2besp] {
    background-color: #3B82F6;
    color: white;
}

.dsr__table--deposits thead[b-u9a8o2besp] {
    background-color: #8B5CF6;
    color: white;
}

/* Table Cells */
.dsr__td-product[b-u9a8o2besp] {
    font-weight: 500;
    color: #111827;
}

.dsr__td-unit[b-u9a8o2besp] {
    color: #6B7280;
}

.dsr__td-right[b-u9a8o2besp] {
    text-align: right;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.dsr__td-center[b-u9a8o2besp] {
    text-align: center;
    color: #6B7280;
}

.dsr__td-positive[b-u9a8o2besp] {
    color: #059669;
    font-weight: 500;
}

.dsr__td-negative[b-u9a8o2besp] {
    color: #DC2626;
    font-weight: 500;
}

.dsr__td-pvt[b-u9a8o2besp] {
    color: #0F766E;
    font-weight: 600;
}

.dsr__td-amber[b-u9a8o2besp] {
    color: #92400E;
}

.dsr__td-red[b-u9a8o2besp] {
    color: #991B1B;
}

.dsr__td-blue[b-u9a8o2besp] {
    color: #1E40AF;
}

.dsr__td-purple[b-u9a8o2besp] {
    color: #5B21B6;
}

.dsr__td-bold[b-u9a8o2besp] {
    font-weight: 600;
}

.dsr__td-secondary[b-u9a8o2besp] {
    font-size: 0.75rem;
    color: #6B7280;
    font-weight: 400;
}

/* Alternating Rows */
.dsr__row--alt[b-u9a8o2besp] {
    background-color: #F9FAFB;
}

.dsr__row--alt-amber[b-u9a8o2besp] {
    background-color: #FFFBEB;
}

.dsr__row--alt-red[b-u9a8o2besp] {
    background-color: #FEF2F2;
}

.dsr__row--alt-blue[b-u9a8o2besp] {
    background-color: #EFF6FF;
}

.dsr__row--alt-purple[b-u9a8o2besp] {
    background-color: #F5F3FF;
}

/* Total Rows */
.dsr__row--total[b-u9a8o2besp] {
    background-color: #F3F4F6;
    font-weight: 700;
    border-top: 2px solid #0F766E;
}

.dsr__row--total-amber[b-u9a8o2besp] {
    background-color: #FEF3C7;
    font-weight: 700;
    border-top: 2px solid #F59E0B;
}

.dsr__row--total-red[b-u9a8o2besp] {
    background-color: #FEE2E2;
    font-weight: 700;
    border-top: 2px solid #EF4444;
}

.dsr__row--total-blue[b-u9a8o2besp] {
    background-color: #DBEAFE;
    font-weight: 700;
    border-top: 2px solid #3B82F6;
}

.dsr__row--total-purple[b-u9a8o2besp] {
    background-color: #EDE9FE;
    font-weight: 700;
    border-top: 2px solid #8B5CF6;
}

/* ----------------------------------------
   Print Styles
   ---------------------------------------- */
.print-hidden[b-u9a8o2besp] {
    /* Visible by default */
}

@media print {
    @page {
        size: A4 landscape;
        margin: 1cm;
    }

    body[b-u9a8o2besp] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .print-hidden[b-u9a8o2besp] {
        display: none !important;
    }

    .dsr[b-u9a8o2besp] {
        background-color: white;
    }

    .dsr__header[b-u9a8o2besp] {
        border: none;
    }

    .dsr__date-display[b-u9a8o2besp] {
        display: block;
    }

    .dsr__table-wrap[b-u9a8o2besp] {
        overflow-x: visible !important;
    }

    .dsr__table[b-u9a8o2besp] {
        page-break-inside: auto;
    }

    .dsr__table tr[b-u9a8o2besp] {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    .dsr__table thead[b-u9a8o2besp] {
        display: table-header-group;
    }

    .dsr__section[b-u9a8o2besp] {
        page-break-inside: avoid;
    }

    /* Force colors to print */
    .dsr__card--balance-positive[b-u9a8o2besp],
    .dsr__card--balance-negative[b-u9a8o2besp],
    .dsr__table--stock thead[b-u9a8o2besp],
    .dsr__table--credit thead[b-u9a8o2besp],
    .dsr__table--expenses thead[b-u9a8o2besp],
    .dsr__table--debts thead[b-u9a8o2besp],
    .dsr__table--deposits thead[b-u9a8o2besp] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* _content/Duara.SharedUI/Components/Pages/SalesHistory.razor.rz.scp.css */
/* SalesHistory.razor.css - Responsive Sales History Layout */

/* ===== Root Container ===== */
/* 
 * Negate parent .duara-shell__main padding so SalesHistory renders edge-to-edge.
 * This is a page-specific fix; no global shell changes required.
 */
.sales-history[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 3.25rem); /* Account for shell header height (~52px) */
    background-color: var(--color-gray-100);
    overflow: hidden;
    /* Negate shell padding (mobile: 1rem, desktop: 1.5rem) */
    margin: calc(-1 * var(--spacing-4));
    width: calc(100% + 2 * var(--spacing-4));
}

@media (min-width: 769px) {
    .sales-history[b-n84i24ygsi] {
        /* Desktop: negate 1.5rem padding */
        margin: calc(-1 * var(--spacing-6));
        width: calc(100% + 2 * var(--spacing-6));
    }
}

/* ===== Mobile View ===== */
.sales-history__mobile[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .sales-history__mobile[b-n84i24ygsi] {
        display: none;
    }
}

/* ===== Desktop View (Master-Detail) ===== */
.sales-history__desktop[b-n84i24ygsi] {
    display: none;
}

@media (min-width: 1024px) {
    .sales-history__desktop[b-n84i24ygsi] {
        display: flex;
        flex: 1;
        overflow: hidden;
    }
}

/* ===== Master Panel (Left) ===== */
.sales-history__master[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 28rem; /* max-w-md */
    background-color: var(--color-surface);
    border-right: 1px solid var(--color-gray-200);
    overflow: hidden;
}

@media (min-width: 1280px) {
    .sales-history__master[b-n84i24ygsi] {
        max-width: 32rem; /* max-w-lg */
    }
}

/* ===== Detail Panel (Right) ===== */
.sales-history__detail-panel[b-n84i24ygsi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface);
    overflow: hidden;
}

/* ===== Compact Header (Collapsed Filters) ===== */
.sales-history__compact-header[b-n84i24ygsi] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-3) var(--spacing-4);
    background-color: var(--color-surface);
    border-bottom: 1px solid var(--color-gray-200);
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 10;
}

.sales-history__filter-summary[b-n84i24ygsi] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-2) var(--spacing-3);
    background-color: #f0fdfa; /* teal-50 */
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-xl);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.sales-history__filter-summary:hover[b-n84i24ygsi] {
    background-color: #ccfbf1; /* teal-100 */
}

.sales-history__filter-summary:active[b-n84i24ygsi] {
    transform: scale(0.98);
}

.sales-history__filter-summary-icon[b-n84i24ygsi] {
    flex-shrink: 0;
    font-size: 1rem;
}

.sales-history__filter-summary-text[b-n84i24ygsi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.125rem;
}

.sales-history__filter-summary-period[b-n84i24ygsi] {
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
}

.sales-history__filter-summary-user[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sales-history__filter-summary-chevron[b-n84i24ygsi] {
    flex-shrink: 0;
    color: var(--color-primary);
    font-size: 0.75rem;
}

/* ===== Search Toggle ===== */
.sales-history__search-toggle[b-n84i24ygsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    border-radius: var(--radius-xl);
    background-color: var(--color-gray-100);
    color: var(--color-gray-500);
    border: 1px solid var(--color-gray-200);
    cursor: pointer;
    transition: all 0.2s ease;
}

.sales-history__search-toggle:hover[b-n84i24ygsi] {
    border-color: var(--color-primary);
}

.sales-history__search-toggle--active[b-n84i24ygsi] {
    background-color: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
}

/* ===== Expanded Filters ===== */
.sales-history__filters-expanded[b-n84i24ygsi],
.sales-history__filters-panel[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
    padding: var(--spacing-4);
    background-color: var(--color-surface);
    border-bottom: 1px solid var(--color-gray-200);
    flex-shrink: 0;
}

.sales-history__filters-collapse[b-n84i24ygsi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin-bottom: var(--spacing-2);
    background: none;
    border: none;
    color: var(--color-gray-500);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: color 0.2s ease;
}

.sales-history__filters-collapse:hover[b-n84i24ygsi] {
    color: var(--color-gray-900);
}

.sales-history__filters-collapse-icon[b-n84i24ygsi] {
    font-size: 0.75rem;
}

/* ===== Filter Groups ===== */
.sales-history__filter-group[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.sales-history__filter-label[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

/* ===== Period Pills ===== */
.sales-history__period-pills[b-n84i24ygsi] {
    display: flex;
    gap: var(--spacing-2);
    overflow-x: auto;
    padding-bottom: var(--spacing-2);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.sales-history__period-pills[b-n84i24ygsi]::-webkit-scrollbar {
    display: none;
}

/* ===== Filter Pills ===== */
.sales-history__pill[b-n84i24ygsi] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-2) var(--spacing-4);
    white-space: nowrap;
    border-radius: 9999px;
    background-color: var(--color-gray-100);
    color: var(--color-gray-500);
    border: 1px solid var(--color-gray-200);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

.sales-history__pill:hover[b-n84i24ygsi] {
    border-color: var(--color-primary);
}

.sales-history__pill--active[b-n84i24ygsi] {
    background-color: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
}

.sales-history__pill--custom[b-n84i24ygsi] {
    gap: var(--spacing-1);
}

/* ===== User Pills ===== */
.sales-history__user-pills[b-n84i24ygsi] {
    display: flex;
    gap: var(--spacing-2);
    flex: 1;
}

.sales-history__user-pills .sales-history__pill[b-n84i24ygsi] {
    flex: 1;
    justify-content: center;
}

/* ===== Filter Row ===== */
.sales-history__filter-row[b-n84i24ygsi] {
    display: flex;
    gap: var(--spacing-2);
    align-items: center;
}

/* ===== Custom Date Display ===== */
.sales-history__custom-display[b-n84i24ygsi] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-3);
    background-color: #f0fdfa;
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-xl);
}

.sales-history__custom-display-icon[b-n84i24ygsi] {
    flex-shrink: 0;
}

.sales-history__custom-display-text[b-n84i24ygsi] {
    flex: 1;
    color: var(--color-primary);
    font-size: var(--text-sm);
}

.sales-history__custom-display-edit[b-n84i24ygsi] {
    background: none;
    border: none;
    color: var(--color-primary);
    font-size: var(--text-sm);
    cursor: pointer;
    text-decoration: underline;
}

.sales-history__custom-display-edit:hover[b-n84i24ygsi] {
    text-decoration: none;
}

/* ===== Search Input ===== */
.sales-history__search-input-wrapper[b-n84i24ygsi] {
    animation: slideIn-b-n84i24ygsi 0.2s ease-out;
}

@keyframes slideIn-b-n84i24ygsi {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sales-history__search-input[b-n84i24ygsi] {
    width: 100%;
    padding: var(--spacing-2) var(--spacing-4);
    border: 2px solid var(--color-primary);
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    outline: none;
}

.sales-history__search-input:focus[b-n84i24ygsi] {
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.2);
}

/* ===== List Container ===== */
.sales-history__list-container[b-n84i24ygsi] {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-4);
    background-color: var(--color-gray-100);
}

/* ===== Sales List ===== */
.sales-history__list[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ===== Sale Card ===== */
.sales-history__card[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: var(--spacing-3);
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

.sales-history__card:hover[b-n84i24ygsi] {
    border-color: var(--color-primary);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.sales-history__card:active[b-n84i24ygsi] {
    transform: scale(0.98);
}

.sales-history__card--selected[b-n84i24ygsi] {
    border-color: var(--color-primary);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.sales-history__card-top[b-n84i24ygsi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-2);
}

.sales-history__card-number[b-n84i24ygsi] {
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
}

.sales-history__card-bottom[b-n84i24ygsi] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.sales-history__card-meta[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.sales-history__card-date[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sales-history__card-location[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sales-history__card-total-wrapper[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.sales-history__card-discount[b-n84i24ygsi] {
    font-size: var(--text-xs);
    color: var(--color-success, #059669);
    font-weight: 500;
}

.sales-history__card-total[b-n84i24ygsi] {
    text-align: right;
}

/* ===== Empty State ===== */
.sales-history__empty[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-8) var(--spacing-4);
    text-align: center;
}

.sales-history__empty-icon[b-n84i24ygsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    margin-bottom: var(--spacing-4);
    background-color: var(--color-surface);
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 3rem;
}

.sales-history__empty-title[b-n84i24ygsi] {
    margin: 0 0 var(--spacing-2) 0;
    color: var(--color-gray-900);
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
}

.sales-history__empty-text[b-n84i24ygsi] {
    margin: 0 0 var(--spacing-4) 0;
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.sales-history__empty-action[b-n84i24ygsi] {
    background: none;
    border: none;
    color: var(--color-primary);
    font-size: var(--text-base);
    cursor: pointer;
    text-decoration: underline;
}

.sales-history__empty-action:hover[b-n84i24ygsi] {
    text-decoration: none;
}

/* ===== Summary Footer ===== */
.sales-history__summary[b-n84i24ygsi] {
    flex-shrink: 0;
    padding: var(--spacing-4);
    background-color: var(--color-surface);
    border-top: 1px solid var(--color-gray-200);
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.sales-history__summary-row[b-n84i24ygsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sales-history__summary-row + .sales-history__summary-row[b-n84i24ygsi] {
    margin-top: var(--spacing-1);
}

.sales-history__summary-label[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.sales-history__summary-value[b-n84i24ygsi] {
    color: var(--color-gray-900);
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    font-variant-numeric: tabular-nums;
}

.sales-history__summary-secondary[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

/* ===== Loading/Error States ===== */
.sales-history__state[b-n84i24ygsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-8);
    color: var(--color-gray-500);
    font-size: var(--text-base);
}

.sales-history__state--error[b-n84i24ygsi] {
    color: var(--color-danger);
}

/* ===== Desktop Detail Panel ===== */
.sales-history__detail-desktop[b-n84i24ygsi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: var(--spacing-6);
}

.sales-history__detail-empty-state[b-n84i24ygsi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-8);
    text-align: center;
}

.sales-history__detail-empty-icon[b-n84i24ygsi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin-bottom: var(--spacing-6);
    background-color: var(--color-gray-100);
    border-radius: 50%;
    font-size: 4rem;
}

.sales-history__detail-empty-title[b-n84i24ygsi] {
    margin: 0 0 var(--spacing-2) 0;
    color: var(--color-gray-900);
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
}

.sales-history__detail-empty-text[b-n84i24ygsi] {
    margin: 0;
    max-width: 24rem;
    color: var(--color-gray-500);
    font-size: var(--text-base);
}

/* ===== Detail Sections ===== */
.sales-history__detail-header[b-n84i24ygsi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--spacing-6);
}

.sales-history__detail-eyebrow[b-n84i24ygsi] {
    margin: 0 0 var(--spacing-1) 0;
    color: var(--color-gray-500);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sales-history__detail-header h2[b-n84i24ygsi] {
    margin: 0 0 var(--spacing-1) 0;
    color: var(--color-gray-900);
    font-size: var(--text-2xl);
}

.sales-history__detail-header > div > p:last-child[b-n84i24ygsi] {
    margin: 0;
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.sales-history__detail-summary[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
    padding: var(--spacing-4);
    margin-bottom: var(--spacing-4);
    background-color: var(--color-gray-50);
    border-radius: var(--radius-lg);
}

.sales-history__detail-meta[b-n84i24ygsi] {
    display: flex;
    gap: var(--spacing-6);
}

.sales-history__detail-meta dl[b-n84i24ygsi] {
    margin: 0;
}

.sales-history__detail-meta dt[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.sales-history__detail-meta dd[b-n84i24ygsi] {
    margin: 0;
    color: var(--color-gray-900);
    font-weight: var(--font-weight-medium);
}

.sales-history__detail-section[b-n84i24ygsi] {
    margin-bottom: var(--spacing-4);
}

.sales-history__detail-section h3[b-n84i24ygsi] {
    margin: 0 0 var(--spacing-3) 0;
    color: var(--color-gray-900);
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
}

.sales-history__detail-empty[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
    font-style: italic;
}

.sales-history__detail-lines[b-n84i24ygsi],
.sales-history__detail-payments[b-n84i24ygsi] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sales-history__detail-lines li[b-n84i24ygsi],
.sales-history__detail-payments li[b-n84i24ygsi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--spacing-2) 0;
    border-bottom: 1px solid var(--color-gray-100);
}

.sales-history__detail-lines li:last-child[b-n84i24ygsi],
.sales-history__detail-payments li:last-child[b-n84i24ygsi] {
    border-bottom: none;
}

.sales-history__line-main[b-n84i24ygsi],
.sales-history__line-meta[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.sales-history__line-main strong[b-n84i24ygsi] {
    color: var(--color-gray-900);
}

.sales-history__line-main span[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.sales-history__line-meta[b-n84i24ygsi] {
    text-align: right;
}

.sales-history__line-meta span[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.sales-history__line-meta strong[b-n84i24ygsi] {
    color: var(--color-gray-900);
}

.sales-history__payment-ref[b-n84i24ygsi] {
    display: block;
    color: var(--color-gray-400);
    font-size: var(--text-xs);
}

.sales-history__detail-actions[b-n84i24ygsi] {
    display: flex;
    gap: var(--spacing-3);
    flex-wrap: wrap;
    margin-top: var(--spacing-4);
    padding-top: var(--spacing-4);
    border-top: 1px solid var(--color-gray-200);
}

.sales-history__detail-message[b-n84i24ygsi] {
    margin-top: var(--spacing-3);
    padding: var(--spacing-3);
    background-color: var(--color-gray-100);
    border-radius: var(--radius-md);
    color: var(--color-gray-700);
    font-size: var(--text-sm);
}

/* ===== Mobile Sheet Wrapper ===== */
.sales-history__mobile-sheet[b-n84i24ygsi] {
    display: block;
}

@media (min-width: 1024px) {
    .sales-history__mobile-sheet[b-n84i24ygsi] {
        display: none;
    }
}

/* ===== Date Picker Modal ===== */
.sales-history__date-picker[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

.sales-history__date-picker-field[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.sales-history__date-picker-label[b-n84i24ygsi] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.sales-history__date-picker-input[b-n84i24ygsi] {
    width: 100%;
    padding: var(--spacing-3) var(--spacing-4);
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    outline: none;
    transition: border-color 0.2s ease;
}

.sales-history__date-picker-input:focus[b-n84i24ygsi] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.2);
}

/* ===== Mobile Detail (BottomSheet) ===== */
.sales-history__detail[b-n84i24ygsi] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
/* _content/Duara.SharedUI/Components/Pages/Stock/Anomalies.razor.rz.scp.css */
.stock-anomalies[b-ve8ra9wmkf] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1rem;
    padding: 1rem;
}

.stock-anomalies__header[b-ve8ra9wmkf] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.stock-anomalies__eyebrow[b-ve8ra9wmkf] {
    margin: 0;
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.stock-anomalies__filter[b-ve8ra9wmkf] {
    display: inline-flex;
    gap: var(--spacing-2);
    flex-wrap: wrap;
}

.stock-anomalies__filter-btn[b-ve8ra9wmkf] {
    min-height: 44px;
    padding: var(--spacing-2) var(--spacing-3);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
    cursor: pointer;
    transition: all 0.15s ease;
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-800);
}

.stock-anomalies__filter-btn:hover[b-ve8ra9wmkf] {
    border-color: var(--color-primary);
    background-color: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.stock-anomalies__filter-btn.is-active[b-ve8ra9wmkf] {
    border-color: var(--color-primary);
    background-color: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-primary-dark);
}

.stock-anomalies__filter-btn:focus-visible[b-ve8ra9wmkf] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.stock-anomalies__error[b-ve8ra9wmkf] {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: var(--color-gray-50);
    color: var(--color-danger);
}

.stock-anomalies__list[b-ve8ra9wmkf] {
    flex: 1;
    overflow: auto;
}

.stock-anomalies__items[b-ve8ra9wmkf] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.75rem;
}

.stock-anomalies__empty[b-ve8ra9wmkf] {
    color: var(--color-gray-600);
}
/* _content/Duara.SharedUI/Components/Pages/Stock/QuickStock.razor.rz.scp.css */
.quick-stock[b-qkedpmb21b] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: #F3F4F6;
}

.quick-stock__header[b-qkedpmb21b] {
    background: #ffffff;
    border-bottom: 1px solid #E5E7EB;
    padding: 1rem 1rem 0.75rem;
}

.quick-stock__header h1[b-qkedpmb21b] {
    margin: 0 0 0.2rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.quick-stock__header p[b-qkedpmb21b] {
    margin: 0;
    font-size: 0.875rem;
    color: #6B7280;
}

.quick-stock__panel[b-qkedpmb21b] {
    background: #ffffff;
    border-bottom: 1px solid #E5E7EB;
    padding: 0.85rem 1rem;
}

.quick-stock__panel--filters[b-qkedpmb21b] {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding-top: 0.5rem;
}

.quick-stock__search[b-qkedpmb21b] {
    position: relative;
}

.quick-stock__search-icon[b-qkedpmb21b],
.quick-stock__barcode[b-qkedpmb21b] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: #6B7280;
}

.quick-stock__search-icon[b-qkedpmb21b] {
    left: 14px;
}

.quick-stock__barcode[b-qkedpmb21b] {
    right: 14px;
}

.quick-stock__search-input[b-qkedpmb21b] {
    width: 100%;
    height: 48px;
    padding: 0 2.75rem 0 2.5rem;
    font-size: 0.95rem;
    color: #111827;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    outline: none;
    transition: border-color 150ms, box-shadow 150ms;
}

.quick-stock__search-input:focus[b-qkedpmb21b] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.2);
}

.quick-stock__search-hint[b-qkedpmb21b] {
    margin: 0.4rem 0 0;
    font-size: 0.75rem;
    color: #6B7280;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.quick-stock__search-hint-icon[b-qkedpmb21b] {
    width: 14px;
    height: 14px;
    color: #6B7280;
    display: inline-flex;
}

.quick-stock__filter-pill[b-qkedpmb21b] {
    flex-shrink: 0;
    border: none;
    border-radius: 0.75rem;
    padding: 0.45rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    background: #F3F4F6;
    color: #6B7280;
    cursor: pointer;
    transition: background 150ms, color 150ms;
}

.quick-stock__filter-pill.is-active[b-qkedpmb21b] {
    background: #0F766E;
    color: #ffffff;
}

.quick-stock__alert[b-qkedpmb21b] {
    margin: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.9rem;
    border: 2px solid #FEE2E2;
    background: #FEF2F2;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    color: #DC2626;
    text-align: left;
    width: calc(100% - 2rem);
    cursor: pointer;
    text-decoration: none;
}

.quick-stock__alert:hover[b-qkedpmb21b] {
    background: #FDECEC;
}

.quick-stock__alert-icon[b-qkedpmb21b] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
}

.quick-stock__alert p[b-qkedpmb21b] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
}

.quick-stock__alert span[b-qkedpmb21b] {
    display: block;
    font-size: 0.75rem;
    color: #991B1B;
    margin-top: 0.1rem;
}

.quick-stock__error[b-qkedpmb21b] {
    margin: 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: #F9FAFB;
    color: #DC2626;
}

.quick-stock__list[b-qkedpmb21b] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.quick-stock__items[b-qkedpmb21b] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.9rem;
}

.quick-stock__empty[b-qkedpmb21b] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6B7280;
}

.quick-stock__empty svg[b-qkedpmb21b] {
    width: 48px;
    height: 48px;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.quick-stock__search-hint--desktop[b-qkedpmb21b] {
    display: none;
}

@media (min-width: 768px) {
    .quick-stock__header[b-qkedpmb21b],
    .quick-stock__panel[b-qkedpmb21b] {
        padding: 1.5rem 2rem;
    }

    .quick-stock__header h1[b-qkedpmb21b] {
        font-size: 1.5rem;
    }

    .quick-stock__panel--filters[b-qkedpmb21b] {
        gap: 0.75rem;
        overflow-x: visible;
    }

    .quick-stock__search-input[b-qkedpmb21b] {
        height: 56px;
    }

    .quick-stock__search-hint--mobile[b-qkedpmb21b] {
        display: none;
    }

    .quick-stock__search-hint--desktop[b-qkedpmb21b] {
        display: flex;
    }

    .quick-stock__list[b-qkedpmb21b] {
        padding: 1.5rem 2rem;
    }

    .quick-stock__items[b-qkedpmb21b] {
        max-width: 720px;
    }

    .quick-stock__empty svg[b-qkedpmb21b] {
        width: 64px;
        height: 64px;
    }
}
/* _content/Duara.SharedUI/Components/POS/AddToCartPanel.razor.rz.scp.css */
.duara-add-panel[b-yqptcfusfo] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
    padding: var(--spacing-4);
    background-color: var(--color-surface);
    border-radius: var(--radius-lg);
}

.duara-add-panel__header[b-yqptcfusfo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-3);
}

.duara-add-panel__header-content[b-yqptcfusfo] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    flex: 1;
    min-width: 0;
}

.duara-add-panel__description[b-yqptcfusfo] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-gray-500);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.duara-add-panel__title[b-yqptcfusfo] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    line-height: var(--line-height-tight);
}

.duara-add-panel__close[b-yqptcfusfo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: var(--radius-sm);
    background-color: transparent;
    color: var(--color-gray-500);
    font-size: var(--text-xl);
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.duara-add-panel__close:hover[b-yqptcfusfo] {
    background-color: var(--color-gray-100);
    color: var(--color-gray-700);
}

.duara-add-panel__close:focus-visible[b-yqptcfusfo] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.duara-add-panel__section[b-yqptcfusfo] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.duara-add-panel__label[b-yqptcfusfo] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-700);
}

.duara-add-panel__footer[b-yqptcfusfo] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    padding-top: var(--spacing-3);
    border-top: 1px solid var(--color-border);
}

.duara-add-panel__total[b-yqptcfusfo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.duara-add-panel__total-label[b-yqptcfusfo] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-700);
}

.duara-add-panel__empty[b-yqptcfusfo] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-6);
    text-align: center;
    color: var(--color-gray-500);
}

.duara-add-panel__empty p[b-yqptcfusfo] {
    margin: 0;
}

/* When used in a bottom sheet context */
[b-yqptcfusfo] .duara-sheet .duara-add-panel {
    padding: var(--spacing-3);
    border-radius: 0;
}

/* Responsive adjustments */
@media (min-width: 640px) {
    .duara-add-panel__footer[b-yqptcfusfo] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .duara-add-panel__footer > :deep(.duara-button)[b-yqptcfusfo] {
        width: auto;
    }
}
/* _content/Duara.SharedUI/Components/POS/AttachmentBadge.razor.rz.scp.css */
.duara-attachment-badge[b-zx7s5bus6e] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-1);
    padding: var(--spacing-1) var(--spacing-2);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-gray-50);
    color: var(--color-gray-600);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-attachment-badge:hover[b-zx7s5bus6e] {
    background-color: var(--color-gray-100);
    border-color: var(--color-gray-400);
}

.duara-attachment-badge--attached[b-zx7s5bus6e] {
    border-style: solid;
}

.duara-attachment-badge--client[b-zx7s5bus6e] {
    background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.duara-attachment-badge--client:hover[b-zx7s5bus6e] {
    background-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.duara-attachment-badge--table[b-zx7s5bus6e] {
    background-color: color-mix(in srgb, var(--color-warning) 10%, transparent);
    border-color: var(--color-warning);
    color: var(--color-gray-700);
}

.duara-attachment-badge--table:hover[b-zx7s5bus6e] {
    background-color: color-mix(in srgb, var(--color-warning) 20%, transparent);
}

.duara-attachment-badge--room[b-zx7s5bus6e] {
    background-color: color-mix(in srgb, var(--color-info) 10%, transparent);
    border-color: var(--color-info);
    color: var(--color-info);
}

.duara-attachment-badge--room:hover[b-zx7s5bus6e] {
    background-color: color-mix(in srgb, var(--color-info) 20%, transparent);
}

.duara-attachment-badge__icon[b-zx7s5bus6e] {
    font-size: var(--text-base);
}

.duara-attachment-badge__name[b-zx7s5bus6e] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.duara-attachment-badge__remove[b-zx7s5bus6e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: var(--spacing-1);
    border-radius: 50%;
    background-color: transparent;
    color: inherit;
    font-size: var(--text-sm);
    line-height: 1;
    opacity: 0.6;
    transition: all 0.15s ease;
}

.duara-attachment-badge__remove:hover[b-zx7s5bus6e] {
    background-color: color-mix(in srgb, var(--color-danger) 20%, transparent);
    color: var(--color-danger);
    opacity: 1;
}
/* _content/Duara.SharedUI/Components/POS/AttachmentPickerContent.razor.rz.scp.css */
/* AttachmentPickerContent - Figma-aligned styles */

.duara-attachment-picker[b-b5kw6lys8r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Tab Bar - Gray background container with pill tabs */
.duara-attachment-picker__tabs[b-b5kw6lys8r] {
    display: flex;
    gap: 0.25rem;
    background-color: #F3F4F6;
    border-radius: 0.5rem;
    padding: 0.25rem;
}

.duara-attachment-picker__tab[b-b5kw6lys8r] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    border: none;
    border-radius: 0.375rem;
    background-color: transparent;
    color: #6B7280;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-attachment-picker__tab:hover:not(.is-active)[b-b5kw6lys8r] {
    background-color: rgba(255, 255, 255, 0.5);
}

.duara-attachment-picker__tab.is-active[b-b5kw6lys8r] {
    background-color: white;
    color: #0F766E;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.duara-attachment-picker__tab-icon[b-b5kw6lys8r] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

/* Search Input with icon */
.duara-attachment-picker__search[b-b5kw6lys8r] {
    position: relative;
}

.duara-attachment-picker__search-icon[b-b5kw6lys8r] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    color: #6B7280;
    pointer-events: none;
}

.duara-attachment-picker__search-input[b-b5kw6lys8r] {
    width: 100%;
    height: 3rem;
    padding-left: 2.5rem;
    padding-right: 1rem;
    background-color: #F9FAFB;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    font-size: 1rem;
    color: #111827;
    transition: border-color 0.15s ease;
}

.duara-attachment-picker__search-input[b-b5kw6lys8r]::placeholder {
    color: #9CA3AF;
}

.duara-attachment-picker__search-input:focus[b-b5kw6lys8r] {
    outline: none;
    border-color: #0F766E;
}

/* Divider */
.duara-attachment-picker__divider[b-b5kw6lys8r] {
    height: 1px;
    background-color: #E5E7EB;
    margin: 0 -1.5rem;
}

/* List */
.duara-attachment-picker__list[b-b5kw6lys8r] {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-y: auto;
    margin: 0 -1.5rem;
}

.duara-attachment-picker__loading[b-b5kw6lys8r],
.duara-attachment-picker__error[b-b5kw6lys8r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    color: #6B7280;
    text-align: center;
}

.duara-attachment-picker__error p[b-b5kw6lys8r] {
    margin: 0;
    color: #DC2626;
}

.duara-attachment-picker__empty[b-b5kw6lys8r] {
    padding: 1.5rem;
    text-align: center;
}

.duara-attachment-picker__empty p[b-b5kw6lys8r] {
    margin: 0;
    color: #6B7280;
    font-size: 0.875rem;
}

/* List Item - Full width row with border-bottom */
.duara-attachment-picker__item[b-b5kw6lys8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 1.5rem;
    border: none;
    border-bottom: 1px solid #E5E7EB;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.15s ease;
    text-align: left;
}

.duara-attachment-picker__item:hover:not(.is-disabled)[b-b5kw6lys8r] {
    background-color: #F9FAFB;
}

.duara-attachment-picker__item.is-selected[b-b5kw6lys8r] {
    background-color: #F0FDFA;
    border-right: 4px solid #0F766E;
}

.duara-attachment-picker__item.is-disabled[b-b5kw6lys8r] {
    opacity: 0.5;
    cursor: not-allowed;
}

.duara-attachment-picker__item-info[b-b5kw6lys8r] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.duara-attachment-picker__item-name[b-b5kw6lys8r] {
    font-size: 1rem;
    font-weight: 500;
    color: #111827;
}

.duara-attachment-picker__item-secondary[b-b5kw6lys8r] {
    font-size: 0.875rem;
    color: #6B7280;
}

.duara-attachment-picker__item-right[b-b5kw6lys8r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.duara-attachment-picker__item-status[b-b5kw6lys8r] {
    font-size: 0.875rem;
    font-weight: 500;
}

.duara-attachment-picker__item-status.is-available[b-b5kw6lys8r] {
    color: #166534;
}

.duara-attachment-picker__item-status.is-occupied[b-b5kw6lys8r] {
    color: #991B1B;
}

.duara-attachment-picker__item-status.is-reserved[b-b5kw6lys8r] {
    color: #92400E;
}

.duara-attachment-picker__check-icon[b-b5kw6lys8r] {
    width: 1.25rem;
    height: 1.25rem;
    color: #0F766E;
}

/* Action Buttons */
.duara-attachment-picker__actions[b-b5kw6lys8r] {
    display: flex;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #E5E7EB;
}

.duara-attachment-picker__btn[b-b5kw6lys8r] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    padding: 0 1rem;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-attachment-picker__btn--cancel[b-b5kw6lys8r] {
    flex: 1;
    background-color: transparent;
    border: 2px solid #E5E7EB;
    color: #374151;
}

.duara-attachment-picker__btn--cancel:hover[b-b5kw6lys8r] {
    background-color: #F9FAFB;
}

.duara-attachment-picker__btn--confirm[b-b5kw6lys8r] {
    flex: 2;
    background-color: #0F766E;
    border: none;
    color: white;
}

.duara-attachment-picker__btn--confirm:hover:not(:disabled)[b-b5kw6lys8r] {
    background-color: #115E59;
}

.duara-attachment-picker__btn--confirm:disabled[b-b5kw6lys8r] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* _content/Duara.SharedUI/Components/POS/BarcodeInput.razor.rz.scp.css */
.duara-barcode[b-izidxoea6z] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.duara-barcode__input-wrapper[b-izidxoea6z] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-3) var(--spacing-4);
    background-color: var(--color-surface);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.duara-barcode__input-wrapper:focus-within[b-izidxoea6z] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.duara-barcode__input-wrapper.has-error[b-izidxoea6z] {
    border-color: var(--color-danger);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-danger) 20%, transparent);
}

.duara-barcode__input-wrapper.is-shaking[b-izidxoea6z] {
    animation: barcode-shake-b-izidxoea6z 0.4s ease-in-out;
}

@keyframes barcode-shake-b-izidxoea6z {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-8px); }
    40% { transform: translateX(8px); }
    60% { transform: translateX(-6px); }
    80% { transform: translateX(6px); }
}

.duara-barcode__icon[b-izidxoea6z] {
    width: 24px;
    height: 24px;
    opacity: 0.5;
    flex-shrink: 0;
    display: inline-flex;
}

.duara-barcode__icon svg[b-izidxoea6z] {
    width: 24px;
    height: 24px;
}
.duara-barcode__input[b-izidxoea6z] {
    flex: 1;
    min-height: 48px;
    border: none;
    background: transparent;
    font-size: var(--text-xl);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-900);
    outline: none;
}

.duara-barcode__input[b-izidxoea6z]::placeholder {
    color: var(--color-gray-400);
    font-weight: var(--font-weight-normal);
}

.duara-barcode__clear[b-izidxoea6z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-100);
    color: var(--color-gray-500);
    font-size: var(--text-lg);
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.duara-barcode__clear:hover[b-izidxoea6z] {
    background-color: var(--color-gray-200);
    color: var(--color-gray-700);
}

.duara-barcode__error[b-izidxoea6z] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-danger);
    text-align: center;
}

/* Numpad */
.duara-barcode__numpad[b-izidxoea6z] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2);
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
}

.duara-barcode__numpad-btn[b-izidxoea6z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
    color: var(--color-gray-900);
    font-size: var(--text-xl);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-barcode__numpad-btn:hover[b-izidxoea6z] {
    background-color: var(--color-gray-100);
}

.duara-barcode__numpad-btn:active[b-izidxoea6z] {
    background-color: var(--color-gray-200);
}

.duara-barcode__numpad-btn--clear[b-izidxoea6z] {
    background-color: var(--color-gray-100);
    color: var(--color-gray-600);
}

.duara-barcode__numpad-btn--enter[b-izidxoea6z] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-primary-foreground);
}

.duara-barcode__numpad-btn--enter:hover[b-izidxoea6z] {
    background-color: var(--color-primary-dark);
}
/* _content/Duara.SharedUI/Components/POS/CartLineDisplay.razor.rz.scp.css */
/* CartLineDisplay - Card-based cart item display (Figma design) */

.duara-cart-line[b-jnaqq24e2i] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    margin-bottom: 0.75rem;
}

.duara-cart-line:last-child[b-jnaqq24e2i] {
    margin-bottom: 0;
}

/* Header row: Name + Remove button */
.duara-cart-line__header[b-jnaqq24e2i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.duara-cart-line__info[b-jnaqq24e2i] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1;
}

.duara-cart-line__name[b-jnaqq24e2i] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #111827;
    line-height: 1.3;
}

.duara-cart-line__unit[b-jnaqq24e2i] {
    font-size: 0.875rem;
    color: #6B7280;
}

.duara-cart-line__remove[b-jnaqq24e2i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 0.375rem;
    background-color: transparent;
    color: #DC2626;
    cursor: pointer;
    transition: background-color 0.15s ease;
    flex-shrink: 0;
    padding: 0.25rem;
}

.duara-cart-line__remove:hover[b-jnaqq24e2i] {
    background-color: #FEF2F2;
}

.duara-cart-line__remove svg[b-jnaqq24e2i] {
    width: 20px;
    height: 20px;
}

/* Footer row: Quantity controls + Total */
.duara-cart-line__footer[b-jnaqq24e2i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.duara-cart-line__quantity[b-jnaqq24e2i] {
    display: flex;
    align-items: center;
    gap: 0;
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    padding: 0.25rem;
}

.duara-cart-line__qty-btn[b-jnaqq24e2i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    border-radius: 0.375rem;
    background-color: transparent;
    color: #0F766E;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.duara-cart-line__qty-btn:hover:not(:disabled)[b-jnaqq24e2i] {
    background-color: #F3F4F6;
}

.duara-cart-line__qty-btn:disabled[b-jnaqq24e2i] {
    opacity: 0.4;
    cursor: not-allowed;
}

.duara-cart-line__qty-btn svg[b-jnaqq24e2i] {
    width: 14px;
    height: 14px;
}

.duara-cart-line__qty-value[b-jnaqq24e2i] {
    min-width: 3rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.duara-cart-line__total[b-jnaqq24e2i] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.125rem;
}

.duara-cart-line__total-usd[b-jnaqq24e2i] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.duara-cart-line__total-cdf[b-jnaqq24e2i] {
    font-size: 0.75rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}
/* _content/Duara.SharedUI/Components/POS/CartPanel.razor.rz.scp.css */
.duara-cart-panel[b-k3lv5tlo8i] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--color-surface);
}

.duara-cart-panel__header[b-k3lv5tlo8i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}

.duara-cart-panel__title-row[b-k3lv5tlo8i] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}

.duara-cart-panel__title[b-k3lv5tlo8i] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.duara-cart-panel__clear[b-k3lv5tlo8i] {
    padding: var(--spacing-1) var(--spacing-2);
    border: none;
    border-radius: var(--radius-sm);
    background-color: transparent;
    color: var(--color-danger);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.duara-cart-panel__clear:hover[b-k3lv5tlo8i] {
    background-color: color-mix(in srgb, var(--color-danger) 10%, transparent);
}

.duara-cart-panel__attachment[b-k3lv5tlo8i] {
    padding: var(--spacing-2) var(--spacing-4);
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}

.duara-cart-panel__content[b-k3lv5tlo8i] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: 1rem;
}

.duara-cart-panel__lines[b-k3lv5tlo8i] {
    display: flex;
    flex-direction: column;
}

.duara-cart-panel__empty[b-k3lv5tlo8i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-6);
    text-align: center;
    height: 100%;
    min-height: 200px;
}

.duara-cart-panel__empty-icon[b-k3lv5tlo8i] {
    width: 64px;
    height: 64px;
    color: #D1D5DB;
    margin-bottom: var(--spacing-4);
}

.duara-cart-panel__empty-title[b-k3lv5tlo8i] {
    margin: 0 0 0.25rem;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    color: #6B7280;
}

.duara-cart-panel__empty-text[b-k3lv5tlo8i] {
    margin: 0;
    font-size: var(--text-sm);
    color: #9CA3AF;
}

/* Footer - Figma design */
.duara-cart-panel__footer[b-k3lv5tlo8i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid #E2E8F0;
    background-color: #FFFFFF;
    flex-shrink: 0;
}

/* Total row */
.duara-cart-panel__total-row[b-k3lv5tlo8i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.duara-cart-panel__total-left[b-k3lv5tlo8i] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.duara-cart-panel__total-label[b-k3lv5tlo8i] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.duara-cart-panel__item-badge[b-k3lv5tlo8i] {
    padding: 0.375rem 0.75rem;
    background-color: #0F766E;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 9999px;
}

.duara-cart-panel__total-right[b-k3lv5tlo8i] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.duara-cart-panel__total-usd[b-k3lv5tlo8i] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.duara-cart-panel__total-cdf[b-k3lv5tlo8i] {
    font-size: 0.875rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Action buttons */
.duara-cart-panel__actions[b-k3lv5tlo8i] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.duara-cart-panel__hold-btn[b-k3lv5tlo8i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 48px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    background-color: #FFFFFF;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.duara-cart-panel__hold-btn:not(:disabled):hover[b-k3lv5tlo8i] {
    background-color: #F9FAFB;
    border-color: #D1D5DB;
}

.duara-cart-panel__hold-btn:disabled[b-k3lv5tlo8i] {
    opacity: 0.5;
    cursor: not-allowed;
}

.duara-cart-panel__hold-btn svg[b-k3lv5tlo8i] {
    width: 16px;
    height: 16px;
}

.duara-cart-panel__checkout-btn[b-k3lv5tlo8i] {
    height: 48px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #0F766E;
    border: none;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.duara-cart-panel__checkout-btn:not(:disabled):hover[b-k3lv5tlo8i] {
    background-color: #115E59;
}

.duara-cart-panel__checkout-btn:disabled[b-k3lv5tlo8i] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsive: for bottom sheet context */
@media (max-width: 639px) {
    .duara-cart-panel__content[b-k3lv5tlo8i] {
        max-height: 40vh;
    }
    
    .duara-cart-panel__actions[b-k3lv5tlo8i] {
        flex-direction: row;
    }
    
    .duara-cart-panel__hold-btn[b-k3lv5tlo8i] {
        flex: 1;
    }
    
    .duara-cart-panel__checkout-btn[b-k3lv5tlo8i] {
        flex: 1.5;
    }
}
/* _content/Duara.SharedUI/Components/POS/CartSummary.razor.rz.scp.css */
.duara-cart-summary[b-wk8y1hhzwn] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    padding: var(--spacing-3);
    background-color: var(--color-gray-50);
    border-radius: var(--radius-md);
}

.duara-cart-summary__row[b-wk8y1hhzwn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-2);
}

.duara-cart-summary__label[b-wk8y1hhzwn] {
    font-size: var(--text-sm);
    color: var(--color-gray-600);
}

.duara-cart-summary__row--tax[b-wk8y1hhzwn] {
    color: var(--color-gray-500);
}

.duara-cart-summary__row--total[b-wk8y1hhzwn] {
    padding-top: var(--spacing-2);
    margin-top: var(--spacing-1);
    border-top: 1px solid var(--color-border);
}

.duara-cart-summary__label--total[b-wk8y1hhzwn] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.duara-cart-summary__item-count[b-wk8y1hhzwn] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--spacing-1);
}
/* _content/Duara.SharedUI/Components/POS/CashInput.razor.rz.scp.css */
/* CashInput.razor.css - 100% fidelity to Reference UI CashInput.tsx */

.cash-input[b-jvypdphrxp] {
    background-color: white; /* bg-white */
    border-radius: var(--radius-xl); /* rounded-xl = 12px */
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); /* shadow-sm */
}

/* Size variants - container padding */
.cash-input--small[b-jvypdphrxp] {
    padding: 0.75rem; /* p-3 */
}

.cash-input--medium[b-jvypdphrxp] {
    padding: 0.75rem; /* p-3 */
}

.cash-input--large[b-jvypdphrxp] {
    padding: 1rem; /* p-4 */
}

/* Header */
.cash-input__header[b-jvypdphrxp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem; /* mb-4 */
}

.cash-input__title[b-jvypdphrxp] {
    color: var(--color-gray-900); /* text-[#111827] */
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-base);
    margin: 0;
}

.cash-input__title--small[b-jvypdphrxp] {
    font-size: var(--text-sm); /* text-sm */
}

/* Toggle button */
.cash-input__toggle[b-jvypdphrxp] {
    background: none;
    border: none;
    color: var(--color-primary); /* text-[#0F766E] */
    cursor: pointer;
    padding: 0;
    font-weight: var(--font-weight-normal);
}

.cash-input__toggle:hover[b-jvypdphrxp] {
    text-decoration: underline; /* hover:underline */
}

.cash-input__toggle--small[b-jvypdphrxp] {
    font-size: var(--text-xs); /* text-xs */
}

.cash-input__toggle--large[b-jvypdphrxp] {
    font-size: var(--text-sm); /* text-sm */
}

/* Input field container */
.cash-input__field[b-jvypdphrxp] {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* gap-2 */
    background-color: var(--color-gray-50); /* bg-[#F9FAFB] */
    border: 2px solid var(--color-gray-200); /* border-2 border-[#E5E7EB] */
    border-radius: var(--radius-xl); /* rounded-xl */
    padding: 0 1rem; /* px-4 */
    margin-bottom: 0.75rem; /* mb-3 */
    transition: border-color 150ms ease; /* transition-colors */
}

.cash-input__field--focused[b-jvypdphrxp] {
    border-color: var(--color-primary); /* border-[#0F766E] */
}

.cash-input__currency-prefix[b-jvypdphrxp],
.cash-input__currency-suffix[b-jvypdphrxp] {
    color: var(--color-gray-500); /* text-[#6B7280] */
}

.cash-input__input[b-jvypdphrxp] {
    flex: 1;
    background-color: transparent; /* bg-transparent */
    text-align: right; /* text-right */
    color: var(--color-gray-900); /* text-[#111827] */
    border: none;
    outline: none;
    padding: 0.75rem 0; /* py-3 */
    font-family: inherit;
    /* Remove spinner buttons */
    -moz-appearance: textfield;
}

.cash-input__input[b-jvypdphrxp]::-webkit-outer-spin-button,
.cash-input__input[b-jvypdphrxp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cash-input__input[b-jvypdphrxp]::placeholder {
    color: var(--color-gray-400);
}

/* Input size variants */
.cash-input__input--small[b-jvypdphrxp] {
    font-size: var(--text-lg); /* text-lg */
}

.cash-input__input--medium[b-jvypdphrxp] {
    font-size: var(--text-xl); /* text-xl */
}

.cash-input__input--large[b-jvypdphrxp] {
    font-size: var(--text-2xl); /* text-2xl */
}

/* Exchange rate */
.cash-input__exchange-rate[b-jvypdphrxp] {
    color: var(--color-gray-500); /* text-[#6B7280] */
    font-size: var(--text-xs); /* text-xs */
    margin: 0 0 0.75rem 0; /* mb-3 */
}

/* Note counters grid */
.cash-input__counters[b-jvypdphrxp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* grid-cols-2 */
    gap: 0.75rem; /* gap-3 */
}

.cash-input__counters--single[b-jvypdphrxp] {
    grid-template-columns: 1fr; /* grid-cols-1 for medium size */
}

/* Mobile: single column for note counters */
@media (max-width: 767px) {
    .cash-input__counters[b-jvypdphrxp] {
        grid-template-columns: 1fr; /* Single column on mobile */
        gap: 0.5rem;
    }
}

/* Quick buttons container */
.cash-input__quick-buttons[b-jvypdphrxp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem; /* gap-2 between rows */
}

/* Button rows */
.cash-input__button-row[b-jvypdphrxp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* grid-cols-3 */
    gap: 0.5rem; /* gap-2 */
}

/* Base button styles */
.cash-input__exact-btn[b-jvypdphrxp],
.cash-input__quick-btn[b-jvypdphrxp] {
    border-radius: var(--radius-xl); /* rounded-xl */
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all 150ms ease; /* transition-all */
    border: 2px solid transparent;
}

/* Exact button - gradient primary */
.cash-input__exact-btn[b-jvypdphrxp] {
    background: linear-gradient(to bottom right, #0F766E, #115E59); /* bg-gradient-to-br from-[#0F766E] to-[#115E59] */
    color: white; /* text-white */
    border-color: transparent;
}

.cash-input__exact-btn:hover:not(:disabled)[b-jvypdphrxp] {
    opacity: 0.9; /* hover:opacity-90 */
}

.cash-input__exact-btn:disabled[b-jvypdphrxp] {
    opacity: 0.5; /* disabled:opacity-50 */
    cursor: not-allowed; /* disabled:cursor-not-allowed */
}

/* Quick add buttons */
.cash-input__quick-btn[b-jvypdphrxp] {
    background-color: white; /* bg-white */
    color: var(--color-primary); /* text-[#0F766E] */
    border-color: var(--color-primary); /* border-[#0F766E] */
}

.cash-input__quick-btn:hover[b-jvypdphrxp] {
    background-color: #F0FDFA; /* hover:bg-[#F0FDFA] */
}

/* Button size variants */
.cash-input__btn--small[b-jvypdphrxp] {
    padding: 0.5rem; /* py-2 */
    font-size: var(--text-sm); /* text-sm */
}

.cash-input__btn--medium[b-jvypdphrxp] {
    padding: 0.625rem; /* py-2.5 */
    font-size: var(--text-sm); /* text-sm */
}

.cash-input__btn--large[b-jvypdphrxp] {
    padding: 0.75rem; /* py-3 */
    font-size: var(--text-base);
}
/* _content/Duara.SharedUI/Components/POS/CashPayment.razor.rz.scp.css */
.cash-payment[b-6jf3wfykqc] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.cash-payment__due[b-6jf3wfykqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-radius: 16px;
    background: var(--duara-surface, #ffffff);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
    font-size: 1.05rem;
}

.cash-payment__due strong[b-6jf3wfykqc] {
    font-size: 1.35rem;
}

.cash-payment__quick-grid[b-6jf3wfykqc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 12px;
}

.cash-payment__quick-button[b-6jf3wfykqc] {
    width: 100%;
    min-height: 52px;
}

.cash-payment__change[b-6jf3wfykqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 1.1rem;
}

.cash-payment__change-value[b-6jf3wfykqc] {
    font-size: 1.3rem;
    color: var(--duara-text-primary, #0f172a);
}

.cash-payment__change-value.is-positive[b-6jf3wfykqc] {
    color: var(--duara-status-success, #16a34a);
}

.cash-payment :global(.duara-number__control)[b-6jf3wfykqc] {
    border-radius: 16px;
    min-height: 64px;
    font-size: 1.25rem;
}

.cash-payment :global(.duara-number__input)[b-6jf3wfykqc] {
    font-size: 1.5rem;
    padding: 0 12px;
}

.cash-payment :global(.duara-number__step)[b-6jf3wfykqc] {
    font-size: 1.25rem;
    width: 60px;
}

@media (max-width: 600px) {
    .cash-payment__quick-grid[b-6jf3wfykqc] {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }
}
/* _content/Duara.SharedUI/Components/POS/CategoryPillBar.razor.rz.scp.css */
.duara-category-pills[b-z667lhvzy1] {
    width: 100%;
    overflow: hidden;
}

.duara-category-pills__scroll[b-z667lhvzy1] {
    display: flex;
    gap: var(--spacing-2);
    overflow-x: auto;
    padding: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.duara-category-pills__scroll[b-z667lhvzy1]::-webkit-scrollbar {
    display: none;
}

.duara-category-pill[b-z667lhvzy1] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2);
    min-height: 40px; /* py-2 ≈ 8px each side + content */
    padding: 0.5rem 1rem; /* py-2 px-4 */
    border: 1px solid var(--color-gray-200);
    border-radius: 9999px;
    background-color: var(--color-gray-100); /* bg-[#F3F4F6] */
    color: var(--color-gray-500); /* text-[#6B7280] */
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.duara-category-pill:hover[b-z667lhvzy1] {
    background-color: var(--color-gray-200);
    border-color: var(--color-gray-200);
}

.duara-category-pill:focus-visible[b-z667lhvzy1] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.duara-category-pill.is-active[b-z667lhvzy1] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-primary-foreground);
}

.duara-category-pill.is-active:hover[b-z667lhvzy1] {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.duara-category-pill__icon[b-z667lhvzy1] {
    font-size: var(--text-base);
}
/* _content/Duara.SharedUI/Components/POS/CreditPayment.razor.rz.scp.css */
.credit-payment[b-u3mj5vsvwl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.credit-payment__notice[b-u3mj5vsvwl] {
    padding: 16px 20px;
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.05);
    font-size: 0.95rem;
}

.credit-payment__notice--warning[b-u3mj5vsvwl] {
    background: rgba(245, 158, 11, 0.15);
    color: #92400e;
}

.credit-payment__notice--error[b-u3mj5vsvwl] {
    background: rgba(239, 68, 68, 0.15);
    color: #991b1b;
}

.credit-payment__card[b-u3mj5vsvwl],
.credit-payment__form[b-u3mj5vsvwl] {
    background: var(--duara-surface, #ffffff);
    border-radius: 18px;
    padding: 18px 20px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.credit-payment__header[b-u3mj5vsvwl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.credit-payment__client-name[b-u3mj5vsvwl] {
    font-size: 1.2rem;
    font-weight: 600;
}

.credit-payment__client-id[b-u3mj5vsvwl] {
    font-size: 0.85rem;
    color: var(--duara-text-muted, #6b7280);
}

.credit-payment__badge[b-u3mj5vsvwl] {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
}

.credit-payment__badge--error[b-u3mj5vsvwl] {
    background: rgba(239, 68, 68, 0.15);
    color: #991b1b;
}

.credit-payment__metrics[b-u3mj5vsvwl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin: 0;
}

.credit-payment__metrics div[b-u3mj5vsvwl] {
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.03);
}

.credit-payment__metrics dt[b-u3mj5vsvwl] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--duara-text-muted, #6b7280);
}

.credit-payment__metrics dd[b-u3mj5vsvwl] {
    margin: 4px 0 0;
    font-weight: 600;
}

.credit-payment__metrics dd.is-negative[b-u3mj5vsvwl] {
    color: #dc2626;
}

.credit-payment__amounts[b-u3mj5vsvwl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.credit-payment__amounts span[b-u3mj5vsvwl] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--duara-text-muted, #6b7280);
}

.credit-payment__amounts strong[b-u3mj5vsvwl] {
    font-size: 1.1rem;
}

.credit-payment__partial-toggle[b-u3mj5vsvwl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    margin-top: 0.5rem;
}

.credit-payment__cash-inputs[b-u3mj5vsvwl] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.credit-payment__cash-field[b-u3mj5vsvwl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.credit-payment__cash-label[b-u3mj5vsvwl] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-gray-700, #374151);
}

.credit-payment__cash-input-wrapper[b-u3mj5vsvwl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #F9FAFB;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    transition: border-color 0.15s, background-color 0.15s;
}

.credit-payment__cash-input-wrapper:focus-within[b-u3mj5vsvwl] {
    border-color: #0F766E;
    background-color: #FFFFFF;
}

.credit-payment__cash-prefix[b-u3mj5vsvwl],
.credit-payment__cash-suffix[b-u3mj5vsvwl] {
    font-size: 1rem;
    font-weight: 500;
    color: #6B7280;
}

.credit-payment__cash-input[b-u3mj5vsvwl] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    text-align: right;
    font-variant-numeric: tabular-nums;
    min-width: 0;
}

.credit-payment__cash-input:focus[b-u3mj5vsvwl] {
    outline: none;
}

.credit-payment__cash-input[b-u3mj5vsvwl]::placeholder {
    color: #9CA3AF;
}

/* Hide number input spinners */
.credit-payment__cash-input[b-u3mj5vsvwl]::-webkit-outer-spin-button,
.credit-payment__cash-input[b-u3mj5vsvwl]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.credit-payment__cash-input[type=number][b-u3mj5vsvwl] {
    -moz-appearance: textfield;
}

.credit-payment__rate-info[b-u3mj5vsvwl] {
    margin: 0.5rem 0 0;
    font-size: 0.8rem;
    color: #6B7280;
}

.credit-payment__actions[b-u3mj5vsvwl] {
    display: flex;
    justify-content: center;
    padding: 0rem 1rem;
}

.credit-payment__actions .duara-button[b-u3mj5vsvwl] {
    width: 100%;
}

@media (max-width: 640px) {
    .credit-payment__header[b-u3mj5vsvwl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .credit-payment__cash-inputs[b-u3mj5vsvwl] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .credit-payment__actions[b-u3mj5vsvwl] {
        justify-content: stretch;
    }
}
/* _content/Duara.SharedUI/Components/POS/DigitalPaymentInput.razor.rz.scp.css */
/* DigitalPaymentInput.razor.css - 100% fidelity to Reference UI MobileMoneyInput.tsx */

.digital-payment[b-k832qz1pqd] {
    background-color: white; /* bg-white */
    border-radius: var(--radius-xl); /* rounded-xl = 12px */
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); /* shadow-sm */
}

/* Size variants - container padding */
.digital-payment--small[b-k832qz1pqd] {
    padding: 0.75rem; /* p-3 */
}

.digital-payment--medium[b-k832qz1pqd] {
    padding: 0.75rem; /* p-3 */
}

.digital-payment--large[b-k832qz1pqd] {
    padding: 1rem; /* p-4 */
}

/* Title */
.digital-payment__title[b-k832qz1pqd] {
    color: var(--color-gray-900); /* text-[#111827] */
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-base);
    margin: 0 0 1rem 0; /* mb-4 */
}

.digital-payment__title--small[b-k832qz1pqd] {
    font-size: var(--text-sm); /* text-sm */
}

/* 2x2 Grid rows */
.digital-payment__row[b-k832qz1pqd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* grid-cols-2 */
    gap: 1rem; /* gap-4 */
    margin-bottom: 1rem; /* mb-4 */
}

.digital-payment__row:last-child[b-k832qz1pqd] {
    margin-bottom: 0;
}

/* Field container */
.digital-payment__field[b-k832qz1pqd] {
    display: flex;
    flex-direction: column;
}

/* Labels */
.digital-payment__label[b-k832qz1pqd] {
    color: var(--color-gray-500); /* text-[#6B7280] */
    margin-bottom: 0.5rem; /* mb-2 */
    display: block;
}

.digital-payment__label--small[b-k832qz1pqd] {
    font-size: var(--text-xs); /* text-xs */
}

.digital-payment__label--large[b-k832qz1pqd] {
    font-size: var(--text-sm); /* text-sm */
}

/* Select dropdown */
.digital-payment__select[b-k832qz1pqd] {
    width: 100%;
    background-color: var(--color-gray-50); /* bg-[#F9FAFB] */
    border: 2px solid var(--color-gray-200); /* border-2 border-[#E5E7EB] */
    border-radius: var(--radius-xl); /* rounded-xl */
    padding: 0 0.75rem; /* px-3 */
    color: var(--color-gray-900); /* text-[#111827] */
    outline: none;
    transition: border-color 150ms ease; /* transition-colors */
    cursor: pointer;
    font-family: inherit;
}

.digital-payment__select:focus[b-k832qz1pqd] {
    border-color: var(--color-primary); /* focus:border-[#0F766E] */
}

/* Text input */
.digital-payment__input[b-k832qz1pqd] {
    width: 100%;
    background-color: var(--color-gray-50); /* bg-[#F9FAFB] */
    border: 2px solid var(--color-gray-200); /* border-2 border-[#E5E7EB] */
    border-radius: var(--radius-xl); /* rounded-xl */
    padding: 0 0.75rem; /* px-3 */
    color: var(--color-gray-900); /* text-[#111827] */
    outline: none;
    transition: border-color 150ms ease; /* transition-colors */
    font-family: inherit;
}

.digital-payment__input[b-k832qz1pqd]::placeholder {
    color: var(--color-gray-400);
}

.digital-payment__input--focused[b-k832qz1pqd] {
    border-color: var(--color-primary); /* border-[#0F766E] */
}

/* Input size variants */
.digital-payment__input--small[b-k832qz1pqd],
.digital-payment__select.digital-payment__input--small[b-k832qz1pqd] {
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem;
    font-size: var(--text-sm); /* text-sm */
}

.digital-payment__input--medium[b-k832qz1pqd],
.digital-payment__select.digital-payment__input--medium[b-k832qz1pqd] {
    padding-top: 0.625rem; /* py-2.5 */
    padding-bottom: 0.625rem;
    font-size: var(--text-sm); /* text-sm */
}

.digital-payment__input--large[b-k832qz1pqd],
.digital-payment__select.digital-payment__input--large[b-k832qz1pqd] {
    padding-top: 0.75rem; /* py-3 */
    padding-bottom: 0.75rem;
    font-size: var(--text-base);
}

/* Currency toggle container */
.digital-payment__currency-toggle[b-k832qz1pqd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* grid-cols-2 */
    gap: 0.5rem; /* gap-2 */
}

/* Currency toggle buttons */
.digital-payment__currency-btn[b-k832qz1pqd] {
    border-radius: var(--radius-xl); /* rounded-xl */
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all 150ms ease; /* transition-all */
    text-align: center;
}

/* Active currency button */
.digital-payment__currency-btn--active[b-k832qz1pqd] {
    background: linear-gradient(to bottom right, #0F766E, #115E59); /* bg-gradient-to-br from-[#0F766E] to-[#115E59] */
    color: white; /* text-white */
    border: 2px solid transparent;
}

/* Inactive currency button */
.digital-payment__currency-btn--inactive[b-k832qz1pqd] {
    background-color: var(--color-gray-50); /* bg-[#F9FAFB] */
    color: var(--color-gray-500); /* text-[#6B7280] */
    border: 2px solid var(--color-gray-200); /* border-2 border-[#E5E7EB] */
}

.digital-payment__currency-btn--inactive:hover[b-k832qz1pqd] {
    border-color: var(--color-primary); /* hover:border-[#0F766E] */
}

/* Currency button size variants */
.digital-payment__currency-btn--small[b-k832qz1pqd] {
    padding: 0.5rem; /* py-2 */
    font-size: var(--text-xs); /* text-xs */
}

.digital-payment__currency-btn--medium[b-k832qz1pqd] {
    padding: 0.625rem; /* py-2.5 */
    font-size: var(--text-xs); /* text-xs */
}

.digital-payment__currency-btn--large[b-k832qz1pqd] {
    padding: 0.75rem; /* py-3 */
    font-size: var(--text-sm); /* text-sm */
}

/* Amount field container */
.digital-payment__amount[b-k832qz1pqd] {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* gap-2 */
    background-color: var(--color-gray-50); /* bg-[#F9FAFB] */
    border: 2px solid var(--color-gray-200); /* border-2 border-[#E5E7EB] */
    border-radius: var(--radius-xl); /* rounded-xl */
    padding: 0 1rem; /* px-4 */
    transition: border-color 150ms ease; /* transition-colors */
}

.digital-payment__amount--focused[b-k832qz1pqd] {
    border-color: var(--color-primary); /* border-[#0F766E] */
}

.digital-payment__currency-symbol[b-k832qz1pqd] {
    color: var(--color-gray-500); /* text-[#6B7280] */
}

.digital-payment__amount-input[b-k832qz1pqd] {
    flex: 1;
    background-color: transparent; /* bg-transparent */
    text-align: right; /* text-right */
    color: var(--color-gray-900); /* text-[#111827] */
    border: none;
    outline: none;
    font-family: inherit;
    /* Remove spinner buttons */
    -moz-appearance: textfield;
}

.digital-payment__amount-input[b-k832qz1pqd]::-webkit-outer-spin-button,
.digital-payment__amount-input[b-k832qz1pqd]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.digital-payment__amount-input[b-k832qz1pqd]::placeholder {
    color: var(--color-gray-400);
}

/* Amount input size variants (padding only, no border) */
.digital-payment__amount-input.digital-payment__input--small[b-k832qz1pqd] {
    padding: 0.5rem 0; /* py-2 */
    font-size: var(--text-sm);
}

.digital-payment__amount-input.digital-payment__input--medium[b-k832qz1pqd] {
    padding: 0.625rem 0; /* py-2.5 */
    font-size: var(--text-sm);
}

.digital-payment__amount-input.digital-payment__input--large[b-k832qz1pqd] {
    padding: 0.75rem 0; /* py-3 */
    font-size: var(--text-base);
}
/* _content/Duara.SharedUI/Components/POS/HeldTicketsList.razor.rz.scp.css */
.duara-held-list[b-apln2f4s4f] {
    display: flex;
    flex-direction: column;
}

.duara-held-list__empty[b-apln2f4s4f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    padding: var(--spacing-6);
    text-align: center;
}

.duara-held-list__empty-icon[b-apln2f4s4f] {
    width: 48px;
    height: 48px;
    color: var(--color-gray-400);
    opacity: 0.6;
}

.duara-held-list__empty-text[b-apln2f4s4f] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-gray-500);
}

.duara-held-list__items[b-apln2f4s4f] {
    display: flex;
    flex-direction: column;
}

.duara-held-list__item[b-apln2f4s4f] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: var(--spacing-3);
    padding: var(--spacing-3) var(--spacing-4);
    border-bottom: 1px solid var(--color-border);
}

.duara-held-list__item:last-child[b-apln2f4s4f] {
    border-bottom: none;
}

.duara-held-list__item-info[b-apln2f4s4f] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    min-width: 0;
}

.duara-held-list__item-header[b-apln2f4s4f] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}

.duara-held-list__item-name[b-apln2f4s4f] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.duara-held-list__item-attachment[b-apln2f4s4f] {
    font-size: var(--text-xs);
    opacity: 0.8;
}

.duara-held-list__item-meta[b-apln2f4s4f] {
    font-size: var(--text-xs);
    color: var(--color-gray-500);
}

.duara-held-list__item-note[b-apln2f4s4f] {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
    font-size: var(--text-xs);
    color: var(--color-gray-600);
    font-style: italic;
}

.duara-held-list__note-icon[b-apln2f4s4f] {
    flex-shrink: 0;
    color: var(--color-gray-400);
}

.duara-held-list__item-total[b-apln2f4s4f] {
    text-align: right;
}

.duara-held-list__item-actions[b-apln2f4s4f] {
    display: flex;
    gap: var(--spacing-1);
}

.duara-held-list__btn[b-apln2f4s4f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: var(--radius-md);
    background-color: transparent;
    font-size: var(--text-base);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.duara-held-list__btn--resume[b-apln2f4s4f] {
    color: var(--color-primary);
}

.duara-held-list__btn--resume:hover[b-apln2f4s4f] {
    background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.duara-held-list__btn--discard[b-apln2f4s4f] {
    color: var(--color-gray-400);
}

.duara-held-list__btn--discard:hover[b-apln2f4s4f] {
    background-color: color-mix(in srgb, var(--color-danger) 10%, transparent);
    color: var(--color-danger);
}

/* Responsive: stack on narrow screens */
@media (max-width: 400px) {
    .duara-held-list__item[b-apln2f4s4f] {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
    }

    .duara-held-list__item-info[b-apln2f4s4f] {
        grid-column: 1;
        grid-row: 1;
    }

    .duara-held-list__item-actions[b-apln2f4s4f] {
        grid-column: 2;
        grid-row: 1;
    }

    .duara-held-list__item-total[b-apln2f4s4f] {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
        padding-top: var(--spacing-1);
    }
}
/* _content/Duara.SharedUI/Components/POS/HeldTicketsPanel.razor.rz.scp.css */
.duara-held-panel[b-p1o5f6fuqz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--color-surface);
}

.duara-held-panel__header[b-p1o5f6fuqz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}

.duara-held-panel__title-row[b-p1o5f6fuqz] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}

.duara-held-panel__title[b-p1o5f6fuqz] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.duara-held-panel__content[b-p1o5f6fuqz] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}
/* _content/Duara.SharedUI/Components/POS/HoldTicketDialogContent.razor.rz.scp.css */
/* HoldTicketDialogContent - Matches Figma reference exactly */
/* Reference: /docs/v1/Reference UI/Duara POS/src/components/restaurant/HoldTicketDialog.tsx */

.duara-hold-dialog[b-2fywnx0zgn] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Description text */
.duara-hold-dialog__description[b-2fywnx0zgn] {
    margin: 0;
    font-size: 1rem;
    color: #374151;
    line-height: 1.5;
}

/* Divider line */
.duara-hold-dialog__divider[b-2fywnx0zgn] {
    height: 1px;
    background: #E5E7EB;
}

/* Field container */
.duara-hold-dialog__field[b-2fywnx0zgn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Labels */
.duara-hold-dialog__label[b-2fywnx0zgn] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.duara-hold-dialog__label--uppercase[b-2fywnx0zgn] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6B7280;
}

/* Text input */
.duara-hold-dialog__input[b-2fywnx0zgn] {
    width: 100%;
    height: 3.5rem;
    padding: 0 1rem;
    font-size: 1rem;
    color: #111827;
    background: #fff;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    transition: all 150ms ease;
}

.duara-hold-dialog__input[b-2fywnx0zgn]::placeholder {
    color: #9CA3AF;
}

.duara-hold-dialog__input:focus[b-2fywnx0zgn] {
    outline: none;
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

/* Hint text below input */
.duara-hold-dialog__hint[b-2fywnx0zgn] {
    margin: 0;
    font-size: 0.875rem;
    color: #6B7280;
}

/* Textarea */
.duara-hold-dialog__textarea[b-2fywnx0zgn] {
    width: 100%;
    height: 5rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    color: #111827;
    background: #fff;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    resize: none;
    font-family: inherit;
    transition: all 150ms ease;
}

.duara-hold-dialog__textarea[b-2fywnx0zgn]::placeholder {
    color: #9CA3AF;
}

.duara-hold-dialog__textarea:focus[b-2fywnx0zgn] {
    outline: none;
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

/* Attach button */
.duara-hold-dialog__attach-btn[b-2fywnx0zgn] {
    width: 100%;
    height: 3.5rem;
    padding: 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #0F766E;
    background: #F0FDFA;
    border: 2px solid #14B8A6;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.duara-hold-dialog__attach-btn:hover[b-2fywnx0zgn] {
    background: #CCFBF1;
}

/* Attachment badge (when attached) */
.duara-hold-dialog__attachment-badge[b-2fywnx0zgn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 2px solid;
}

.duara-hold-dialog__attachment-badge.is-client[b-2fywnx0zgn] {
    background: #EFF6FF;
    border-color: #DBEAFE;
}

.duara-hold-dialog__attachment-badge.is-table[b-2fywnx0zgn] {
    background: #F0FDF4;
    border-color: #BBF7D0;
}

.duara-hold-dialog__attachment-badge.is-room[b-2fywnx0zgn] {
    background: #FEF3C7;
    border-color: #FDE68A;
}

.duara-hold-dialog__attachment-left[b-2fywnx0zgn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.duara-hold-dialog__attachment-icon[b-2fywnx0zgn] {
    font-size: 1.5rem;
}

.duara-hold-dialog__attachment-info[b-2fywnx0zgn] {
    display: flex;
    flex-direction: column;
}

.duara-hold-dialog__attachment-type[b-2fywnx0zgn] {
    font-size: 0.875rem;
    font-weight: 500;
}

.duara-hold-dialog__attachment-badge.is-client .duara-hold-dialog__attachment-type[b-2fywnx0zgn] {
    color: #1E40AF;
}

.duara-hold-dialog__attachment-badge.is-table .duara-hold-dialog__attachment-type[b-2fywnx0zgn] {
    color: #166534;
}

.duara-hold-dialog__attachment-badge.is-room .duara-hold-dialog__attachment-type[b-2fywnx0zgn] {
    color: #92400E;
}

.duara-hold-dialog__attachment-name[b-2fywnx0zgn] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.duara-hold-dialog__attachment-remove[b-2fywnx0zgn] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    color: #6B7280;
    transition: background-color 150ms ease;
}

.duara-hold-dialog__attachment-remove:hover[b-2fywnx0zgn] {
    background: rgba(0, 0, 0, 0.05);
}

/* Action buttons */
.duara-hold-dialog__actions[b-2fywnx0zgn] {
    display: flex;
    gap: 0.75rem;
    padding-top: 0.5rem;
}

.duara-hold-dialog__cancel-btn[b-2fywnx0zgn] {
    flex: 1;
    height: 3.5rem;
    padding: 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #374151;
    background: transparent;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.duara-hold-dialog__cancel-btn:hover[b-2fywnx0zgn] {
    background: #F9FAFB;
}

.duara-hold-dialog__submit-btn[b-2fywnx0zgn] {
    flex: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 3.5rem;
    padding: 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    background: #0F766E;
    border: none;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.duara-hold-dialog__submit-btn:hover:not(:disabled)[b-2fywnx0zgn] {
    background: #115E59;
}

.duara-hold-dialog__submit-btn:disabled[b-2fywnx0zgn] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* _content/Duara.SharedUI/Components/POS/LastScannedDisplay.razor.rz.scp.css */
.duara-last-scanned[b-6j5jp1gyng] {
    padding: var(--spacing-4);
    background-color: var(--color-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    min-height: 100px;
}

.duara-last-scanned--has-product[b-6j5jp1gyng] {
    background-color: color-mix(in srgb, var(--color-success) 5%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-success) 30%, var(--color-border));
}

.duara-last-scanned.is-new[b-6j5jp1gyng] {
    animation: last-scanned-pulse-b-6j5jp1gyng 0.5s ease-out;
}

@keyframes last-scanned-pulse-b-6j5jp1gyng {
    0% {
        transform: scale(1.02);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-success) 30%, transparent);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 transparent;
    }
}

.duara-last-scanned__content[b-6j5jp1gyng] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.duara-last-scanned__icon[b-6j5jp1gyng] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--color-success);
    color: white;
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    flex-shrink: 0;
}

.duara-last-scanned__info[b-6j5jp1gyng] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    flex: 1;
    min-width: 0;
}

.duara-last-scanned__name[b-6j5jp1gyng] {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.duara-last-scanned__details[b-6j5jp1gyng] {
    font-size: var(--text-sm);
    color: var(--color-gray-600);
}

.duara-last-scanned__price[b-6j5jp1gyng] {
    flex-shrink: 0;
    text-align: right;
}

.duara-last-scanned__empty[b-6j5jp1gyng] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    padding: var(--spacing-4);
    text-align: center;
}

.duara-last-scanned__empty-icon[b-6j5jp1gyng] {
    font-size: 2rem;
    opacity: 0.4;
}

.duara-last-scanned__empty-text[b-6j5jp1gyng] {
    font-size: var(--text-sm);
    color: var(--color-gray-500);
}

/* Responsive */
@media (max-width: 480px) {
    .duara-last-scanned__content[b-6j5jp1gyng] {
        flex-wrap: wrap;
    }

    .duara-last-scanned__price[b-6j5jp1gyng] {
        width: 100%;
        text-align: left;
        padding-left: calc(48px + var(--spacing-3));
    }
}
/* _content/Duara.SharedUI/Components/POS/MobileCartDetailsSheet.razor.rz.scp.css */
/* MobileCartDetailsSheet - Matches Figma reference exactly */
/* Reference: /docs/v1/Reference UI/Duara POS/src/components/pos/ImprovedPOSTrader.tsx lines 566-743 */

.duara-mobile-cart-sheet[b-d0a7z96hk8] {
    display: flex;
    flex-direction: column;
    height: 80vh;
    max-height: 80vh;
    background: #fff;
}

/* Header */
.duara-mobile-cart-sheet__header[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.duara-mobile-cart-sheet__header-left[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.duara-mobile-cart-sheet__header-icon[b-d0a7z96hk8] {
    width: 1.5rem;
    height: 1.5rem;
    color: #0F766E;
}

.duara-mobile-cart-sheet__title[b-d0a7z96hk8] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.duara-mobile-cart-sheet__close-btn[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    transition: background-color 150ms ease;
    color: #6B7280;
}

.duara-mobile-cart-sheet__close-btn:hover[b-d0a7z96hk8] {
    background: #F3F4F6;
}

/* Attachment Bar */
.duara-mobile-cart-sheet__attachment[b-d0a7z96hk8] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.duara-mobile-cart-sheet__attach-btn[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.75rem 1rem;
    background: #F9FAFB;
    border: 2px dashed #D1D5DB;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 150ms ease;
    color: #6B7280;
    font-size: 0.875rem;
    font-weight: 500;
}

.duara-mobile-cart-sheet__attach-btn:hover[b-d0a7z96hk8] {
    background: #F3F4F6;
    border-color: #9CA3AF;
}

.duara-mobile-cart-sheet__attachment-badge[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-radius: 0.75rem;
    border: 2px solid;
}

.duara-mobile-cart-sheet__attachment-badge.is-client[b-d0a7z96hk8] {
    background: #EFF6FF;
    border-color: #3B82F6;
    color: #1E40AF;
}

.duara-mobile-cart-sheet__attachment-badge.is-table[b-d0a7z96hk8] {
    background: #F0FDF4;
    border-color: #22C55E;
    color: #166534;
}

.duara-mobile-cart-sheet__attachment-badge.is-room[b-d0a7z96hk8] {
    background: #FEF3C7;
    border-color: #F59E0B;
    color: #92400E;
}

.duara-mobile-cart-sheet__attachment-left[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.duara-mobile-cart-sheet__attachment-icon[b-d0a7z96hk8] {
    font-size: 1rem;
}

.duara-mobile-cart-sheet__attachment-name[b-d0a7z96hk8] {
    font-size: 0.875rem;
    font-weight: 500;
}

.duara-mobile-cart-sheet__attachment-remove[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    background: transparent;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.duara-mobile-cart-sheet__attachment-remove:hover[b-d0a7z96hk8] {
    background: rgba(0, 0, 0, 0.1);
}

/* Cart Items */
.duara-mobile-cart-sheet__items[b-d0a7z96hk8] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0; /* Important for flex child scrolling */
}

.duara-mobile-cart-sheet__item[b-d0a7z96hk8] {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1rem;
}

.duara-mobile-cart-sheet__item-header[b-d0a7z96hk8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.duara-mobile-cart-sheet__item-info[b-d0a7z96hk8] {
    flex: 1;
}

.duara-mobile-cart-sheet__item-name[b-d0a7z96hk8] {
    font-size: 1rem;
    font-weight: 500;
    color: #111827;
    margin: 0;
    line-height: 1.25;
}

.duara-mobile-cart-sheet__item-unit[b-d0a7z96hk8] {
    display: block;
    font-size: 0.875rem;
    color: #6B7280;
    margin-top: 0.25rem;
}

.duara-mobile-cart-sheet__item-remove[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    background: transparent;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #DC2626;
    transition: background-color 150ms ease;
    margin-left: 0.5rem;
}

.duara-mobile-cart-sheet__item-remove:hover[b-d0a7z96hk8] {
    background: #fff;
}

.duara-mobile-cart-sheet__item-footer[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Quantity Controls */
.duara-mobile-cart-sheet__quantity[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    padding: 0.25rem;
}

.duara-mobile-cart-sheet__quantity-btn[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background: transparent;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #0F766E;
    transition: background-color 150ms ease;
}

.duara-mobile-cart-sheet__quantity-btn:hover[b-d0a7z96hk8] {
    background: #F3F4F6;
}

.duara-mobile-cart-sheet__quantity-value[b-d0a7z96hk8] {
    min-width: 3rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

/* Item Total */
.duara-mobile-cart-sheet__item-total[b-d0a7z96hk8] {
    text-align: right;
}

.duara-mobile-cart-sheet__item-total-usd[b-d0a7z96hk8] {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.duara-mobile-cart-sheet__item-total-cdf[b-d0a7z96hk8] {
    display: block;
    font-size: 0.75rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Footer */
.duara-mobile-cart-sheet__footer[b-d0a7z96hk8] {
    border-top: 1px solid #E2E8F0;
    padding: 1rem;
    background: #fff;
    flex-shrink: 0;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
    position: sticky;
    bottom: 0;
}

/* Discount Section */
.duara-mobile-cart-sheet__discount-section[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #E5E7EB;
}

.duara-mobile-cart-sheet__discount-label[b-d0a7z96hk8] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
}

.duara-mobile-cart-sheet__discount-inputs[b-d0a7z96hk8] {
    display: flex;
    gap: 0.5rem;
}

.duara-mobile-cart-sheet__discount-field[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
}

.duara-mobile-cart-sheet__discount-currency[b-d0a7z96hk8] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6B7280;
}

.duara-mobile-cart-sheet__discount-input[b-d0a7z96hk8] {
    width: 3.5rem;
    padding: 0.25rem;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.duara-mobile-cart-sheet__discount-input[b-d0a7z96hk8]::placeholder {
    color: #9CA3AF;
}

.duara-mobile-cart-sheet__discount-input:focus[b-d0a7z96hk8] {
    outline: none;
}

/* Hide number input spinners */
.duara-mobile-cart-sheet__discount-input[b-d0a7z96hk8]::-webkit-outer-spin-button,
.duara-mobile-cart-sheet__discount-input[b-d0a7z96hk8]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.duara-mobile-cart-sheet__discount-input[type="number"][b-d0a7z96hk8] {
    -moz-appearance: textfield;
}

.duara-mobile-cart-sheet__total-row[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.duara-mobile-cart-sheet__total-left[b-d0a7z96hk8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.duara-mobile-cart-sheet__total-label[b-d0a7z96hk8] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.duara-mobile-cart-sheet__article-badge[b-d0a7z96hk8] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    background: #0F766E;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 9999px;
}

.duara-mobile-cart-sheet__total-right[b-d0a7z96hk8] {
    text-align: right;
}

.duara-mobile-cart-sheet__total-usd[b-d0a7z96hk8] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.duara-mobile-cart-sheet__total-cdf[b-d0a7z96hk8] {
    display: block;
    font-size: 0.875rem;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Action Buttons */
.duara-mobile-cart-sheet__actions[b-d0a7z96hk8] {
    display: flex;
    gap: 0.5rem;
}

.duara-mobile-cart-sheet__hold-btn[b-d0a7z96hk8] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 3rem;
    padding: 0 1rem;
    background: #fff;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    color: #374151;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 150ms ease;
    white-space: nowrap;
}

.duara-mobile-cart-sheet__hold-btn:hover[b-d0a7z96hk8] {
    background: #F9FAFB;
}

.duara-mobile-cart-sheet__checkout-btn[b-d0a7z96hk8] {
    flex: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    padding: 0 1rem;
    background: #0F766E;
    border: none;
    border-radius: 0.75rem;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 150ms ease;
    white-space: nowrap;
}

.duara-mobile-cart-sheet__checkout-btn:hover[b-d0a7z96hk8] {
    background: #115E59;
}
/* _content/Duara.SharedUI/Components/POS/MobileMoneyPayment.razor.rz.scp.css */
.mobile-money-payment[b-f46r37mvds] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.mobile-money-payment__summary[b-f46r37mvds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-radius: 18px;
    background: var(--duara-surface, #ffffff);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
    font-size: 1.05rem;
}

.mobile-money-payment__summary strong[b-f46r37mvds] {
    font-size: 1.35rem;
}

.mobile-money-payment__field[b-f46r37mvds] {
    width: 100%;
}

.mobile-money-payment__flex[b-f46r37mvds] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.mobile-money-payment__currency[b-f46r37mvds] {
    flex: 1 1 180px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mobile-money-payment__currency-label[b-f46r37mvds] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--duara-text-muted, #6b7280);
}

.mobile-money-payment__currency-options[b-f46r37mvds] {
    display: flex;
    gap: 0.75rem;
}

.mobile-money-payment__currency-pill[b-f46r37mvds] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    font-weight: 600;
    cursor: pointer;
}

.mobile-money-payment__currency-pill input[b-f46r37mvds] {
    accent-color: var(--duara-color-primary, #2563eb);
}

.mobile-money-payment__guidance[b-f46r37mvds] {
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(37, 99, 235, 0.08);
    color: var(--duara-color-primary, #2563eb);
    font-size: 0.95rem;
}

.mobile-money-payment__submit[b-f46r37mvds] {
    width: 100%;
}

@media (max-width: 640px) {
    .mobile-money-payment__currency-options[b-f46r37mvds] {
        flex-direction: column;
    }

    .mobile-money-payment__currency-pill[b-f46r37mvds] {
        justify-content: center;
    }
}
/* _content/Duara.SharedUI/Components/POS/NoteCounter.razor.rz.scp.css */
/* NoteCounter.razor.css - 100% fidelity to Reference UI NoteCounter.tsx */

.note-counter[b-8v8oude25q] {
    background-color: white; /* bg-white */
    border-radius: var(--radius-xl); /* rounded-xl = 12px */
    padding: 0.75rem; /* p-3 */
    border: 1px solid var(--color-gray-200); /* border border-[#E5E7EB] */
    transition: border-color 150ms ease; /* transition-colors */
}

.note-counter:hover[b-8v8oude25q] {
    border-color: var(--color-primary); /* hover:border-[#0F766E] */
}

/* Header row: denomination label + running total */
.note-counter__header[b-8v8oude25q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem; /* mb-2 */
}

.note-counter__denomination[b-8v8oude25q] {
    color: var(--color-gray-500); /* text-[#6B7280] */
    font-size: var(--text-sm); /* text-sm = 0.875rem */
}

.note-counter__total[b-8v8oude25q] {
    color: var(--color-primary); /* text-[#0F766E] */
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; /* font-mono */
    font-size: var(--text-sm); /* text-sm = 0.875rem */
}

/* Counter controls row */
.note-counter__controls[b-8v8oude25q] {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* gap-2 */
}

/* Base button styles */
.note-counter__button[b-8v8oude25q] {
    width: 2.5rem; /* w-10 = 40px */
    height: 2.5rem; /* h-10 = 40px */
    min-width: 2.5rem;
    min-height: 2.5rem;
    border-radius: 0.5rem; /* rounded-lg */
    border: 2px solid var(--color-primary); /* border-2 border-[#0F766E] */
    background-color: transparent;
    color: var(--color-primary); /* text-[#0F766E] */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 150ms ease, transform 100ms ease; /* transition-all */
}

/* Enabled button states (increment always, decrement when count > 0) */
.note-counter__button--increment[b-8v8oude25q],
.note-counter__button--decrement[b-8v8oude25q] {
    border-color: var(--color-primary); /* border-[#0F766E] */
    color: var(--color-primary); /* text-[#0F766E] */
}

.note-counter__button--increment:hover[b-8v8oude25q],
.note-counter__button--decrement:hover[b-8v8oude25q] {
    background-color: #F0FDFA; /* hover:bg-[#F0FDFA] */
}

.note-counter__button--increment:active[b-8v8oude25q],
.note-counter__button--decrement:active[b-8v8oude25q] {
    transform: scale(0.95); /* active:scale-95 */
}

/* Disabled button state (decrement when count = 0) */
.note-counter__button--disabled[b-8v8oude25q] {
    border-color: var(--color-gray-200); /* border-[#E5E7EB] */
    color: var(--color-gray-400); /* text-[#9CA3AF] */
    cursor: not-allowed; /* cursor-not-allowed */
}

.note-counter__button--disabled:hover[b-8v8oude25q] {
    background-color: transparent;
}

.note-counter__button--disabled:active[b-8v8oude25q] {
    transform: none;
}

/* Button icon */
.note-counter__icon[b-8v8oude25q] {
    width: 1rem; /* w-4 = 16px */
    height: 1rem; /* h-4 = 16px */
}

/* Center input */
.note-counter__input[b-8v8oude25q] {
    flex: 1; /* flex-1 */
    height: 2.5rem; /* h-10 = 40px */
    text-align: center; /* text-center */
    border: 2px solid var(--color-gray-200); /* border-2 border-[#E5E7EB] */
    border-radius: 0.5rem; /* rounded-lg */
    background-color: white;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; /* font-mono */
    font-size: var(--text-base);
    color: var(--color-gray-900);
    transition: border-color 150ms ease;
    /* Remove spinner buttons */
    -moz-appearance: textfield;
}

.note-counter__input[b-8v8oude25q]::-webkit-outer-spin-button,
.note-counter__input[b-8v8oude25q]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.note-counter__input[b-8v8oude25q]::placeholder {
    color: var(--color-gray-400);
}

.note-counter__input:focus[b-8v8oude25q] {
    outline: none;
    border-color: var(--color-primary); /* focus:border-[#0F766E] */
}
/* _content/Duara.SharedUI/Components/POS/POSModeSwitcher.razor.rz.scp.css */
.duara-mode-switch[b-llt3t9by0n] {
    display: inline-flex;
    background-color: var(--color-gray-100);
    border-radius: var(--radius-lg);
    padding: var(--spacing-1);
    gap: var(--spacing-1);
}

.duara-mode-switch__option[b-llt3t9by0n] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-2) var(--spacing-4);
    border-radius: var(--radius-md);
    background-color: transparent;
    color: var(--color-gray-600);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    transition: all 0.15s ease;
    cursor: pointer;
}

.duara-mode-switch__option:hover[b-llt3t9by0n] {
    color: var(--color-gray-900);
}

.duara-mode-switch__option.is-active[b-llt3t9by0n] {
    background-color: var(--color-surface);
    color: var(--color-gray-900);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--color-gray-900) 10%, transparent);
}

.duara-mode-switch__icon[b-llt3t9by0n] {
    font-size: var(--text-base);
}

.duara-mode-switch__label[b-llt3t9by0n] {
    white-space: nowrap;
}

/* Compact variant for mobile */
@media (max-width: 480px) {
    .duara-mode-switch__option[b-llt3t9by0n] {
        padding: var(--spacing-2) var(--spacing-3);
    }

    .duara-mode-switch__label[b-llt3t9by0n] {
        display: none;
    }
}
/* _content/Duara.SharedUI/Components/POS/ProductCard.razor.rz.scp.css */
.duara-product-card[b-e4sjkhrnct] {
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface);
    border-radius: 1rem; /* rounded-2xl = 16px - matches Reference UI */
    border: 1px solid var(--color-gray-200);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* shadow-sm */
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.duara-product-card:hover[b-e4sjkhrnct] {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* shadow-md */
}

.duara-product-card:focus-visible[b-e4sjkhrnct] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.duara-product-card__content[b-e4sjkhrnct] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    padding: var(--spacing-3);
}

.duara-product-card__name[b-e4sjkhrnct] {
    margin: 0;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    line-height: var(--line-height-tight);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.duara-product-card__unit[b-e4sjkhrnct] {
    font-size: var(--text-xs);
    color: var(--color-gray-600);
}

.duara-product-card__unit-indicator[b-e4sjkhrnct] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-1);
    font-size: var(--text-xs);
    color: var(--color-gray-600);
}

.duara-product-card__unit-badge[b-e4sjkhrnct] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 var(--spacing-1);
    background-color: var(--color-primary);
    color: var(--color-primary-foreground);
    font-size: 0.625rem;
    font-weight: var(--font-weight-semibold);
    border-radius: 9999px;
}
/* _content/Duara.SharedUI/Components/POS/ProductGrid.razor.rz.scp.css */
.duara-product-grid[b-0cep1cup0q] {
    width: 100%;
}

.duara-product-grid__items[b-0cep1cup0q] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3);
}

/* Tablet: 3 columns */
@media (min-width: 640px) {
    .duara-product-grid__items[b-0cep1cup0q] {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-4);
    }
}

/* Desktop: 4+ columns */
@media (min-width: 1024px) {
    .duara-product-grid__items[b-0cep1cup0q] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Large desktop: 5 columns */
@media (min-width: 1280px) {
    .duara-product-grid__items[b-0cep1cup0q] {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Empty state */
.duara-product-grid__empty[b-0cep1cup0q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-6);
    text-align: center;
    min-height: 300px;
}

.duara-product-grid__empty-icon[b-0cep1cup0q] {
    font-size: 3rem;
    opacity: 0.5;
    margin-bottom: var(--spacing-3);
}

.duara-product-grid__empty-title[b-0cep1cup0q] {
    margin: 0 0 var(--spacing-2);
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.duara-product-grid__empty-message[b-0cep1cup0q] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-gray-500);
}

/* Loading skeleton */
.duara-product-grid__loading[b-0cep1cup0q] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3);
}

@media (min-width: 640px) {
    .duara-product-grid__loading[b-0cep1cup0q] {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-4);
    }
}

@media (min-width: 1024px) {
    .duara-product-grid__loading[b-0cep1cup0q] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.duara-product-grid__skeleton[b-0cep1cup0q] {
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    overflow: hidden;
    min-height: 160px;
}

.duara-product-grid__skeleton-image[b-0cep1cup0q] {
    height: 80px;
    background: linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-0cep1cup0q 1.5s ease-in-out infinite;
}

.duara-product-grid__skeleton-content[b-0cep1cup0q] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    padding: var(--spacing-3);
}

.duara-product-grid__skeleton-line[b-0cep1cup0q] {
    height: 12px;
    border-radius: var(--radius-sm);
    background: linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-0cep1cup0q 1.5s ease-in-out infinite;
}

.duara-product-grid__skeleton-line--title[b-0cep1cup0q] {
    width: 80%;
}

.duara-product-grid__skeleton-line--price[b-0cep1cup0q] {
    width: 60%;
}

.duara-product-grid__skeleton-line--unit[b-0cep1cup0q] {
    width: 40%;
}

@keyframes skeleton-shimmer-b-0cep1cup0q {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
/* _content/Duara.SharedUI/Components/POS/QuantityStepper.razor.rz.scp.css */
.duara-stepper[b-wxfdgdn1tp] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--spacing-2);
}

.duara-stepper__btn[b-wxfdgdn1tp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-gray-100);
    color: var(--color-gray-800);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.duara-stepper__btn:hover:not(:disabled)[b-wxfdgdn1tp] {
    background-color: var(--color-gray-200);
    border-color: var(--color-gray-300);
}

.duara-stepper__btn:active:not(:disabled)[b-wxfdgdn1tp] {
    background-color: var(--color-gray-300);
}

.duara-stepper__btn:focus-visible[b-wxfdgdn1tp] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.duara-stepper__btn:disabled[b-wxfdgdn1tp] {
    cursor: not-allowed;
    opacity: 0.4;
}

.duara-stepper__input[b-wxfdgdn1tp] {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
    color: var(--color-gray-900);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    appearance: textfield;
    -moz-appearance: textfield;
}

.duara-stepper__input[b-wxfdgdn1tp]::-webkit-outer-spin-button,
.duara-stepper__input[b-wxfdgdn1tp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.duara-stepper__input:focus-visible[b-wxfdgdn1tp] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);
}

/* Size: Small */
.duara-stepper--sm .duara-stepper__btn[b-wxfdgdn1tp] {
    min-width: 36px;
    min-height: 36px;
    font-size: var(--text-base);
}

.duara-stepper--sm .duara-stepper__input[b-wxfdgdn1tp] {
    min-height: 36px;
    padding: var(--spacing-2);
    font-size: var(--text-sm);
}

/* Size: Medium */
.duara-stepper--md .duara-stepper__btn[b-wxfdgdn1tp] {
    min-width: 44px;
    min-height: 44px;
    font-size: var(--text-lg);
}

.duara-stepper--md .duara-stepper__input[b-wxfdgdn1tp] {
    min-height: 44px;
    padding: var(--spacing-2) var(--spacing-3);
    font-size: var(--text-base);
}

/* Size: Large (touch-optimized) */
.duara-stepper--lg .duara-stepper__btn[b-wxfdgdn1tp] {
    min-width: 56px;
    min-height: 56px;
    font-size: var(--text-2xl);
}

.duara-stepper--lg .duara-stepper__input[b-wxfdgdn1tp] {
    min-height: 56px;
    padding: var(--spacing-3) var(--spacing-4);
    font-size: var(--text-xl);
}
/* _content/Duara.SharedUI/Components/POS/ReceiptPreview.razor.rz.scp.css */
/* ReceiptPreview.razor.css - Receipt Preview Modal */

/* ===== Root Wrapper ===== */
.receipt-preview[b-1qs4keb2ek] {
    position: fixed;
    inset: 0;
    z-index: 60;
}

/* ===== Backdrop ===== */
.receipt-preview__backdrop[b-1qs4keb2ek] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 60;
    animation: fadeIn-b-1qs4keb2ek 0.2s ease-out;
}

@keyframes fadeIn-b-1qs4keb2ek {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ===== Modal Container ===== */
.receipt-preview__modal[b-1qs4keb2ek] {
    position: fixed;
    inset: 1rem;
    z-index: 70;
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface);
    border-radius: 1.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    animation: zoomIn-b-1qs4keb2ek 0.2s ease-out;
    max-height: calc(100vh - 2rem);
    overflow: hidden;
}

@keyframes zoomIn-b-1qs4keb2ek {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Desktop centering */
@media (min-width: 768px) {
    .receipt-preview__modal[b-1qs4keb2ek] {
        inset: auto;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 480px;
        max-height: 90vh;
    }

    @keyframes zoomIn-b-1qs4keb2ek {
        from {
            opacity: 0;
            transform: translate(-50%, -50%) scale(0.95);
        }
        to {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }
}

/* ===== Header ===== */
.receipt-preview__header[b-1qs4keb2ek] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-6);
    background-color: #115E59; /* teal-dark */
    color: white;
    border-radius: 1.5rem 1.5rem 0 0;
}

.receipt-preview__title[b-1qs4keb2ek] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: white;
}

.receipt-preview__close[b-1qs4keb2ek] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.receipt-preview__close:hover[b-1qs4keb2ek] {
    background-color: rgba(255, 255, 255, 0.2);
}

/* ===== Content Area ===== */
.receipt-preview__content[b-1qs4keb2ek] {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-6);
}

/* ===== Receipt Paper ===== */
.receipt-preview__paper[b-1qs4keb2ek] {
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    padding: var(--spacing-6);
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: var(--text-xs);
    line-height: 1.5;
}

/* ===== Dashed Divider ===== */
.receipt-preview__divider[b-1qs4keb2ek] {
    border-top: 2px dashed var(--color-gray-200);
    margin: var(--spacing-4) 0;
}

/* ===== Business Header ===== */
.receipt-preview__business[b-1qs4keb2ek] {
    text-align: center;
    padding-bottom: var(--spacing-4);
}

.receipt-preview__business-name[b-1qs4keb2ek] {
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-900);
    margin-bottom: var(--spacing-2);
}

.receipt-preview__business-address[b-1qs4keb2ek],
.receipt-preview__business-phone[b-1qs4keb2ek] {
    color: var(--color-gray-500);
}

/* ===== Sale Info ===== */
.receipt-preview__info[b-1qs4keb2ek] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.receipt-preview__info-row[b-1qs4keb2ek] {
    display: flex;
    justify-content: space-between;
}

.receipt-preview__info-label[b-1qs4keb2ek] {
    color: var(--color-gray-500);
}

.receipt-preview__info-value[b-1qs4keb2ek] {
    color: var(--color-gray-900);
}

/* ===== Line Items ===== */
.receipt-preview__items[b-1qs4keb2ek] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.receipt-preview__item[b-1qs4keb2ek] {
    display: flex;
    flex-direction: column;
}

.receipt-preview__item-name[b-1qs4keb2ek] {
    color: var(--color-gray-900);
    margin-bottom: var(--spacing-1);
}

.receipt-preview__item-detail[b-1qs4keb2ek] {
    display: flex;
    justify-content: space-between;
    padding-left: var(--spacing-2);
    color: var(--color-gray-500);
}

.receipt-preview__item-total[b-1qs4keb2ek] {
    color: var(--color-gray-900);
    font-variant-numeric: tabular-nums;
}

/* ===== Totals ===== */
.receipt-preview__totals[b-1qs4keb2ek] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.receipt-preview__total-row[b-1qs4keb2ek] {
    display: flex;
    justify-content: space-between;
}

.receipt-preview__total-label[b-1qs4keb2ek],
.receipt-preview__total-value[b-1qs4keb2ek] {
    color: var(--color-gray-900);
    font-variant-numeric: tabular-nums;
}

.receipt-preview__total-row--cdf[b-1qs4keb2ek] {
    justify-content: flex-end;
}

.receipt-preview__cdf-value[b-1qs4keb2ek] {
    color: var(--color-gray-500);
    font-variant-numeric: tabular-nums;
}

/* ===== Payments ===== */
.receipt-preview__payments[b-1qs4keb2ek] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.receipt-preview__payments-header[b-1qs4keb2ek] {
    color: var(--color-gray-900);
    margin-bottom: var(--spacing-2);
}

.receipt-preview__payment-row[b-1qs4keb2ek] {
    display: flex;
    justify-content: space-between;
    padding-left: var(--spacing-2);
}

.receipt-preview__payment-label[b-1qs4keb2ek] {
    color: var(--color-gray-500);
}

.receipt-preview__payment-amount[b-1qs4keb2ek] {
    color: var(--color-gray-900);
    font-variant-numeric: tabular-nums;
}

.receipt-preview__payment-row--change[b-1qs4keb2ek] {
    color: #059669; /* green-600 */
}

.receipt-preview__payment-row--change span[b-1qs4keb2ek] {
    color: #059669;
}

/* ===== Footer ===== */
.receipt-preview__footer[b-1qs4keb2ek] {
    text-align: center;
    padding-top: var(--spacing-4);
}

.receipt-preview__footer-thanks[b-1qs4keb2ek] {
    color: var(--color-gray-900);
    margin-bottom: var(--spacing-2);
}

.receipt-preview__footer-bye[b-1qs4keb2ek] {
    color: var(--color-gray-500);
}

/* ===== Action Buttons ===== */
.receipt-preview__actions[b-1qs4keb2ek] {
    flex-shrink: 0;
    display: flex;
    gap: var(--spacing-3);
    padding: var(--spacing-6);
    border-top: 1px solid var(--color-gray-200);
    background-color: var(--color-surface);
}

.receipt-preview__btn[b-1qs4keb2ek] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    padding: var(--spacing-4) var(--spacing-6);
    border-radius: var(--radius-xl);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all 0.2s ease;
}

.receipt-preview__btn:active[b-1qs4keb2ek] {
    transform: scale(0.95);
}

/* Close Button */
.receipt-preview__btn--close[b-1qs4keb2ek] {
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-500);
    color: var(--color-gray-900);
}

.receipt-preview__btn--close:hover[b-1qs4keb2ek] {
    background-color: var(--color-gray-100);
}

/* Print Button */
.receipt-preview__btn--print[b-1qs4keb2ek] {
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
    color: white;
}

.receipt-preview__btn--print:hover[b-1qs4keb2ek] {
    background-color: #115E59;
    border-color: #115E59;
}

.receipt-preview__btn--print.receipt-preview__btn--loading[b-1qs4keb2ek] {
    background-color: var(--color-gray-100);
    border-color: var(--color-gray-200);
    color: var(--color-gray-500);
    cursor: wait;
}

.receipt-preview__btn--print.receipt-preview__btn--success[b-1qs4keb2ek] {
    background-color: #10B981;
    border-color: #10B981;
    color: white;
}

/* Spinner */
.receipt-preview__spinner[b-1qs4keb2ek] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--color-gray-300);
    border-top-color: var(--color-gray-500);
    border-radius: 50%;
    animation: spin-b-1qs4keb2ek 0.8s linear infinite;
}

@keyframes spin-b-1qs4keb2ek {
    to {
        transform: rotate(360deg);
    }
}
/* _content/Duara.SharedUI/Components/POS/RefundSheet.razor.rz.scp.css */
.refund-sheet .duara-sheet__body[b-8akq927f61] {
    padding: 2rem 1.5rem 3rem;
}

.refund-sheet__panel[b-8akq927f61] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.refund-sheet__header h2[b-8akq927f61] {
    margin: 0.25rem 0;
    font-size: 1.5rem;
}

.refund-sheet__header p[b-8akq927f61] {
    margin: 0;
    color: #6b7280;
}

.refund-sheet__eyebrow[b-8akq927f61] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.8rem;
    color: #9ca3af;
    margin: 0;
}

.refund-sheet__section[b-8akq927f61] {
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 1rem;
    background: #f9fafb;
}

.refund-sheet__mode[b-8akq927f61] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.refund-sheet__mode label[b-8akq927f61] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-weight: 600;
}

.refund-sheet__amount[b-8akq927f61] {
    margin: 0.75rem 0 0;
    font-size: 0.9rem;
    color: #4b5563;
}

.refund-sheet__lines[b-8akq927f61] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0;
    margin: 0;
}

.refund-sheet__lines li label[b-8akq927f61] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.refund-sheet__line-body[b-8akq927f61] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.refund-sheet__line-body strong[b-8akq927f61] {
    font-size: 0.95rem;
}

.refund-sheet__line-body small[b-8akq927f61] {
    color: #6b7280;
}

.refund-sheet__line-amount[b-8akq927f61] {
    font-weight: 600;
}

.refund-sheet__reason[b-8akq927f61] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-weight: 600;
}

.refund-sheet__reason textarea[b-8akq927f61] {
    resize: vertical;
    border: 1px solid #d1d5db;
    border-radius: 0.75rem;
    padding: 0.75rem;
    font-size: 1rem;
}

.refund-sheet__validation[b-8akq927f61] {
    margin: 0;
    color: #dc2626;
    font-size: 0.9rem;
}

.refund-sheet__actions[b-8akq927f61] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.refund-sheet__state[b-8akq927f61] {
    margin: 0;
    color: #9ca3af;
}

@media (max-width: 720px) {
    .refund-sheet .duara-sheet__body[b-8akq927f61] {
        padding: 1.25rem;
    }

    .refund-sheet__actions[b-8akq927f61] {
        flex-direction: column;
    }
}
/* _content/Duara.SharedUI/Components/POS/RefundWizard.razor.rz.scp.css */
/* RefundWizard.razor.css - Multi-Step Refund Wizard */

/* ===== Root Wrapper ===== */
.refund-wizard[b-9p32a7g2m1] {
    position: fixed;
    inset: 0;
    z-index: 60;
}

/* ===== Backdrop ===== */
.refund-wizard__backdrop[b-9p32a7g2m1] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 60;
    animation: fadeIn-b-9p32a7g2m1 0.2s ease-out;
}

@keyframes fadeIn-b-9p32a7g2m1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ===== Modal Container ===== */
.refund-wizard__modal[b-9p32a7g2m1] {
    position: fixed;
    inset: 1rem;
    z-index: 70;
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface);
    border-radius: 1.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    animation: zoomIn-b-9p32a7g2m1 0.2s ease-out;
    max-height: calc(100vh - 2rem);
    overflow: hidden;
}

@keyframes zoomIn-b-9p32a7g2m1 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Desktop centering */
@media (min-width: 768px) {
    .refund-wizard__modal[b-9p32a7g2m1] {
        inset: auto;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 520px;
        max-height: 90vh;
    }

    @keyframes zoomIn-b-9p32a7g2m1 {
        from {
            opacity: 0;
            transform: translate(-50%, -50%) scale(0.95);
        }
        to {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }
}

/* ===== Teal Header ===== */
.refund-wizard__header[b-9p32a7g2m1] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-6);
    background-color: #115E59;
    color: white;
    border-radius: 1.5rem 1.5rem 0 0;
}

.refund-wizard__header-content[b-9p32a7g2m1] {
    flex: 1;
}

.refund-wizard__title[b-9p32a7g2m1] {
    margin: 0 0 var(--spacing-1) 0;
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: white;
}

.refund-wizard__subtitle[b-9p32a7g2m1] {
    margin: 0;
    font-size: var(--text-sm);
    color: #99F6E4;
}

.refund-wizard__close[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.refund-wizard__close:hover[b-9p32a7g2m1] {
    background-color: rgba(255, 255, 255, 0.2);
}

/* ===== Progress Indicator ===== */
.refund-wizard__progress[b-9p32a7g2m1] {
    flex-shrink: 0;
    padding: var(--spacing-4) var(--spacing-6);
    background-color: var(--color-gray-100);
}

.refund-wizard__progress-track[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 20rem;
    margin: 0 auto;
}

.refund-wizard__progress-item[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    flex: 1;
}

.refund-wizard__progress-item:last-child[b-9p32a7g2m1] {
    flex: 0;
}

.refund-wizard__progress-circle[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-200);
    color: var(--color-gray-500);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    transition: all 0.2s ease;
}

.refund-wizard__progress-circle--active[b-9p32a7g2m1] {
    background-color: #0F766E;
    border-color: #0F766E;
    color: white;
}

.refund-wizard__progress-circle--complete[b-9p32a7g2m1] {
    background-color: #10B981;
    border-color: #10B981;
    color: white;
}

.refund-wizard__progress-line[b-9p32a7g2m1] {
    flex: 1;
    height: 0.25rem;
    margin: 0 var(--spacing-2);
    background-color: var(--color-gray-200);
    transition: background-color 0.2s ease;
}

.refund-wizard__progress-line--complete[b-9p32a7g2m1] {
    background-color: #10B981;
}

/* ===== Content Area ===== */
.refund-wizard__content[b-9p32a7g2m1] {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-6);
}

.refund-wizard__step[b-9p32a7g2m1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

.refund-wizard__step-header[b-9p32a7g2m1] {
    margin-bottom: var(--spacing-2);
}

.refund-wizard__step-title[b-9p32a7g2m1] {
    margin: 0 0 var(--spacing-1) 0;
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.refund-wizard__step-subtitle[b-9p32a7g2m1] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-gray-500);
}

/* ===== Step 1: Type Selection ===== */
.refund-wizard__option[b-9p32a7g2m1] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-4);
    width: 100%;
    padding: var(--spacing-6);
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
}

.refund-wizard__option:hover[b-9p32a7g2m1] {
    border-color: #0F766E;
}

.refund-wizard__option--selected[b-9p32a7g2m1] {
    border-color: #0F766E;
    background-color: #F0FDFA;
}

.refund-wizard__option-radio[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    margin-top: var(--spacing-1);
    border: 2px solid var(--color-gray-200);
    border-radius: 50%;
    transition: all 0.2s ease;
}

.refund-wizard__option-radio--selected[b-9p32a7g2m1] {
    border-color: #0F766E;
    background-color: #0F766E;
}

.refund-wizard__option-dot[b-9p32a7g2m1] {
    width: 0.75rem;
    height: 0.75rem;
    background-color: white;
    border-radius: 50%;
}

.refund-wizard__option-content[b-9p32a7g2m1] {
    flex: 1;
}

.refund-wizard__option-header[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    margin-bottom: var(--spacing-1);
    color: var(--color-gray-900);
    font-weight: var(--font-weight-medium);
}

.refund-wizard__option-icon[b-9p32a7g2m1] {
    font-size: 1.25rem;
}

.refund-wizard__option-desc[b-9p32a7g2m1] {
    margin: 0 0 var(--spacing-3) 0;
    font-size: var(--text-sm);
    color: var(--color-gray-500);
}

.refund-wizard__option-amount[b-9p32a7g2m1] {
    padding: var(--spacing-3);
    background-color: var(--color-surface);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-lg);
}

.refund-wizard__option-usd[b-9p32a7g2m1] {
    display: block;
    color: #DC2626;
    font-size: var(--text-lg);
    font-variant-numeric: tabular-nums;
}

.refund-wizard__option-cdf[b-9p32a7g2m1] {
    display: block;
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.refund-wizard__option-amount--placeholder[b-9p32a7g2m1] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

/* ===== Step 2: Item Selection ===== */
.refund-wizard__items[b-9p32a7g2m1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.refund-wizard__item[b-9p32a7g2m1] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3);
    width: 100%;
    padding: var(--spacing-4);
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
}

.refund-wizard__item:hover[b-9p32a7g2m1] {
    border-color: #0F766E;
}

.refund-wizard__item--selected[b-9p32a7g2m1] {
    border-color: #0F766E;
    background-color: #F0FDFA;
}

.refund-wizard__item-checkbox[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
}

.refund-wizard__item-checkbox--selected[b-9p32a7g2m1] {
    border-color: #0F766E;
    background-color: #0F766E;
    color: white;
}

.refund-wizard__item-content[b-9p32a7g2m1] {
    flex: 1;
}

.refund-wizard__item-name[b-9p32a7g2m1] {
    margin-bottom: var(--spacing-1);
    color: var(--color-gray-900);
    font-weight: var(--font-weight-medium);
}

.refund-wizard__item-detail[b-9p32a7g2m1] {
    margin-bottom: var(--spacing-2);
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.refund-wizard__item-total[b-9p32a7g2m1] {
    color: var(--color-gray-900);
    font-variant-numeric: tabular-nums;
}

.refund-wizard__selection-total[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-4);
    background-color: #F0FDFA;
    border: 2px solid #0F766E;
    border-radius: var(--radius-xl);
}

.refund-wizard__selection-count[b-9p32a7g2m1] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.refund-wizard__selection-amount[b-9p32a7g2m1] {
    text-align: right;
}

.refund-wizard__selection-usd[b-9p32a7g2m1] {
    display: block;
    color: #0F766E;
    font-size: var(--text-lg);
    font-variant-numeric: tabular-nums;
}

.refund-wizard__selection-cdf[b-9p32a7g2m1] {
    display: block;
    color: #0F766E;
    font-size: var(--text-xs);
}

/* ===== Step 3: Reason Entry ===== */
.refund-wizard__reason[b-9p32a7g2m1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.refund-wizard__reason-label[b-9p32a7g2m1] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.refund-wizard__reason-input[b-9p32a7g2m1] {
    width: 100%;
    min-height: 7.5rem;
    padding: var(--spacing-3) var(--spacing-4);
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    font-family: inherit;
    font-size: var(--text-base);
    color: var(--color-gray-900);
    resize: none;
    transition: border-color 0.2s ease;
}

.refund-wizard__reason-input[b-9p32a7g2m1]::placeholder {
    color: var(--color-gray-400);
}

.refund-wizard__reason-input:focus[b-9p32a7g2m1] {
    outline: none;
    border-color: #0F766E;
}

.refund-wizard__quick-reasons[b-9p32a7g2m1] {
    margin-top: var(--spacing-2);
}

.refund-wizard__quick-label[b-9p32a7g2m1] {
    margin: 0 0 var(--spacing-2) 0;
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.refund-wizard__quick-pills[b-9p32a7g2m1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
}

.refund-wizard__quick-pill[b-9p32a7g2m1] {
    padding: var(--spacing-2) var(--spacing-3);
    background-color: var(--color-gray-100);
    border: none;
    border-radius: 9999px;
    color: var(--color-gray-500);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

.refund-wizard__quick-pill:hover[b-9p32a7g2m1] {
    background-color: #0F766E;
    color: white;
}

/* ===== Step 4: Confirmation ===== */
.refund-wizard__summary[b-9p32a7g2m1] {
    padding: var(--spacing-6);
    background-color: #FEF2F2;
    border: 2px solid #DC2626;
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.refund-wizard__summary-row[b-9p32a7g2m1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.refund-wizard__summary-label[b-9p32a7g2m1] {
    color: var(--color-gray-500);
}

.refund-wizard__summary-value[b-9p32a7g2m1] {
    color: var(--color-gray-900);
}

.refund-wizard__summary-amount[b-9p32a7g2m1] {
    text-align: right;
}

.refund-wizard__summary-usd[b-9p32a7g2m1] {
    display: block;
    color: #DC2626;
    font-size: var(--text-xl);
    font-variant-numeric: tabular-nums;
}

.refund-wizard__summary-cdf[b-9p32a7g2m1] {
    display: block;
    color: #DC2626;
    font-size: var(--text-sm);
}

.refund-wizard__summary-divider[b-9p32a7g2m1] {
    border-top: 1px solid rgba(220, 38, 38, 0.2);
    margin: var(--spacing-2) 0;
}

.refund-wizard__summary-reason[b-9p32a7g2m1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.refund-wizard__summary-reason-label[b-9p32a7g2m1] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.refund-wizard__summary-reason-text[b-9p32a7g2m1] {
    color: var(--color-gray-900);
}

.refund-wizard__summary-credit[b-9p32a7g2m1] {
    padding: var(--spacing-3);
    background-color: var(--color-surface);
    border: 1px solid #DC2626;
    border-radius: var(--radius-lg);
}

.refund-wizard__summary-credit-header[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    color: #DC2626;
    font-size: var(--text-sm);
}

.refund-wizard__summary-credit-client[b-9p32a7g2m1] {
    margin-top: var(--spacing-1);
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.refund-wizard__warning[b-9p32a7g2m1] {
    display: flex;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    background-color: #FEF3C7;
    border: 1px solid #F59E0B;
    border-radius: var(--radius-xl);
}

.refund-wizard__warning-icon[b-9p32a7g2m1] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.refund-wizard__warning-text[b-9p32a7g2m1] {
    margin: 0;
    color: #92400E;
    font-size: var(--text-sm);
}

/* ===== Success State ===== */
.refund-wizard__success[b-9p32a7g2m1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-8);
}

.refund-wizard__success-icon[b-9p32a7g2m1] {
    position: relative;
    margin-bottom: var(--spacing-6);
}

.refund-wizard__success-ping[b-9p32a7g2m1] {
    position: absolute;
    inset: 0;
    background-color: #10B981;
    opacity: 0.2;
    border-radius: 50%;
    animation: ping-b-9p32a7g2m1 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ping-b-9p32a7g2m1 {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

.refund-wizard__success-circle[b-9p32a7g2m1] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7rem;
    height: 7rem;
    background-color: #10B981;
    border-radius: 50%;
    color: white;
}

.refund-wizard__success-title[b-9p32a7g2m1] {
    margin: 0 0 var(--spacing-2) 0;
    font-size: 1.5rem;
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.refund-wizard__success-subtitle[b-9p32a7g2m1] {
    margin: 0 0 var(--spacing-6) 0;
    color: var(--color-gray-500);
    text-align: center;
}

.refund-wizard__success-details[b-9p32a7g2m1] {
    width: 100%;
    padding: var(--spacing-6);
    background-color: var(--color-gray-100);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.refund-wizard__success-row[b-9p32a7g2m1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.refund-wizard__success-label[b-9p32a7g2m1] {
    color: var(--color-gray-500);
}

.refund-wizard__success-value[b-9p32a7g2m1] {
    color: var(--color-gray-900);
}

.refund-wizard__success-value--mono[b-9p32a7g2m1] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

.refund-wizard__success-amount[b-9p32a7g2m1] {
    text-align: right;
}

.refund-wizard__success-usd[b-9p32a7g2m1] {
    display: block;
    color: #DC2626;
    font-variant-numeric: tabular-nums;
}

.refund-wizard__success-cdf[b-9p32a7g2m1] {
    display: block;
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

/* ===== Footer Actions ===== */
.refund-wizard__footer[b-9p32a7g2m1] {
    flex-shrink: 0;
    display: flex;
    gap: var(--spacing-3);
    padding: var(--spacing-6);
    border-top: 1px solid var(--color-gray-200);
    background-color: var(--color-surface);
}

.refund-wizard__btn[b-9p32a7g2m1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    padding: var(--spacing-4) var(--spacing-6);
    border-radius: var(--radius-xl);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all 0.2s ease;
}

.refund-wizard__btn:active[b-9p32a7g2m1] {
    transform: scale(0.95);
}

.refund-wizard__btn:disabled[b-9p32a7g2m1] {
    opacity: 0.5;
    cursor: not-allowed;
}

.refund-wizard__btn:disabled:active[b-9p32a7g2m1] {
    transform: none;
}

.refund-wizard__btn--back[b-9p32a7g2m1] {
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-500);
    color: var(--color-gray-900);
}

.refund-wizard__btn--back:hover[b-9p32a7g2m1] {
    background-color: var(--color-gray-100);
}

.refund-wizard__btn--cancel[b-9p32a7g2m1] {
    flex: 1;
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-500);
    color: var(--color-gray-900);
}

.refund-wizard__btn--cancel:hover[b-9p32a7g2m1] {
    background-color: var(--color-gray-100);
}

.refund-wizard__btn--next[b-9p32a7g2m1] {
    flex: 1;
    background-color: #0F766E;
    border: 2px solid #0F766E;
    color: white;
}

.refund-wizard__btn--next:hover[b-9p32a7g2m1] {
    background-color: #115E59;
    border-color: #115E59;
}

.refund-wizard__btn--confirm[b-9p32a7g2m1] {
    flex: 1;
    background-color: #DC2626;
    border: 2px solid #DC2626;
    color: white;
}

.refund-wizard__btn--confirm:hover[b-9p32a7g2m1] {
    background-color: #B91C1C;
    border-color: #B91C1C;
}

.refund-wizard__btn--print[b-9p32a7g2m1] {
    flex: 1;
    background-color: var(--color-surface);
    border: 2px solid #0F766E;
    color: #0F766E;
}

.refund-wizard__btn--print:hover[b-9p32a7g2m1] {
    background-color: #F0FDFA;
}

.refund-wizard__btn--close-primary[b-9p32a7g2m1] {
    flex: 1;
    background-color: #0F766E;
    border: 2px solid #0F766E;
    color: white;
}

.refund-wizard__btn--close-primary:hover[b-9p32a7g2m1] {
    background-color: #115E59;
    border-color: #115E59;
}

/* Spinner */
.refund-wizard__spinner[b-9p32a7g2m1] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-9p32a7g2m1 0.8s linear infinite;
}

@keyframes spin-b-9p32a7g2m1 {
    to {
        transform: rotate(360deg);
    }
}
/* _content/Duara.SharedUI/Components/POS/SaleComplete.razor.rz.scp.css */
/* SaleComplete.razor.css - Aligned to Figma/Reference UI */

/* ===== Root Container ===== */
.sale-complete[b-qlhvhxfpo7] {
    min-height: 100%;
    background-color: var(--color-gray-100, #F3F4F6);
    padding: var(--spacing-6, 1.5rem);
}

.sale-complete--empty[b-qlhvhxfpo7] {
    padding: var(--spacing-6, 1.5rem);
    text-align: center;
    color: var(--color-gray-500, #6b7280);
}

/* ===== 2-Column Layout (Desktop) / Stacked (Mobile) ===== */
.sale-complete__layout[b-qlhvhxfpo7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6, 1.5rem);
}

@media (min-width: 1024px) {
    .sale-complete__layout[b-qlhvhxfpo7] {
        flex-direction: row;
        max-width: 80rem;
        margin: 0 auto;
    }
}

.sale-complete__left[b-qlhvhxfpo7],
.sale-complete__right[b-qlhvhxfpo7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6, 1.5rem);
}

@media (min-width: 1024px) {
    .sale-complete__left[b-qlhvhxfpo7],
    .sale-complete__right[b-qlhvhxfpo7] {
        flex: 1;
    }
}

/* ===== Success Card ===== */
.sale-complete__success-card[b-qlhvhxfpo7] {
    background-color: var(--color-surface, #ffffff);
    border-radius: 1rem;
    padding: var(--spacing-8, 2rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* ===== Animated Checkmark Icon ===== */
.sale-complete__icon-wrapper[b-qlhvhxfpo7] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-6, 1.5rem);
    position: relative;
}

.sale-complete__icon-ping[b-qlhvhxfpo7] {
    position: absolute;
    inset: 0;
    width: 5.5rem;
    height: 5.5rem;
    margin: auto;
    background-color: var(--color-success, #10B981);
    opacity: 0.2;
    border-radius: 50%;
    animation: salePing-b-qlhvhxfpo7 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes salePing-b-qlhvhxfpo7 {
    0% {
        transform: scale(1);
        opacity: 0.2;
    }
    75%, 100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.sale-complete__icon[b-qlhvhxfpo7] {
    position: relative;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    background-color: var(--color-success, #10B981);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: saleCompletePop-b-qlhvhxfpo7 400ms ease-out;
}

@keyframes saleCompletePop-b-qlhvhxfpo7 {
    0% {
        transform: scale(0.4);
        opacity: 0;
    }
    80% {
        transform: scale(1.08);
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

.sale-complete__check-svg[b-qlhvhxfpo7] {
    width: 3rem;
    height: 3rem;
    color: white;
}

/* ===== Sale Number Section ===== */
.sale-complete__number-section[b-qlhvhxfpo7] {
    margin-bottom: var(--spacing-2, 0.5rem);
}

.sale-complete__number-label[b-qlhvhxfpo7] {
    margin: 0;
    color: var(--color-gray-500, #6B7280);
    font-size: var(--text-sm, 0.875rem);
    margin-bottom: var(--spacing-1, 0.25rem);
}

.sale-complete__number[b-qlhvhxfpo7] {
    margin: 0;
    color: var(--color-gray-900, #111827);
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: var(--text-base, 1rem);
    letter-spacing: 0.05em;
}

/* ===== Total Section ===== */
.sale-complete__total-section[b-qlhvhxfpo7] {
    margin-bottom: var(--spacing-4, 1rem);
}

.sale-complete__total-usd[b-qlhvhxfpo7] {
    margin: 0;
    color: var(--color-primary, #0F766E);
    font-size: 2.25rem; /* text-4xl */
    font-weight: var(--font-weight-semibold, 600);
    margin-bottom: var(--spacing-1, 0.25rem);
}

.sale-complete__total-cdf[b-qlhvhxfpo7] {
    margin: 0;
    color: var(--color-gray-500, #6B7280);
    font-size: var(--text-base, 1rem);
}

/* ===== Change Card ===== */
.sale-complete__change-card[b-qlhvhxfpo7] {
    background-color: #F0FDF4; /* green-50 */
    border: 1px solid var(--color-success, #10B981);
    border-radius: var(--radius-xl, 0.75rem);
    padding: var(--spacing-4, 1rem);
    margin-bottom: var(--spacing-4, 1rem);
}

.sale-complete__change-label[b-qlhvhxfpo7] {
    margin: 0;
    color: var(--color-gray-500, #6B7280);
    font-size: var(--text-sm, 0.875rem);
    margin-bottom: var(--spacing-1, 0.25rem);
}

.sale-complete__change-usd[b-qlhvhxfpo7] {
    margin: 0;
    color: var(--color-success, #10B981);
    font-size: 1.875rem; /* text-3xl */
    font-weight: var(--font-weight-semibold, 600);
    margin-bottom: var(--spacing-1, 0.25rem);
}

.sale-complete__change-cdf[b-qlhvhxfpo7] {
    margin: 0;
    color: #059669; /* green-600 */
    font-size: var(--text-base, 1rem);
}

/* ===== Timestamp ===== */
.sale-complete__timestamp[b-qlhvhxfpo7] {
    color: var(--color-gray-500, #6B7280);
    font-size: var(--text-sm, 0.875rem);
}

.sale-complete__timestamp-date[b-qlhvhxfpo7] {
    margin: 0;
    text-transform: capitalize;
}

.sale-complete__timestamp-time[b-qlhvhxfpo7] {
    margin: 0;
}

/* ===== New Sale Button ===== */
.sale-complete__new-sale-btn[b-qlhvhxfpo7] {
    width: 100%;
    background-color: var(--color-primary, #0F766E);
    color: white;
    padding: var(--spacing-4, 1rem);
    border: none;
    border-radius: var(--radius-xl, 0.75rem);
    font-size: var(--text-base, 1rem);
    font-weight: var(--font-weight-semibold, 600);
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 150ms ease, transform 150ms ease;
}

.sale-complete__new-sale-btn:hover[b-qlhvhxfpo7] {
    background-color: #115E59; /* teal-800 */
}

.sale-complete__new-sale-btn:active[b-qlhvhxfpo7] {
    transform: scale(0.95);
}

/* ===== Receipt Card ===== */
.sale-complete__receipt-card[b-qlhvhxfpo7] {
    background-color: var(--color-surface, #ffffff);
    border-radius: 1rem;
    padding: var(--spacing-4, 1rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.sale-complete__receipt-title[b-qlhvhxfpo7] {
    margin: 0 0 var(--spacing-3, 0.75rem) 0;
    color: var(--color-gray-900, #111827);
    font-size: var(--text-base, 1rem);
    font-weight: var(--font-weight-semibold, 600);
}

.sale-complete__receipt-preview[b-qlhvhxfpo7] {
    background-color: var(--color-gray-50, #F9FAFB);
    border-radius: var(--radius-lg, 0.5rem);
    padding: var(--spacing-4, 1rem);
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-gray-700, #374151);
}

.sale-complete__receipt-header[b-qlhvhxfpo7] {
    text-align: center;
    border-bottom: 1px solid var(--color-gray-200, #E5E7EB);
    padding-bottom: var(--spacing-2, 0.5rem);
    margin-bottom: var(--spacing-2, 0.5rem);
}

.sale-complete__receipt-brand[b-qlhvhxfpo7] {
    margin: 0;
    font-weight: var(--font-weight-bold, 700);
}

.sale-complete__receipt-subtitle[b-qlhvhxfpo7] {
    margin: 0;
}

.sale-complete__receipt-row[b-qlhvhxfpo7] {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-1, 0.25rem) 0;
}

.sale-complete__receipt-row--bold[b-qlhvhxfpo7] {
    font-weight: var(--font-weight-bold, 700);
}

.sale-complete__receipt-row--muted[b-qlhvhxfpo7] {
    color: var(--color-gray-500, #6B7280);
}

.sale-complete__receipt-row--discount[b-qlhvhxfpo7] {
    color: var(--color-success, #059669);
}

.sale-complete__receipt-divider[b-qlhvhxfpo7] {
    border-top: 1px solid var(--color-gray-200, #E5E7EB);
    margin: var(--spacing-2, 0.5rem) 0;
}

.sale-complete__receipt-footer[b-qlhvhxfpo7] {
    text-align: center;
    border-top: 1px solid var(--color-gray-200, #E5E7EB);
    padding-top: var(--spacing-2, 0.5rem);
    margin-top: var(--spacing-2, 0.5rem);
}

.sale-complete__receipt-footer p[b-qlhvhxfpo7] {
    margin: 0;
}

/* ===== Action Buttons Grid ===== */
.sale-complete__actions[b-qlhvhxfpo7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3, 0.75rem);
}

.sale-complete__action-btn[b-qlhvhxfpo7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2, 0.5rem);
    padding: var(--spacing-4, 1rem);
    min-height: 5.5rem; /* 88px */
    border-radius: var(--radius-xl, 0.75rem);
    border: 2px solid var(--color-gray-500, #6B7280);
    background-color: var(--color-surface, #ffffff);
    color: var(--color-gray-900, #111827);
    cursor: pointer;
    transition: all 150ms ease;
}

.sale-complete__action-btn:hover[b-qlhvhxfpo7] {
    border-color: var(--color-primary, #0F766E);
    background-color: #F0FDFA; /* teal-50 */
}

.sale-complete__action-btn:active[b-qlhvhxfpo7] {
    transform: scale(0.95);
}

.sale-complete__action-btn:disabled[b-qlhvhxfpo7] {
    cursor: not-allowed;
    opacity: 0.7;
}

/* WhatsApp Button Default State */
.sale-complete__action-btn--whatsapp[b-qlhvhxfpo7] {
    border-color: #25D366; /* WhatsApp green */
    color: #25D366;
}

.sale-complete__action-btn--whatsapp:hover[b-qlhvhxfpo7] {
    background-color: #F0FDF4; /* green-50 */
    border-color: #25D366;
}

/* Loading State */
.sale-complete__action-btn--loading[b-qlhvhxfpo7] {
    background-color: var(--color-gray-100, #F3F4F6);
    border-color: var(--color-gray-200, #E5E7EB);
    color: var(--color-gray-500, #6B7280);
}

/* Success State */
.sale-complete__action-btn--success[b-qlhvhxfpo7] {
    background-color: #F0FDF4; /* green-50 */
    border-color: var(--color-success, #10B981);
    color: var(--color-success, #10B981);
}

.sale-complete__action-icon[b-qlhvhxfpo7] {
    width: 1.5rem;
    height: 1.5rem;
}

.sale-complete__action-icon--spin[b-qlhvhxfpo7] {
    animation: spin-b-qlhvhxfpo7 1s linear infinite;
}

@keyframes spin-b-qlhvhxfpo7 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.sale-complete__action-label[b-qlhvhxfpo7] {
    font-size: var(--text-sm, 0.875rem);
    font-weight: var(--font-weight-medium, 500);
}
/* _content/Duara.SharedUI/Components/POS/SaleDetailDesktop.razor.rz.scp.css */
/* SaleDetailDesktop.razor.css - Desktop Sale Detail Panel */

/* ===== Root Container ===== */
.sale-detail-desktop[b-1lzqyk8brk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--color-surface);
}

/* ===== Empty State ===== */
.sale-detail-desktop__empty[b-1lzqyk8brk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-8);
    text-align: center;
}

.sale-detail-desktop__empty-icon[b-1lzqyk8brk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin-bottom: var(--spacing-6);
    background-color: var(--color-gray-100);
    border-radius: 50%;
    font-size: 4rem;
}

.sale-detail-desktop__empty-title[b-1lzqyk8brk] {
    margin: 0 0 var(--spacing-2) 0;
    color: var(--color-gray-900);
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
}

.sale-detail-desktop__empty-text[b-1lzqyk8brk] {
    margin: 0;
    max-width: 24rem;
    color: var(--color-gray-500);
    font-size: var(--text-base);
}

/* ===== Teal Header Section ===== */
.sale-detail-desktop__header[b-1lzqyk8brk] {
    flex-shrink: 0;
    padding: var(--spacing-6);
    background-color: #115E59; /* teal-dark */
    color: white;
}

.sale-detail-desktop__header-content[b-1lzqyk8brk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--spacing-2);
}

.sale-detail-desktop__header-main[b-1lzqyk8brk] {
    flex: 1;
}

.sale-detail-desktop__title[b-1lzqyk8brk] {
    margin: 0 0 var(--spacing-2) 0;
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: white;
}

.sale-detail-desktop__status[b-1lzqyk8brk] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}

.sale-detail-desktop__close[b-1lzqyk8brk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.sale-detail-desktop__close:hover[b-1lzqyk8brk] {
    background-color: rgba(255, 255, 255, 0.2);
}

.sale-detail-desktop__date[b-1lzqyk8brk] {
    margin: 0;
    font-size: var(--text-sm);
    color: #99F6E4; /* teal-100 */
}

/* ===== Scrollable Content ===== */
.sale-detail-desktop__content[b-1lzqyk8brk] {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-6);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
}

/* ===== Gradient Summary Card ===== */
.sale-detail-desktop__summary-card[b-1lzqyk8brk] {
    padding: var(--spacing-6);
    background: linear-gradient(to bottom right, #0F766E, #115E59);
    border-radius: 1rem;
    color: white;
    text-align: center;
}

.sale-detail-desktop__summary-total[b-1lzqyk8brk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    margin-bottom: var(--spacing-4);
}

.sale-detail-desktop__summary-usd[b-1lzqyk8brk] {
    font-size: 2.25rem; /* text-4xl */
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
}

.sale-detail-desktop__summary-cdf[b-1lzqyk8brk] {
    color: #99F6E4; /* teal-100 */
    font-size: var(--text-base);
}

.sale-detail-desktop__summary-cashier[b-1lzqyk8brk] {
    margin: 0;
    font-size: var(--text-sm);
    color: #99F6E4; /* teal-100 */
}

/* ===== Customer/Location Info Card ===== */
.sale-detail-desktop__info-card[b-1lzqyk8brk] {
    padding: var(--spacing-4);
    background-color: var(--color-gray-100);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.sale-detail-desktop__info-row[b-1lzqyk8brk] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    color: var(--color-gray-900);
}

.sale-detail-desktop__info-icon[b-1lzqyk8brk] {
    font-size: 1rem;
}

/* ===== Section Styles ===== */
.sale-detail-desktop__section[b-1lzqyk8brk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.sale-detail-desktop__section-header[b-1lzqyk8brk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sale-detail-desktop__section-header h3[b-1lzqyk8brk],
.sale-detail-desktop__section-title[b-1lzqyk8brk] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.sale-detail-desktop__count-badge[b-1lzqyk8brk] {
    padding: var(--spacing-1) var(--spacing-3);
    background-color: var(--color-primary);
    color: white;
    border-radius: 9999px;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
}

/* ===== Line Items Table ===== */
.sale-detail-desktop__table-wrapper[b-1lzqyk8brk] {
    background-color: var(--color-surface);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.sale-detail-desktop__table[b-1lzqyk8brk] {
    width: 100%;
    border-collapse: collapse;
}

.sale-detail-desktop__th[b-1lzqyk8brk] {
    padding: var(--spacing-3);
    background-color: var(--color-gray-100);
    border-bottom: 1px solid var(--color-gray-200);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-500);
    text-transform: uppercase;
}

.sale-detail-desktop__th--left[b-1lzqyk8brk] {
    text-align: left;
}

.sale-detail-desktop__th--center[b-1lzqyk8brk] {
    text-align: center;
}

.sale-detail-desktop__th--right[b-1lzqyk8brk] {
    text-align: right;
}

.sale-detail-desktop__td[b-1lzqyk8brk] {
    padding: var(--spacing-3);
    vertical-align: top;
}

.sale-detail-desktop__td--center[b-1lzqyk8brk] {
    text-align: center;
    color: var(--color-gray-900);
    font-size: var(--text-sm);
}

.sale-detail-desktop__td--right[b-1lzqyk8brk] {
    text-align: right;
}

.sale-detail-desktop__tr--even[b-1lzqyk8brk] {
    background-color: var(--color-surface);
}

.sale-detail-desktop__tr--odd[b-1lzqyk8brk] {
    background-color: var(--color-gray-50);
}

.sale-detail-desktop__product-name[b-1lzqyk8brk] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
}

.sale-detail-desktop__product-unit[b-1lzqyk8brk] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sale-detail-desktop__line-total[b-1lzqyk8brk] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.sale-detail-desktop__line-cdf[b-1lzqyk8brk] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sale-detail-desktop__tfoot-row[b-1lzqyk8brk] {
    border-top: 2px solid var(--color-gray-200);
    background-color: var(--color-gray-100);
}

.sale-detail-desktop__subtotal-label[b-1lzqyk8brk] {
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-900);
}

.sale-detail-desktop__subtotal-value[b-1lzqyk8brk] {
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    font-variant-numeric: tabular-nums;
}

.sale-detail-desktop__tfoot-row--discount[b-1lzqyk8brk] {
    background-color: var(--color-success-light, #ECFDF5);
}

.sale-detail-desktop__discount-label[b-1lzqyk8brk] {
    font-weight: var(--font-weight-medium);
    color: var(--color-success, #059669);
}

.sale-detail-desktop__discount-value[b-1lzqyk8brk] {
    font-weight: var(--font-weight-semibold);
    color: var(--color-success, #059669);
    font-variant-numeric: tabular-nums;
}

.sale-detail-desktop__tfoot-row--total[b-1lzqyk8brk] {
    background-color: var(--color-primary-light, #F0FDFA);
}

.sale-detail-desktop__total-label[b-1lzqyk8brk] {
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-900);
}

.sale-detail-desktop__total-value[b-1lzqyk8brk] {
    font-weight: var(--font-weight-bold);
    color: var(--color-primary, #0F766E);
    font-variant-numeric: tabular-nums;
}

/* ===== Payment Breakdown ===== */
.sale-detail-desktop__payments[b-1lzqyk8brk] {
    background-color: var(--color-surface);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.sale-detail-desktop__payment-row[b-1lzqyk8brk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-gray-200);
}

.sale-detail-desktop__payment-row:last-child[b-1lzqyk8brk] {
    border-bottom: none;
}

.sale-detail-desktop__payment-info[b-1lzqyk8brk] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.sale-detail-desktop__payment-icon[b-1lzqyk8brk] {
    font-size: 1.5rem;
}

.sale-detail-desktop__payment-label[b-1lzqyk8brk] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
}

.sale-detail-desktop__payment-ref[b-1lzqyk8brk] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sale-detail-desktop__payment-amount[b-1lzqyk8brk] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

/* Change Row */
.sale-detail-desktop__payment-row--change[b-1lzqyk8brk] {
    background-color: #F0FDF4; /* green-50 */
}

.sale-detail-desktop__change-label[b-1lzqyk8brk] {
    color: #059669; /* green-600 */
}

.sale-detail-desktop__change-amount[b-1lzqyk8brk] {
    color: #059669; /* green-600 */
    font-variant-numeric: tabular-nums;
}

/* ===== Refund History ===== */
.sale-detail-desktop__refunds[b-1lzqyk8brk] {
    background-color: var(--color-surface);
    border: 1px solid #F59E0B; /* amber-500 */
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.sale-detail-desktop__refund-item[b-1lzqyk8brk] {
    padding: var(--spacing-4);
    border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}

.sale-detail-desktop__refund-item:last-child[b-1lzqyk8brk] {
    border-bottom: none;
}

.sale-detail-desktop__refund-header[b-1lzqyk8brk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--spacing-2);
}

.sale-detail-desktop__refund-type[b-1lzqyk8brk] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
    margin-bottom: var(--spacing-1);
}

.sale-detail-desktop__refund-date[b-1lzqyk8brk] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sale-detail-desktop__refund-amount[b-1lzqyk8brk] {
    color: #DC2626; /* red-600 */
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.sale-detail-desktop__refund-reason[b-1lzqyk8brk] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

/* ===== Action Footer ===== */
.sale-detail-desktop__footer[b-1lzqyk8brk] {
    flex-shrink: 0;
    padding: var(--spacing-6);
    border-top: 1px solid var(--color-gray-200);
    background-color: var(--color-surface);
}

.sale-detail-desktop__actions[b-1lzqyk8brk] {
    display: flex;
    gap: var(--spacing-3);
}

.sale-detail-desktop__action-btn[b-1lzqyk8brk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    border-radius: var(--radius-xl);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all 0.2s ease;
}

.sale-detail-desktop__action-btn:active[b-1lzqyk8brk] {
    transform: scale(0.95);
}

/* Print Button */
.sale-detail-desktop__action-btn--print[b-1lzqyk8brk] {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-500);
    color: var(--color-gray-900);
}

.sale-detail-desktop__action-btn--print:hover[b-1lzqyk8brk] {
    border-color: var(--color-primary);
    background-color: #F0FDFA;
}

/* WhatsApp Button */
.sale-detail-desktop__action-btn--whatsapp[b-1lzqyk8brk] {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    background-color: var(--color-surface);
    border: 2px solid #25D366;
    color: #25D366;
}

.sale-detail-desktop__action-btn--whatsapp:hover[b-1lzqyk8brk] {
    background-color: #F0FDF4;
}

.sale-detail-desktop__action-btn--whatsapp.sale-detail-desktop__action-btn--loading[b-1lzqyk8brk] {
    background-color: var(--color-gray-100);
    border-color: var(--color-gray-200);
    color: var(--color-gray-500);
    cursor: wait;
}

.sale-detail-desktop__action-btn--whatsapp.sale-detail-desktop__action-btn--success[b-1lzqyk8brk] {
    background-color: #F0FDF4;
    border-color: #10B981;
    color: #10B981;
}

/* Spinner */
.sale-detail-desktop__spinner[b-1lzqyk8brk] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--color-gray-300);
    border-top-color: var(--color-gray-500);
    border-radius: 50%;
    animation: spin-b-1lzqyk8brk 0.8s linear infinite;
}

@keyframes spin-b-1lzqyk8brk {
    to {
        transform: rotate(360deg);
    }
}

/* Refund Button */
.sale-detail-desktop__action-btn--refund[b-1lzqyk8brk] {
    flex: 1;
    height: 3rem;
    background-color: var(--color-surface);
    border: 2px solid #DC2626;
    color: #DC2626;
}

.sale-detail-desktop__action-btn--refund:hover[b-1lzqyk8brk] {
    background-color: #FEF2F2;
}

/* Fully Refunded Banner */
.sale-detail-desktop__refunded-banner[b-1lzqyk8brk] {
    padding: var(--spacing-4);
    background-color: rgba(245, 158, 11, 0.1);
    border: 1px solid #F59E0B;
    border-radius: var(--radius-xl);
    color: #92400E;
    text-align: center;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
}
/* _content/Duara.SharedUI/Components/POS/SaleDetailSheet.razor.rz.scp.css */
/* SaleDetailSheet.razor.css - Mobile Sale Detail Bottom Sheet */

/* ===== Root Container ===== */
.sale-detail-sheet[b-axoc6n9die] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 90vh;
    background-color: var(--color-surface);
}

/* ===== Teal Header Section ===== */
.sale-detail-sheet__header[b-axoc6n9die] {
    flex-shrink: 0;
    padding: var(--spacing-6);
    background-color: #115E59; /* teal-dark */
    color: white;
}

.sale-detail-sheet__header-content[b-axoc6n9die] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--spacing-2);
}

.sale-detail-sheet__header-main[b-axoc6n9die] {
    flex: 1;
}

.sale-detail-sheet__title[b-axoc6n9die] {
    margin: 0 0 var(--spacing-2) 0;
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: white;
}

.sale-detail-sheet__status[b-axoc6n9die] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}

.sale-detail-sheet__close[b-axoc6n9die] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.sale-detail-sheet__close:hover[b-axoc6n9die] {
    background-color: rgba(255, 255, 255, 0.2);
}

.sale-detail-sheet__date[b-axoc6n9die] {
    margin: 0;
    font-size: var(--text-sm);
    color: #99F6E4; /* teal-100 */
}

/* ===== Scrollable Content ===== */
.sale-detail-sheet__content[b-axoc6n9die] {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-6);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
}

/* ===== Gradient Summary Card ===== */
.sale-detail-sheet__summary-card[b-axoc6n9die] {
    padding: var(--spacing-6);
    background: linear-gradient(to bottom right, #0F766E, #115E59);
    border-radius: 1rem;
    color: white;
    text-align: center;
}

.sale-detail-sheet__summary-total[b-axoc6n9die] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    margin-bottom: var(--spacing-4);
}

.sale-detail-sheet__summary-usd[b-axoc6n9die] {
    font-size: 2.25rem; /* text-4xl */
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
}

.sale-detail-sheet__summary-cdf[b-axoc6n9die] {
    color: #99F6E4; /* teal-100 */
    font-size: var(--text-base);
}

.sale-detail-sheet__summary-cashier[b-axoc6n9die] {
    margin: 0;
    font-size: var(--text-sm);
    color: #99F6E4; /* teal-100 */
}

/* ===== Customer/Location Info Card ===== */
.sale-detail-sheet__info-card[b-axoc6n9die] {
    padding: var(--spacing-4);
    background-color: var(--color-gray-100);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.sale-detail-sheet__info-row[b-axoc6n9die] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    color: var(--color-gray-900);
}

.sale-detail-sheet__info-icon[b-axoc6n9die] {
    font-size: 1rem;
}

/* ===== Section Styles ===== */
.sale-detail-sheet__section[b-axoc6n9die] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.sale-detail-sheet__section-header[b-axoc6n9die] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sale-detail-sheet__section-header h3[b-axoc6n9die],
.sale-detail-sheet__section-title[b-axoc6n9die] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.sale-detail-sheet__count-badge[b-axoc6n9die] {
    padding: var(--spacing-1) var(--spacing-3);
    background-color: var(--color-primary);
    color: white;
    border-radius: 9999px;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
}

/* ===== Line Items Table ===== */
.sale-detail-sheet__table-wrapper[b-axoc6n9die] {
    background-color: var(--color-surface);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.sale-detail-sheet__table[b-axoc6n9die] {
    width: 100%;
    border-collapse: collapse;
}

.sale-detail-sheet__th[b-axoc6n9die] {
    padding: var(--spacing-3);
    background-color: var(--color-gray-100);
    border-bottom: 1px solid var(--color-gray-200);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-500);
    text-transform: uppercase;
}

.sale-detail-sheet__th--left[b-axoc6n9die] {
    text-align: left;
}

.sale-detail-sheet__th--center[b-axoc6n9die] {
    text-align: center;
}

.sale-detail-sheet__th--right[b-axoc6n9die] {
    text-align: right;
}

.sale-detail-sheet__td[b-axoc6n9die] {
    padding: var(--spacing-3);
    vertical-align: top;
}

.sale-detail-sheet__td--center[b-axoc6n9die] {
    text-align: center;
    color: var(--color-gray-900);
    font-size: var(--text-sm);
}

.sale-detail-sheet__td--right[b-axoc6n9die] {
    text-align: right;
}

.sale-detail-sheet__tr--even[b-axoc6n9die] {
    background-color: var(--color-surface);
}

.sale-detail-sheet__tr--odd[b-axoc6n9die] {
    background-color: var(--color-gray-50);
}

.sale-detail-sheet__product-name[b-axoc6n9die] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
}

.sale-detail-sheet__product-unit[b-axoc6n9die] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sale-detail-sheet__line-total[b-axoc6n9die] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.sale-detail-sheet__line-cdf[b-axoc6n9die] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sale-detail-sheet__tfoot-row[b-axoc6n9die] {
    border-top: 2px solid var(--color-gray-200);
    background-color: var(--color-gray-100);
}

.sale-detail-sheet__subtotal-label[b-axoc6n9die] {
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-900);
}

.sale-detail-sheet__subtotal-value[b-axoc6n9die] {
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
    font-variant-numeric: tabular-nums;
}

.sale-detail-sheet__tfoot-row--discount[b-axoc6n9die] {
    background-color: var(--color-success-light, #ECFDF5);
}

.sale-detail-sheet__discount-label[b-axoc6n9die] {
    font-weight: var(--font-weight-medium);
    color: var(--color-success, #059669);
}

.sale-detail-sheet__discount-value[b-axoc6n9die] {
    font-weight: var(--font-weight-semibold);
    color: var(--color-success, #059669);
    font-variant-numeric: tabular-nums;
}

.sale-detail-sheet__tfoot-row--total[b-axoc6n9die] {
    background-color: var(--color-primary-light, #F0FDFA);
}

.sale-detail-sheet__total-label[b-axoc6n9die] {
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-900);
}

.sale-detail-sheet__total-value[b-axoc6n9die] {
    font-weight: var(--font-weight-bold);
    color: var(--color-primary, #0F766E);
    font-variant-numeric: tabular-nums;
}

/* ===== Payment Breakdown ===== */
.sale-detail-sheet__payments[b-axoc6n9die] {
    background-color: var(--color-surface);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.sale-detail-sheet__payment-row[b-axoc6n9die] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-gray-200);
}

.sale-detail-sheet__payment-row:last-child[b-axoc6n9die] {
    border-bottom: none;
}

.sale-detail-sheet__payment-info[b-axoc6n9die] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.sale-detail-sheet__payment-icon[b-axoc6n9die] {
    font-size: 1.5rem;
}

.sale-detail-sheet__payment-label[b-axoc6n9die] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
}

.sale-detail-sheet__payment-ref[b-axoc6n9die] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sale-detail-sheet__payment-amount[b-axoc6n9die] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

/* Change Row */
.sale-detail-sheet__payment-row--change[b-axoc6n9die] {
    background-color: #F0FDF4; /* green-50 */
}

.sale-detail-sheet__change-label[b-axoc6n9die] {
    color: #059669; /* green-600 */
}

.sale-detail-sheet__change-amount[b-axoc6n9die] {
    color: #059669; /* green-600 */
    font-variant-numeric: tabular-nums;
}

/* ===== Refund History ===== */
.sale-detail-sheet__refunds[b-axoc6n9die] {
    background-color: var(--color-surface);
    border: 1px solid #F59E0B; /* amber-500 */
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.sale-detail-sheet__refund-item[b-axoc6n9die] {
    padding: var(--spacing-4);
    border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}

.sale-detail-sheet__refund-item:last-child[b-axoc6n9die] {
    border-bottom: none;
}

.sale-detail-sheet__refund-header[b-axoc6n9die] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--spacing-2);
}

.sale-detail-sheet__refund-type[b-axoc6n9die] {
    color: var(--color-gray-900);
    font-size: var(--text-sm);
    margin-bottom: var(--spacing-1);
}

.sale-detail-sheet__refund-date[b-axoc6n9die] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
}

.sale-detail-sheet__refund-amount[b-axoc6n9die] {
    color: #DC2626; /* red-600 */
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.sale-detail-sheet__refund-reason[b-axoc6n9die] {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

/* ===== Action Footer ===== */
.sale-detail-sheet__footer[b-axoc6n9die] {
    flex-shrink: 0;
    padding: var(--spacing-6);
    border-top: 1px solid var(--color-gray-200);
    background-color: var(--color-surface);
}

.sale-detail-sheet__actions[b-axoc6n9die] {
    display: flex;
    gap: var(--spacing-3);
}

.sale-detail-sheet__action-btn[b-axoc6n9die] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    border-radius: var(--radius-xl);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: all 0.2s ease;
}

.sale-detail-sheet__action-btn:active[b-axoc6n9die] {
    transform: scale(0.95);
}

/* Print Button */
.sale-detail-sheet__action-btn--print[b-axoc6n9die] {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    background-color: var(--color-surface);
    border: 2px solid var(--color-gray-500);
    color: var(--color-gray-900);
}

.sale-detail-sheet__action-btn--print:hover[b-axoc6n9die] {
    border-color: var(--color-primary);
    background-color: #F0FDFA;
}

/* WhatsApp Button */
.sale-detail-sheet__action-btn--whatsapp[b-axoc6n9die] {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    background-color: var(--color-surface);
    border: 2px solid #25D366;
    color: #25D366;
}

.sale-detail-sheet__action-btn--whatsapp:hover[b-axoc6n9die] {
    background-color: #F0FDF4;
}

.sale-detail-sheet__action-btn--whatsapp.sale-detail-sheet__action-btn--loading[b-axoc6n9die] {
    background-color: var(--color-gray-100);
    border-color: var(--color-gray-200);
    color: var(--color-gray-500);
    cursor: wait;
}

.sale-detail-sheet__action-btn--whatsapp.sale-detail-sheet__action-btn--success[b-axoc6n9die] {
    background-color: #F0FDF4;
    border-color: #10B981;
    color: #10B981;
}

/* Spinner */
.sale-detail-sheet__spinner[b-axoc6n9die] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--color-gray-300);
    border-top-color: var(--color-gray-500);
    border-radius: 50%;
    animation: spin-b-axoc6n9die 0.8s linear infinite;
}

@keyframes spin-b-axoc6n9die {
    to {
        transform: rotate(360deg);
    }
}

/* Refund Button */
.sale-detail-sheet__action-btn--refund[b-axoc6n9die] {
    flex: 1;
    height: 3rem;
    background-color: var(--color-surface);
    border: 2px solid #DC2626;
    color: #DC2626;
}

.sale-detail-sheet__action-btn--refund:hover[b-axoc6n9die] {
    background-color: #FEF2F2;
}

/* Fully Refunded Banner */
.sale-detail-sheet__refunded-banner[b-axoc6n9die] {
    padding: var(--spacing-4);
    background-color: rgba(245, 158, 11, 0.1);
    border: 1px solid #F59E0B;
    border-radius: var(--radius-xl);
    color: #92400E;
    text-align: center;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
}

/* ===== Settlement Info ===== */
.sale-detail-sheet__settlement-info[b-axoc6n9die] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    background-color: #F0FDFA; /* teal-50 */
    border: 1px solid #14B8A6; /* teal-500 */
    border-radius: var(--radius-xl);
}

.sale-detail-sheet__settlement-icon[b-axoc6n9die] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    background-color: #14B8A6; /* teal-500 */
    border-radius: 50%;
    color: white;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
}

.sale-detail-sheet__settlement-label[b-axoc6n9die] {
    color: #115E59; /* teal-900 */
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-1);
}

.sale-detail-sheet__settlement-date[b-axoc6n9die] {
    color: #0F766E; /* teal-700 */
    font-size: var(--text-xs);
    margin-bottom: var(--spacing-1);
}

.sale-detail-sheet__settlement-ref[b-axoc6n9die] {
    color: var(--color-gray-500);
    font-size: var(--text-xs);
    font-family: monospace;
}
/* _content/Duara.SharedUI/Components/POS/SplitPayment.razor.rz.scp.css */
.split-payment[b-xiiug1hewa] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ========== Add Payment Section ========== */
.split-payment__add[b-xiiug1hewa] {
    background: var(--duara-surface, #ffffff);
    padding: 16px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.split-payment__add-label[b-xiiug1hewa] {
    font-size: 0.875rem;
    color: var(--duara-text-muted, #6B7280);
    margin-bottom: 12px;
}

.split-payment__add-grid[b-xiiug1hewa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.split-payment__add-btn[b-xiiug1hewa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px 8px;
    border: 2px solid var(--duara-color-primary, #0F766E);
    border-radius: 12px;
    background: transparent;
    color: var(--duara-color-primary, #0F766E);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.split-payment__add-btn:hover[b-xiiug1hewa] {
    background: #F0FDFA;
}

.split-payment__add-btn:active[b-xiiug1hewa] {
    transform: scale(0.95);
}

.split-payment__add-btn.is-disabled[b-xiiug1hewa] {
    border-color: #E5E7EB;
    color: #9CA3AF;
    background: #F9FAFB;
    cursor: not-allowed;
}

.split-payment__add-icon[b-xiiug1hewa] {
    font-size: 1rem;
    font-weight: 400;
}

/* ========== Payments List Section ========== */
.split-payment__list[b-xiiug1hewa] {
    background: var(--duara-surface, #ffffff);
    padding: 16px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.split-payment__list-header[b-xiiug1hewa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.split-payment__list-header h3[b-xiiug1hewa] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--duara-text-primary, #111827);
    margin: 0;
}

.split-payment__count[b-xiiug1hewa] {
    background: var(--duara-color-primary, #0F766E);
    color: #ffffff;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 0.75rem;
    font-weight: 600;
}

.split-payment__empty[b-xiiug1hewa] {
    font-size: 0.875rem;
    color: var(--duara-text-muted, #6B7280);
    text-align: center;
    padding: 16px 0;
}

.split-payment__items[b-xiiug1hewa] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.split-payment__item[b-xiiug1hewa] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.split-payment__item-usd[b-xiiug1hewa] {
    display: inline-block;
    font-size: 0.75rem;
    color: var(--duara-text-muted, #6B7280);
    background: #F9FAFB;
    padding: 4px 12px;
    border-radius: 999px;
    text-align: center;
    margin-top: 8px;
}

.split-payment__delete[b-xiiug1hewa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    border: none;
    background: #FEE2E2;
    color: #DC2626;
    border-radius: 8px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 0.2s ease;
    margin-top: 8px;
}

.split-payment__delete:hover[b-xiiug1hewa] {
    background: #FECACA;
}

/* Credit Card Inline */
.split-payment__credit-card[b-xiiug1hewa] {
    background: var(--duara-surface, #ffffff);
    border-radius: 12px;
    padding: 12px;
    border: 1px solid #E5E7EB;
}

.split-payment__credit-card h4[b-xiiug1hewa] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--duara-text-primary, #111827);
    margin: 0 0 12px 0;
}

.split-payment__credit-input[b-xiiug1hewa] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F9FAFB;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 8px;
}

.split-payment__credit-input span[b-xiiug1hewa] {
    color: var(--duara-text-muted, #6B7280);
}

.split-payment__credit-input input[b-xiiug1hewa] {
    flex: 1;
    border: none;
    background: transparent;
    text-align: right;
    font-size: 1.25rem;
    color: var(--duara-text-primary, #111827);
    outline: none;
}

.split-payment__credit-note[b-xiiug1hewa] {
    font-size: 0.75rem;
    color: var(--duara-text-muted, #6B7280);
    margin: 0;
}

/* ========== Summary Section ========== */
.split-payment__summary[b-xiiug1hewa] {
    background: var(--duara-surface, #ffffff);
    padding: 16px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.split-payment__summary h3[b-xiiug1hewa] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--duara-text-primary, #111827);
    margin: 0 0 12px 0;
}

.split-payment__summary-rows[b-xiiug1hewa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.split-payment__summary-row[b-xiiug1hewa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.split-payment__summary-row span:first-child[b-xiiug1hewa] {
    color: var(--duara-text-muted, #6B7280);
}

.split-payment__summary-row span:last-child[b-xiiug1hewa] {
    font-weight: 600;
    color: var(--duara-text-primary, #111827);
}

.split-payment__summary-row--border[b-xiiug1hewa] {
    padding-top: 8px;
    border-top: 1px solid #E5E7EB;
}

.split-payment__summary-row .is-paid[b-xiiug1hewa] {
    color: var(--duara-color-primary, #0F766E);
}

.split-payment__summary-row .is-warning[b-xiiug1hewa] {
    color: #DC2626;
}

.split-payment__summary-row .is-success[b-xiiug1hewa] {
    color: #10B981;
}
/* _content/Duara.SharedUI/Components/POS/TraderProductCard.razor.rz.scp.css */
/* TraderProductCard - Inline controls product card */

.duara-trader-card[b-v8ch31nm7f] {
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface);
    border-radius: 1rem; /* rounded-2xl */
    border: 1px solid var(--color-gray-200);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* shadow-sm */
    padding: 0.875rem; /* p-3.5 */
    height: 100%; /* Fill grid cell height */
}

.duara-trader-card__content[b-v8ch31nm7f] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem; /* tighter gap */
    flex: 1; /* Take available space */
}

.duara-trader-card__name[b-v8ch31nm7f] {
    margin: 0 0 0.25rem;
    font-size: 0.8125rem; /* ~13px */
    font-weight: 600;
    color: var(--color-gray-900);
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.duara-trader-card__description[b-v8ch31nm7f] {
    margin: 0 0 0.375rem;
    font-size: 0.6875rem; /* ~11px */
    color: var(--color-gray-500);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.duara-trader-card__price[b-v8ch31nm7f] {
    font-size: 0.9375rem; /* ~15px */
    font-weight: 600;
    color: var(--color-gray-900);
    font-variant-numeric: tabular-nums;
}

.duara-trader-card__price-cdf[b-v8ch31nm7f] {
    font-size: 0.75rem; /* text-xs */
    color: var(--color-gray-500);
    font-variant-numeric: tabular-nums;
    margin-bottom: 0.625rem; /* mb-2.5 */
}

/* Unit toggle buttons */
.duara-trader-card__units[b-v8ch31nm7f] {
    display: flex;
    gap: 0.25rem; /* gap-1 */
    margin-bottom: 0.625rem; /* mb-2.5 */
}

.duara-trader-card__unit-btn[b-v8ch31nm7f] {
    flex: 1;
    padding: 0.3125rem 0.5rem; /* py-1.25 px-2 */
    border-radius: 0.5rem; /* rounded-lg */
    border: 1px solid var(--color-gray-200);
    background-color: var(--color-gray-100);
    color: var(--color-gray-500);
    font-size: 0.6875rem; /* ~11px */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    text-transform: uppercase;
}

.duara-trader-card__unit-btn:hover[b-v8ch31nm7f] {
    background-color: var(--color-gray-200);
}

.duara-trader-card__unit-btn.is-active[b-v8ch31nm7f] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: white;
}

/* Add button */
.duara-trader-card__add-btn[b-v8ch31nm7f] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    width: 100%;
    min-height: 2.375rem; /* ~38px */
    padding: 0.5rem 0.75rem;
    border-radius: 0.625rem; /* rounded-lg+ */
    border: none;
    background-color: var(--color-primary);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin-top: auto; /* Push to bottom */
}

.duara-trader-card__add-btn:hover[b-v8ch31nm7f] {
    background-color: var(--color-primary-dark);
}

.duara-trader-card__add-icon[b-v8ch31nm7f] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

/* Quantity controls */
.duara-trader-card__qty-controls[b-v8ch31nm7f] {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* gap-2 */
    margin-top: auto; /* Push to bottom */
}

.duara-trader-card__qty-btn[b-v8ch31nm7f] {
    width: 2.25rem; /* w-9 = 36px */
    height: 2.25rem; /* h-9 */
    border-radius: 0.5rem; /* rounded-lg */
    border: 1px solid var(--color-gray-200);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-trader-card__qty-btn svg[b-v8ch31nm7f] {
    width: 14px;
    height: 14px;
}

.duara-trader-card__qty-btn--minus[b-v8ch31nm7f] {
    background-color: var(--color-gray-100);
    color: var(--color-gray-500);
}

.duara-trader-card__qty-btn--minus:hover[b-v8ch31nm7f] {
    background-color: var(--color-gray-200);
}

.duara-trader-card__qty-btn--plus[b-v8ch31nm7f] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: white;
}

.duara-trader-card__qty-btn--plus:hover[b-v8ch31nm7f] {
    background-color: var(--color-primary-dark);
}

.duara-trader-card__qty-value[b-v8ch31nm7f] {
    flex: 1;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-gray-900);
    font-variant-numeric: tabular-nums;
}
/* _content/Duara.SharedUI/Components/POS/TraderProductGrid.razor.rz.scp.css */
/* TraderProductGrid - Responsive grid with different cards for mobile/desktop */

.duara-trader-grid[b-keebilizvs] {
    width: 100%;
}

.duara-trader-grid__items[b-keebilizvs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem; /* gap-2 = 8px - tighter on mobile */
}

/* Tablet: 3 columns */
@media (min-width: 640px) {
    .duara-trader-grid__items[b-keebilizvs] {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem;
    }
}

/* Desktop: 4 columns */
@media (min-width: 1024px) {
    .duara-trader-grid__items[b-keebilizvs] {
        grid-template-columns: repeat(4, 1fr);
        gap: 0.75rem;
    }
}

/* Large desktop: 5 columns */
@media (min-width: 1280px) {
    .duara-trader-grid__items[b-keebilizvs] {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Empty state */
.duara-trader-grid__empty[b-keebilizvs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    text-align: center;
    min-height: 300px;
}

.duara-trader-grid__empty-icon[b-keebilizvs] {
    font-size: 3rem;
    opacity: 0.5;
    margin-bottom: 0.75rem;
}

.duara-trader-grid__empty-title[b-keebilizvs] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-gray-900);
}

.duara-trader-grid__empty-message[b-keebilizvs] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--color-gray-500);
}

/* Empty state icon wrapper */
.duara-trader-grid__empty-icon-wrap[b-keebilizvs] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: var(--color-gray-100, #f3f4f6);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.duara-trader-grid__empty-icon-wrap svg[b-keebilizvs] {
    width: 32px;
    height: 32px;
    color: var(--color-gray-400, #9ca3af);
}

/* Empty state actions */
.duara-trader-grid__empty-actions[b-keebilizvs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

/* Loading skeleton */
.duara-trader-grid__loading[b-keebilizvs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .duara-trader-grid__loading[b-keebilizvs] {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .duara-trader-grid__loading[b-keebilizvs] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.duara-trader-grid__skeleton[b-keebilizvs] {
    height: 180px;
    background: linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);
    background-size: 200% 100%;
    border-radius: 1rem;
    animation: duara-skeleton-shimmer-b-keebilizvs 1.5s infinite;
}

@keyframes duara-skeleton-shimmer-b-keebilizvs {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
/* _content/Duara.SharedUI/Components/POS/UnitToggle.razor.rz.scp.css */
.duara-unit-toggle[b-890e70e1a0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
}

.duara-unit-toggle__pill[b-890e70e1a0] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-1);
    min-height: 44px;
    min-width: 80px;
    padding: var(--spacing-2) var(--spacing-3);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
    cursor: pointer;
    transition: all 0.15s ease;
    flex: 1;
    max-width: 140px;
}

.duara-unit-toggle__pill:hover[b-890e70e1a0] {
    border-color: var(--color-primary);
    background-color: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.duara-unit-toggle__pill:focus-visible[b-890e70e1a0] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.duara-unit-toggle__pill.is-active[b-890e70e1a0] {
    border-color: var(--color-primary);
    background-color: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.duara-unit-toggle__name[b-890e70e1a0] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-900);
}

.duara-unit-toggle__price[b-890e70e1a0] {
    font-size: var(--text-xs);
    color: var(--color-gray-600);
}

.duara-unit-toggle__pill.is-active .duara-unit-toggle__name[b-890e70e1a0] {
    color: var(--color-primary-dark);
}

.duara-unit-toggle__pill.is-active .duara-unit-toggle__price[b-890e70e1a0] {
    color: var(--color-primary);
}
/* _content/Duara.SharedUI/Components/Products/ProductManagementCard.razor.rz.scp.css */
/* ProductManagementCard - Matching Reference UI ProductCatalogScreen */

.product-mgmt-card[b-w4j7iuz9w0] {
    background-color: #FFFFFF;
    border-radius: 0.75rem; /* rounded-xl */
    border: 2px solid #E5E7EB;
    cursor: pointer;
    transition: all 0.15s ease;
}

.product-mgmt-card:hover[b-w4j7iuz9w0] {
    border-color: #0F766E;
}

.product-mgmt-card--selected[b-w4j7iuz9w0] {
    border-color: #0F766E;
    background-color: #EFF6FF;
}

.product-mgmt-card--detail-selected[b-w4j7iuz9w0] {
    border-color: #0F766E;
    background-color: #EFF6FF;
}

.product-mgmt-card--inactive[b-w4j7iuz9w0] {
    opacity: 0.6;
}

/* Inner padding container */
.product-mgmt-card__inner[b-w4j7iuz9w0] {
    padding: 0.75rem; /* p-3 */
}

/* Header: Checkbox + Content inline */
.product-mgmt-card__header[b-w4j7iuz9w0] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem; /* gap-3 */
    margin-bottom: 0.625rem; /* mb-2.5 */
}

.product-mgmt-card__checkbox[b-w4j7iuz9w0] {
    width: 1rem;
    height: 1rem;
    margin-top: 0.25rem; /* mt-1 */
    cursor: pointer;
    accent-color: #0F766E;
    border-radius: 0.25rem;
    flex-shrink: 0;
}

.product-mgmt-card__header-content[b-w4j7iuz9w0] {
    flex: 1;
    min-width: 0;
}

.product-mgmt-card__header-row[b-w4j7iuz9w0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem; /* gap-2 */
}

/* Product name */
.product-mgmt-card__name[b-w4j7iuz9w0] {
    margin: 0;
    font-size: 0.9375rem; /* ~15px */
    font-weight: 600; /* font-semibold */
    color: #111827;
    line-height: 1.25; /* leading-tight */
}

/* Inactive badge */
.product-mgmt-card__badge[b-w4j7iuz9w0] {
    padding: 0.125rem 0.5rem; /* px-2 py-0.5 */
    font-size: 0.75rem; /* text-xs */
    border-radius: 9999px; /* rounded-full */
    white-space: nowrap;
}

.product-mgmt-card__badge--inactive[b-w4j7iuz9w0] {
    background-color: rgba(107, 114, 128, 0.1); /* bg-[#6B7280]/10 */
    color: #6B7280;
}

/* Product code (monospace) */
.product-mgmt-card__code[b-w4j7iuz9w0] {
    margin: 0.25rem 0 0 0; /* mt-1 */
    font-size: 0.875rem; /* text-sm */
    color: #6B7280;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

.product-mgmt-card__code-label[b-w4j7iuz9w0] {
    color: #6B7280;
}

/* Divider */
.product-mgmt-card__divider[b-w4j7iuz9w0] {
    height: 1px;
    background-color: #E5E7EB;
    margin-bottom: 0.625rem; /* mb-2.5 */
}

/* Pricing section */
.product-mgmt-card__pricing[b-w4j7iuz9w0] {
    margin-bottom: 0.625rem; /* mb-2.5 */
}

.product-mgmt-card__price[b-w4j7iuz9w0] {
    font-size: 1.125rem; /* text-lg */
    font-weight: 600; /* font-semibold */
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.product-mgmt-card__price-cdf[b-w4j7iuz9w0] {
    font-size: 0.875rem; /* text-sm */
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Stock section */
.product-mgmt-card__stock-section[b-w4j7iuz9w0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-mgmt-card__stock-qty[b-w4j7iuz9w0] {
    font-size: 0.875rem; /* text-sm */
    color: #6B7280;
}

/* Stock status badges */
.product-mgmt-card__stock-badge[b-w4j7iuz9w0] {
    padding: 0.25rem 0.75rem; /* px-3 py-1 */
    font-size: 0.75rem; /* text-xs */
    font-weight: 500; /* font-medium */
    border-radius: 9999px; /* rounded-full */
}

.product-mgmt-card__stock-badge--good[b-w4j7iuz9w0] {
    background-color: rgba(34, 197, 94, 0.1); /* bg-[#22C55E]/10 */
    color: #22C55E;
}

.product-mgmt-card__stock-badge--low[b-w4j7iuz9w0] {
    background-color: rgba(250, 204, 21, 0.1); /* bg-[#FACC15]/10 */
    color: #92400E;
}

.product-mgmt-card__stock-badge--critical[b-w4j7iuz9w0] {
    background-color: rgba(220, 38, 38, 0.1); /* bg-[#DC2626]/10 */
    color: #DC2626;
}
/* _content/Duara.SharedUI/Components/Products/Sheets/CategoryManagerSheet.razor.rz.scp.css */
:host[b-a8pezkx8vk] {
    display: block;
}

.category-manager[b-a8pezkx8vk] {
    padding: 0 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.category-manager__sheet-handle[b-a8pezkx8vk] {
    width: 48px;
    height: 6px;
    border-radius: 999px;
    background-color: #D1D5DB;
    margin: 0.25rem auto 0.75rem;
}

.category-manager__header[b-a8pezkx8vk] {
    padding: 0.25rem 0 1rem;
    border-bottom: 1px solid #E2E8F0;
}

.category-manager__header h2[b-a8pezkx8vk] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.category-manager__content[b-a8pezkx8vk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.category-manager__label[b-a8pezkx8vk] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
    margin-bottom: 0.5rem;
}

.category-manager__add-row[b-a8pezkx8vk] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.category-manager__add-row :deep(.duara-field)[b-a8pezkx8vk] {
    flex: 1;
}

.category-manager__divider[b-a8pezkx8vk] {
    border-top: 1px solid #E5E7EB;
}

.category-manager__subtitle[b-a8pezkx8vk] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.category-manager__list[b-a8pezkx8vk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.category-manager__empty[b-a8pezkx8vk] {
    text-align: center;
    color: #6B7280;
    padding: 2rem 0;
}

.category-manager__row[b-a8pezkx8vk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
}

.category-manager__row-main[b-a8pezkx8vk] {
    flex: 1;
    min-width: 0;
}

.category-manager__row-name[b-a8pezkx8vk] {
    font-weight: 500;
    color: #111827;
}

.category-manager__row-count[b-a8pezkx8vk] {
    font-size: 0.875rem;
    color: #6B7280;
}

.category-manager__inline-edit[b-a8pezkx8vk] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    width: 100%;
}

.category-manager__inline-edit :deep(.duara-field)[b-a8pezkx8vk] {
    flex: 1;
}

.category-manager__actions[b-a8pezkx8vk] {
    display: flex;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #E5E7EB;
}

.category-manager__actions :deep(button)[b-a8pezkx8vk] {
    flex: 1;
}

@media (min-width: 768px) {
    .category-manager[b-a8pezkx8vk] {
        padding: 0 1.5rem 1.5rem;
    }
}
/* _content/Duara.SharedUI/Components/Products/Sheets/CreateProductSheet.razor.rz.scp.css */
:host[b-0sa9ifalqj] {
    display: block;
}

.create-product[b-0sa9ifalqj] {
    padding: 0 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.create-product__sheet-handle[b-0sa9ifalqj] {
    width: 48px;
    height: 5px;
    border-radius: 999px;
    background-color: #D1D5DB;
    margin: 0.25rem auto 0.75rem;
}

.create-product__header[b-0sa9ifalqj] {
    padding: 0.5rem 0 0.75rem;
}

.create-product__header h2[b-0sa9ifalqj] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
}

.create-product__section[b-0sa9ifalqj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.create-product__category-actions[b-0sa9ifalqj] {
    margin-top: 0.5rem;
}

.create-product__barcode-group[b-0sa9ifalqj] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
}

.create-product__barcode-group :deep(.duara-field)[b-0sa9ifalqj] {
    flex: 1;
}

.create-product__barcode-group :deep(.duara-field__label)[b-0sa9ifalqj] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
}

.create-product__units-divider[b-0sa9ifalqj] {
    border-top: 1px solid #E5E7EB;
    padding-top: 1.5rem;
    margin-top: 0.25rem;
}

.create-product__units-header[b-0sa9ifalqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.create-product__units-header :deep(.duara-field__label)[b-0sa9ifalqj] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.create-product__unit-card[b-0sa9ifalqj] {
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1rem;
    background-color: #F9FAFB;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 0.75rem;
}

.create-product__unit-row[b-0sa9ifalqj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.create-product__checkbox-group[b-0sa9ifalqj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.25rem;
}

.create-product__checkbox-group input[b-0sa9ifalqj] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--color-primary);
}

.create-product__checkbox-group label[b-0sa9ifalqj] {
    font-size: 0.875rem;
    color: #111827;
}

.create-product__actions[b-0sa9ifalqj] {
    position: sticky;
    bottom: 0;
    background: white;
    border-top: 1px solid #E5E7EB;
    padding: 1rem 0;
.create-product__category-actions {
    margin-top: 0.5rem;
}

    display: flex;
    gap: 0.75rem;[b-0sa9ifalqj]
}

.create-product__actions :deep(button)[b-0sa9ifalqj] {
    flex: 1;
}

.create-product__error[b-0sa9ifalqj] {
    color: #DC2626;
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    .create-product__unit-row[b-0sa9ifalqj] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/Duara.SharedUI/Components/Products/Sheets/ProductDetailSheet.razor.rz.scp.css */
/* ProductDetailSheet - Mobile product detail view - Matching Reference UI */

.product-detail-sheet[b-mypydfej1z] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-detail-sheet__inner[b-mypydfej1z] {
    padding: 0 1rem 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Header */
.product-detail-sheet__header[b-mypydfej1z] {
    margin-bottom: 1.5rem; /* mb-6 */
}

.product-detail-sheet__header h2[b-mypydfej1z] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    text-align: left;
}

/* Tabs - pill style matching reference */
.product-detail-sheet__tabs[b-mypydfej1z] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    background-color: #F3F4F6;
    border-radius: 9999px;
    padding: 0.25rem;
    margin-bottom: 1.5rem; /* mb-6 */
}

.product-detail-sheet__tab[b-mypydfej1z] {
    padding: 0.5rem 1rem;
    background: none;
    border: none;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    cursor: pointer;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
    text-align: center;
}

.product-detail-sheet__tab:hover[b-mypydfej1z] {
    background: rgba(255, 255, 255, 0.6);
}

.product-detail-sheet__tab--active[b-mypydfej1z] {
    background-color: #FFFFFF;
    color: #0F766E;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

/* Content */
.product-detail-sheet__content[b-mypydfej1z] {
    flex: 1;
    overflow-y: auto;
}

.product-detail-sheet__field[b-mypydfej1z] {
    margin-bottom: 1rem; /* space-y-4 */
}

.product-detail-sheet__field label[b-mypydfej1z] {
    display: block;
    font-size: 0.875rem; /* text-sm */
    color: #6B7280;
    margin-bottom: 0.25rem; /* mb-1 */
}

.product-detail-sheet__value[b-mypydfej1z] {
    margin: 0;
    font-size: 1.125rem; /* text-lg */
    color: #111827;
}

.product-detail-sheet__value--mono[b-mypydfej1z] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 1.125rem; /* text-lg */
}

.product-detail-sheet__value--large[b-mypydfej1z] {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 600; /* font-semibold */
    font-variant-numeric: tabular-nums;
}

.product-detail-sheet__value--muted[b-mypydfej1z] {
    font-size: 1rem; /* text-base */
    color: #6B7280;
    font-variant-numeric: tabular-nums;
    margin-top: 0.25rem; /* mt-1 */
}

.product-detail-sheet__empty[b-mypydfej1z] {
    color: #6B7280;
    font-style: italic;
}

/* Unit items */
.product-detail-sheet__unit-item[b-mypydfej1z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background-color: #F9FAFB;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
}

.product-detail-sheet__unit-name[b-mypydfej1z] {
    font-weight: 500;
    color: #111827;
}

.product-detail-sheet__unit-price[b-mypydfej1z],
.product-detail-sheet__unit-stock[b-mypydfej1z] {
    font-variant-numeric: tabular-nums;
    color: #6B7280;
}

/* Stock badge */
.product-detail-sheet__stock-badge[b-mypydfej1z] {
    display: inline-block;
    padding: 0.5rem 1rem; /* px-4 py-2 */
    font-size: 1rem; /* text-base */
    font-weight: 500; /* font-medium */
    border-radius: 9999px; /* rounded-full */
}

.product-detail-sheet__stock-badge--good[b-mypydfej1z] {
    background-color: rgba(34, 197, 94, 0.1);
    color: #22C55E;
}

.product-detail-sheet__stock-badge--low[b-mypydfej1z] {
    background-color: rgba(250, 204, 21, 0.1);
    color: #92400E;
}

.product-detail-sheet__stock-badge--critical[b-mypydfej1z] {
    background-color: rgba(220, 38, 38, 0.1);
    color: #DC2626;
}

/* Actions */
.product-detail-sheet__actions[b-mypydfej1z] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem; /* space-y-3 */
    padding-bottom: 1.5rem; /* pb-6 */
    margin-top: auto;
}

/* Button overrides for this sheet */
.product-detail-sheet__actions .btn[b-mypydfej1z] {
    height: 3rem; /* h-12 */
    font-size: 1rem; /* text-base */
}
/* _content/Duara.SharedUI/Components/Restaurant/ReservationDialog.razor.rz.scp.css */
/* =====================================================
   RESERVATION DIALOG
   ===================================================== */

.reservation-dialog[b-5xk30lu144] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.reservation-dialog__description[b-5xk30lu144] {
    margin: 0;
    font-size: 0.9375rem;
    color: #374151;
    line-height: 1.5;
}

/* Form */
.reservation-dialog__form[b-5xk30lu144] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.reservation-dialog__label[b-5xk30lu144] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

.reservation-dialog__required[b-5xk30lu144] {
    color: #DC2626;
}

.reservation-dialog__input[b-5xk30lu144] {
    width: 100%;
    height: 48px;
    padding: 0 1rem;
    background-color: white;
    border: 2px solid #E5E7EB;
    border-radius: 0.5rem;
    font-size: 1rem;
    color: #111827;
    transition: border-color 150ms ease;
}

.reservation-dialog__input[b-5xk30lu144]::placeholder {
    color: #9CA3AF;
}

.reservation-dialog__input:focus[b-5xk30lu144] {
    outline: none;
    border-color: #0F766E;
}

/* Error */
.reservation-dialog__error[b-5xk30lu144] {
    padding: 0.75rem 1rem;
    background-color: #FEF2F2;
    border: 1px solid #FCA5A5;
    border-radius: 0.5rem;
    color: #991B1B;
    font-size: 0.875rem;
}

/* Actions */
.reservation-dialog__actions[b-5xk30lu144] {
    display: flex;
    gap: 0.75rem;
}

.reservation-dialog__btn[b-5xk30lu144] {
    flex: 1;
}
/* _content/Duara.SharedUI/Components/Restaurant/TableDetailSheet.razor.rz.scp.css */
/* TableDetailSheet.razor.css */
/* Mobile-first design matching Figma reference */

.table-detail[b-mbb5tbd3bc] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.table-detail__loading[b-mbb5tbd3bc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #6B7280;
    font-size: 14px;
}

/* Status Banner */
.table-detail__status-banner[b-mbb5tbd3bc] {
    background-color: #FEE2E2;
    border-radius: 12px;
    padding: 16px;
}

.table-detail__status-banner--reserved[b-mbb5tbd3bc] {
    background-color: #FEF3C7;
}

.table-detail__status-banner--available[b-mbb5tbd3bc] {
    background-color: #D1FAE5;
}

.table-detail__status-text[b-mbb5tbd3bc] {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #DC2626;
}

.table-detail__status-banner--reserved .table-detail__status-text[b-mbb5tbd3bc] {
    color: #D97706;
}

.table-detail__status-banner--available .table-detail__status-text[b-mbb5tbd3bc] {
    color: #059669;
}

.table-detail__status-amount[b-mbb5tbd3bc] {
    margin: 4px 0 0;
    font-size: 14px;
    color: #DC2626;
}

.table-detail__status-banner--reserved .table-detail__status-amount[b-mbb5tbd3bc] {
    color: #D97706;
}

.table-detail__status-banner--available .table-detail__status-amount[b-mbb5tbd3bc] {
    color: #059669;
}

/* Order Section */
.table-detail__order-section[b-mbb5tbd3bc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.table-detail__section-title[b-mbb5tbd3bc] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 6px;
}

.table-detail__section-title--pending[b-mbb5tbd3bc] {
    color: #D97706;
}

.table-detail__section-title--pending svg[b-mbb5tbd3bc] {
    stroke: #D97706;
}

.table-detail__section-title--served[b-mbb5tbd3bc] {
    color: #059669;
}

.table-detail__section-title--served svg[b-mbb5tbd3bc] {
    stroke: #059669;
}

/* Items Card */
.table-detail__items-card[b-mbb5tbd3bc] {
    background-color: #FEF2F2;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 240px;
    overflow-y: auto;
}

.table-detail__items-card--pending[b-mbb5tbd3bc] {
    background-color: #FFFBEB;
    border: 1px solid #FCD34D;
}

.table-detail__items-card--served[b-mbb5tbd3bc] {
    background-color: #ECFDF5;
    border: 1px solid #A7F3D0;
}

.table-detail__item[b-mbb5tbd3bc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.table-detail__item-info[b-mbb5tbd3bc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.table-detail__item-name[b-mbb5tbd3bc] {
    color: #111827;
    font-size: 15px;
    font-weight: 500;
}

.table-detail__item-qty[b-mbb5tbd3bc] {
    font-size: 13px;
    color: #6B7280;
}

.table-detail__item-qty--pending[b-mbb5tbd3bc] {
    color: #D97706;
    font-weight: 500;
}

.table-detail__item--served[b-mbb5tbd3bc] {
    opacity: 0.8;
}

.table-detail__item--served .table-detail__item-name[b-mbb5tbd3bc] {
    text-decoration: line-through;
    text-decoration-color: #10B981;
}

.table-detail__item-price[b-mbb5tbd3bc] {
    font-weight: 600;
    color: #111827;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Total Section */
.table-detail__total[b-mbb5tbd3bc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px dashed #E5E7EB;
}

.table-detail__total-label[b-mbb5tbd3bc] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.table-detail__total-values[b-mbb5tbd3bc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.table-detail__total-usd[b-mbb5tbd3bc] {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.table-detail__total-cdf[b-mbb5tbd3bc] {
    font-size: 14px;
    color: #6B7280;
    font-variant-numeric: tabular-nums;
}

/* Error */
.table-detail__error[b-mbb5tbd3bc] {
    padding: 12px 16px;
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 8px;
    color: #991B1B;
    font-size: 14px;
}

/* Actions */
.table-detail__actions[b-mbb5tbd3bc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

/* Button Base */
.table-detail__btn[b-mbb5tbd3bc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    border: none;
    width: 100%;
}

.table-detail__btn:disabled[b-mbb5tbd3bc] {
    opacity: 0.5;
    cursor: not-allowed;
}

.table-detail__btn svg[b-mbb5tbd3bc] {
    flex-shrink: 0;
}

/* Primary Button */
.table-detail__btn--primary[b-mbb5tbd3bc] {
    background-color: #115E59;
    color: white;
}

.table-detail__btn--primary:hover:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #0D4F4A;
}

.table-detail__btn--primary:active:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #0A3F3B;
}

/* Secondary Button */
.table-detail__btn--secondary[b-mbb5tbd3bc] {
    background-color: #F3F4F6;
    color: #374151;
    border: 1px solid #E5E7EB;
}

.table-detail__btn--secondary:hover:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #E5E7EB;
}

/* Outline Button */
.table-detail__btn--outline[b-mbb5tbd3bc] {
    background-color: white;
    color: #374151;
    border: 1px solid #D1D5DB;
}

.table-detail__btn--outline:hover:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #F9FAFB;
    border-color: #9CA3AF;
}

/* Checkout variant */
.table-detail__btn--checkout[b-mbb5tbd3bc] {
    background-color: #115E59;
    color: white;
    border-color: #115E59;
}

.table-detail__btn--checkout:hover:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #0D4F4A;
    border-color: #0D4F4A;
}

/* Serve Button */
.table-detail__btn--serve[b-mbb5tbd3bc] {
    background-color: #D97706;
    color: white;
    border: none;
    margin-top: 8px;
}

.table-detail__btn--serve:hover:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #B45309;
}

.table-detail__btn--serve:active:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #92400E;
}

/* Button Row */
.table-detail__btn-row[b-mbb5tbd3bc] {
    display: flex;
    gap: 12px;
}

.table-detail__btn-row .table-detail__btn[b-mbb5tbd3bc] {
    flex: 1;
}

/* Danger Link Button */
.table-detail__btn--danger-link[b-mbb5tbd3bc] {
    background: transparent;
    color: #DC2626;
    padding: 14px 20px;
    font-weight: 500;
    border: 1px solid #FECACA;
    border-radius: 12px;
}

.table-detail__btn--danger-link:hover:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #FEF2F2;
    border-color: #FCA5A5;
}

.table-detail__btn--danger-link:active:not(:disabled)[b-mbb5tbd3bc] {
    background-color: #FEE2E2;
}

.table-detail__btn--danger-link svg[b-mbb5tbd3bc] {
    color: #DC2626;
}

/* Desktop adjustments */
@media (min-width: 640px) {
    .table-detail__items-card[b-mbb5tbd3bc] {
        max-height: 300px;
    }

    .table-detail__btn[b-mbb5tbd3bc] {
        padding: 12px 24px;
    }

    .table-detail__btn--danger-link[b-mbb5tbd3bc] {
        padding: 10px 20px;
    }
}
/* _content/Duara.SharedUI/Components/Restaurant/TableManagement.razor.rz.scp.css */
/* 
 * TableManagement Component
 * Grid layout for restaurant table management
 */

.duara-table-management[b-a87xxt488f] {
    min-height: 100vh;
    background-color: #F5F8FB;
    display: flex;
    flex-direction: column;
}

/* Header */
.duara-table-management__header[b-a87xxt488f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    padding: 1rem;
}

.duara-table-management__title[b-a87xxt488f] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.duara-table-management__header-actions[b-a87xxt488f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.duara-table-management__manage-btn[b-a87xxt488f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-table-management__manage-btn:hover[b-a87xxt488f] {
    background-color: #E5E7EB;
    border-color: #D1D5DB;
}

.duara-table-management__manage-btn:focus-visible[b-a87xxt488f] {
    outline: 2px solid #0F766E;
    outline-offset: 2px;
}

.duara-table-management__manage-btn--secondary[b-a87xxt488f] {
    background-color: transparent;
    border-color: #D1D5DB;
}

.duara-table-management__manage-btn--secondary:hover[b-a87xxt488f] {
    background-color: #F9FAFB;
}

.duara-table-management__manage-btn svg[b-a87xxt488f] {
    flex-shrink: 0;
}

/* Section Selector Bar */
.duara-table-management__section-bar[b-a87xxt488f] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
}

.duara-table-management__section-loading[b-a87xxt488f],
.duara-table-management__section-empty[b-a87xxt488f] {
    font-size: 0.875rem;
    color: #6B7280;
}

.duara-table-management__section-single[b-a87xxt488f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: #0F766E;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
}

.duara-table-management__section-single svg[b-a87xxt488f] {
    flex-shrink: 0;
    opacity: 0.9;
}

.duara-table-management__section-toggle[b-a87xxt488f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.duara-table-management__section-toggle-btn[b-a87xxt488f] {
    flex-shrink: 0;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-muted, #6B7280);
    background: var(--color-gray-100, #F3F4F6);
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.duara-table-management__section-toggle-btn:hover:not(.is-active)[b-a87xxt488f] {
    background: var(--color-gray-200, #E5E7EB);
}

.duara-table-management__section-toggle-btn.is-active[b-a87xxt488f] {
    background: var(--color-primary, #0F766E);
    color: white;
}

/* Filter Tabs */
.duara-table-management__filters[b-a87xxt488f] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
}

.duara-table-management__filter-btn[b-a87xxt488f] {
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid #E2E8F0;
    background-color: #FFFFFF;
    color: #374151;
}

.duara-table-management__filter-btn:hover:not(.is-active)[b-a87xxt488f] {
    background-color: #F9FAFB;
    border-color: #D1D5DB;
}

.duara-table-management__filter-btn.is-active[b-a87xxt488f] {
    background-color: #0F766E;
    border-color: #0F766E;
    color: #FFFFFF;
}

/* Content Area */
.duara-table-management__content[b-a87xxt488f] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}

.duara-table-management__loading[b-a87xxt488f],
.duara-table-management__error[b-a87xxt488f],
.duara-table-management__empty[b-a87xxt488f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    text-align: center;
    color: #6B7280;
    min-height: 50vh;
}

.duara-table-management__empty-icon[b-a87xxt488f] {
    color: #9CA3AF;
    margin-bottom: 0.5rem;
}

.duara-table-management__empty-text[b-a87xxt488f] {
    margin: 0;
    font-size: 1.125rem;
    color: #6B7280;
}

.duara-table-management__empty-action[b-a87xxt488f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.75rem 1.5rem;
    background-color: #0F766E;
    color: #FFFFFF;
    border: none;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.duara-table-management__empty-action:hover[b-a87xxt488f] {
    background-color: #115E59;
}

.duara-table-management__empty-action:focus-visible[b-a87xxt488f] {
    outline: 2px solid #0F766E;
    outline-offset: 2px;
}

.duara-table-management__error p[b-a87xxt488f] {
    margin: 0;
    color: #DC2626;
}

/* Table Grid */
.duara-table-management__grid[b-a87xxt488f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

/* Table Card */
.duara-table-management__card[b-a87xxt488f] {
    position: relative;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 2px solid;
    border-radius: 0.75rem;
    background-color: #FFFFFF;
    cursor: pointer;
    transition: all 0.15s ease;
}

.duara-table-management__card:hover[b-a87xxt488f] {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Pending Items Indicator */
.duara-table-management__card-pending[b-a87xxt488f] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    background-color: #F97316;
    color: #FFFFFF;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    animation: pulse-pending-b-a87xxt488f 2s infinite;
}

.duara-table-management__card-pending svg[b-a87xxt488f] {
    flex-shrink: 0;
}

@keyframes pulse-pending-b-a87xxt488f {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Status Colors */
.duara-table-management__card.is-available[b-a87xxt488f] {
    background-color: #F0FDF4;
    border-color: #16A34A;
}

.duara-table-management__card.is-occupied[b-a87xxt488f] {
    background-color: #FEF2F2;
    border-color: #DC2626;
}

.duara-table-management__card.is-reserved[b-a87xxt488f] {
    background-color: #FEF3C7;
    border-color: #F59E0B;
}

/* Card Content */
.duara-table-management__card-number[b-a87xxt488f] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
}

.duara-table-management__card-status[b-a87xxt488f] {
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Status Badge Colors - solid background with white text */
.duara-table-management__card-status.is-available[b-a87xxt488f] {
    background-color: #16A34A;
    color: #FFFFFF;
}

.duara-table-management__card-status.is-occupied[b-a87xxt488f] {
    background-color: #DC2626;
    color: #FFFFFF;
}

.duara-table-management__card-status.is-reserved[b-a87xxt488f] {
    background-color: #F59E0B;
    color: #FFFFFF;
}

.duara-table-management__card-divider[b-a87xxt488f] {
    width: 100%;
    height: 1px;
    background-color: #E5E7EB;
    margin: 0.25rem 0;
}

.duara-table-management__card-time[b-a87xxt488f] {
    font-size: 0.75rem;
    color: #6B7280;
}

.duara-table-management__card-total[b-a87xxt488f] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
}

.duara-table-management__card-reserved-by[b-a87xxt488f] {
    font-size: 0.75rem;
    color: #92400E;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* Tablet and up (3 columns) */
@media (min-width: 640px) {
    .duara-table-management__grid[b-a87xxt488f] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop (4 columns) */
@media (min-width: 1024px) {
    .duara-table-management__grid[b-a87xxt488f] {
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .duara-table-management__card[b-a87xxt488f] {
        padding: 1rem;
        gap: 0.75rem;
    }

    .duara-table-management__card-number[b-a87xxt488f] {
        font-size: 2rem;
    }
}

/* Large Desktop (5 columns) */
@media (min-width: 1280px) {
    .duara-table-management__grid[b-a87xxt488f] {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Extra Large (6 columns) */
@media (min-width: 1536px) {
    .duara-table-management__grid[b-a87xxt488f] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/Duara.SharedUI/Components/Restaurant/TableManagementAdmin.razor.rz.scp.css */
/* TableManagementAdmin.razor.css */
/* Admin CRUD for restaurant tables */

.table-admin[b-0r9pqqdr1v] {
    min-height: 200px;
}

.table-admin__loading[b-0r9pqqdr1v] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #6B7280;
    font-size: 14px;
}

/* List View */
.table-admin__list[b-0r9pqqdr1v] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.table-admin__list-header[b-0r9pqqdr1v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid #E5E7EB;
}

.table-admin__list-count[b-0r9pqqdr1v] {
    font-size: 14px;
    color: #6B7280;
}

.table-admin__empty[b-0r9pqqdr1v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 32px 16px;
    text-align: center;
    color: #6B7280;
}

.table-admin__empty-icon[b-0r9pqqdr1v] {
    color: #9CA3AF;
}

.table-admin__empty-text[b-0r9pqqdr1v] {
    margin: 0;
    font-size: 15px;
    color: #6B7280;
}

.table-admin__items[b-0r9pqqdr1v] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 400px;
    overflow-y: auto;
}

.table-admin__item[b-0r9pqqdr1v] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background-color: #F9FAFB;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
}

.table-admin__item--inactive[b-0r9pqqdr1v] {
    opacity: 0.5;
}

.table-admin__item-info[b-0r9pqqdr1v] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.table-admin__item-number[b-0r9pqqdr1v] {
    font-weight: 600;
    color: #111827;
    font-size: 15px;
}

.table-admin__item-details[b-0r9pqqdr1v] {
    font-size: 13px;
    color: #6B7280;
}

.table-admin__item-status[b-0r9pqqdr1v] {
    flex-shrink: 0;
    padding: 4px 10px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 500;
}

.table-admin__status--libre[b-0r9pqqdr1v] {
    background-color: #F0FDF4;
    color: #166534;
}

.table-admin__status--occupee[b-0r9pqqdr1v] {
    background-color: #FEF2F2;
    color: #991B1B;
}

.table-admin__status--reservee[b-0r9pqqdr1v] {
    background-color: #FEF3C7;
    color: #92400E;
}

.table-admin__item-actions[b-0r9pqqdr1v] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.table-admin__icon-btn[b-0r9pqqdr1v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #6B7280;
    cursor: pointer;
    transition: background-color 150ms, color 150ms;
}

.table-admin__icon-btn:hover:not(:disabled)[b-0r9pqqdr1v] {
    background-color: #E5E7EB;
    color: #111827;
}

.table-admin__icon-btn:disabled[b-0r9pqqdr1v] {
    opacity: 0.4;
    cursor: not-allowed;
}

.table-admin__icon-btn--danger:hover:not(:disabled)[b-0r9pqqdr1v] {
    background-color: #FEF2F2;
    color: #DC2626;
}

/* Form View */
.table-admin__form[b-0r9pqqdr1v] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.table-admin__form-title[b-0r9pqqdr1v] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.table-admin__form-field[b-0r9pqqdr1v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.table-admin__label[b-0r9pqqdr1v] {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

.table-admin__form-actions[b-0r9pqqdr1v] {
    display: flex;
    gap: 12px;
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #E5E7EB;
}

.table-admin__form-actions > *[b-0r9pqqdr1v] {
    flex: 1;
}

/* Confirm Delete View */
.table-admin__confirm[b-0r9pqqdr1v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 0;
}

.table-admin__confirm-icon[b-0r9pqqdr1v] {
    margin-bottom: 16px;
}

.table-admin__confirm-title[b-0r9pqqdr1v] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.table-admin__confirm-message[b-0r9pqqdr1v] {
    margin: 0 0 24px;
    color: #6B7280;
    font-size: 14px;
}

.table-admin__confirm-actions[b-0r9pqqdr1v] {
    display: flex;
    gap: 12px;
    width: 100%;
}

.table-admin__confirm-actions > *[b-0r9pqqdr1v] {
    flex: 1;
}

.table-admin__btn-danger[b-0r9pqqdr1v] {
    background-color: #DC2626 !important;
    border-color: #DC2626 !important;
}

.table-admin__btn-danger:hover[b-0r9pqqdr1v] {
    background-color: #B91C1C !important;
    border-color: #B91C1C !important;
}

/* Error */
.table-admin__error[b-0r9pqqdr1v] {
    padding: 12px 16px;
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 8px;
    color: #991B1B;
    font-size: 14px;
}
/* _content/Duara.SharedUI/Components/Restaurant/TransferDialog.razor.rz.scp.css */
/* =====================================================
   TRANSFER DIALOG
   ===================================================== */

.transfer-dialog[b-lnxg2i6pi0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Source table info */
.transfer-dialog__source[b-lnxg2i6pi0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #FEF2F2;
    border: 1px solid #FCA5A5;
    border-radius: 0.5rem;
}

.transfer-dialog__source-label[b-lnxg2i6pi0] {
    font-size: 0.875rem;
    color: #991B1B;
}

.transfer-dialog__source-value[b-lnxg2i6pi0] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #991B1B;
}

.transfer-dialog__description[b-lnxg2i6pi0] {
    margin: 0;
    font-size: 0.9375rem;
    color: #374151;
    line-height: 1.5;
}

/* Section Selector */
.transfer-dialog__section-selector[b-lnxg2i6pi0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
}

.transfer-dialog__section-label[b-lnxg2i6pi0] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    white-space: nowrap;
}

.transfer-dialog__section-dropdown[b-lnxg2i6pi0] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
}

.transfer-dialog__section-select[b-lnxg2i6pi0] {
    width: 100%;
    appearance: none;
    padding: 0.5rem 2rem 0.5rem 0.75rem;
    background-color: #FFFFFF;
    border: 1px solid #0F766E;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #0F766E;
    cursor: pointer;
}

.transfer-dialog__section-select:focus[b-lnxg2i6pi0] {
    outline: 2px solid #0F766E;
    outline-offset: 1px;
}

.transfer-dialog__section-chevron[b-lnxg2i6pi0] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #0F766E;
    pointer-events: none;
}

/* Loading */
.transfer-dialog__loading[b-lnxg2i6pi0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #6B7280;
}

/* Empty */
.transfer-dialog__empty[b-lnxg2i6pi0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.transfer-dialog__empty p[b-lnxg2i6pi0] {
    margin: 0;
    color: #6B7280;
}

/* Table grid */
.transfer-dialog__grid[b-lnxg2i6pi0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    max-height: 300px;
    overflow-y: auto;
    padding: 0.25rem;
}

@media (min-width: 640px) {
    .transfer-dialog__grid[b-lnxg2i6pi0] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Table card */
.transfer-dialog__table[b-lnxg2i6pi0] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 150ms ease;
}

.transfer-dialog__table.is-available[b-lnxg2i6pi0] {
    background-color: #F0FDF4;
    border-color: #16A34A;
}

.transfer-dialog__table.is-reserved[b-lnxg2i6pi0] {
    background-color: #FEF3C7;
    border-color: #F59E0B;
}

.transfer-dialog__table:hover[b-lnxg2i6pi0] {
    transform: scale(1.02);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.transfer-dialog__table.is-selected[b-lnxg2i6pi0] {
    outline: 3px solid #0F766E;
    outline-offset: 2px;
}

.transfer-dialog__table-number[b-lnxg2i6pi0] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
}

.transfer-dialog__table-status[b-lnxg2i6pi0] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    color: white;
}

.transfer-dialog__table.is-available .transfer-dialog__table-status[b-lnxg2i6pi0] {
    background-color: #16A34A;
}

.transfer-dialog__table.is-reserved .transfer-dialog__table-status[b-lnxg2i6pi0] {
    background-color: #F59E0B;
}

/* Checkmark */
.transfer-dialog__table-check[b-lnxg2i6pi0] {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #0F766E;
    border-radius: 50%;
    color: white;
}

/* Error */
.transfer-dialog__error[b-lnxg2i6pi0] {
    padding: 0.75rem 1rem;
    background-color: #FEF2F2;
    border: 1px solid #FCA5A5;
    border-radius: 0.5rem;
    color: #991B1B;
    font-size: 0.875rem;
}

/* Actions */
.transfer-dialog__actions[b-lnxg2i6pi0] {
    display: flex;
    gap: 0.75rem;
}

.transfer-dialog__btn[b-lnxg2i6pi0] {
    flex: 1;
}
/* _content/Duara.SharedUI/Components/Restaurant/WaiterAssignmentDialog.razor.rz.scp.css */
/* =====================================================
   WAITER ASSIGNMENT DIALOG
   ===================================================== */

.waiter-assignment[b-tkg6f2ga9p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Section info */
.waiter-assignment__section-info[b-tkg6f2ga9p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #F0FDF9;
    border: 1px solid #0F766E;
    border-radius: 0.5rem;
}

.waiter-assignment__section-label[b-tkg6f2ga9p] {
    font-size: 0.875rem;
    color: #0F766E;
}

.waiter-assignment__section-name[b-tkg6f2ga9p] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0F766E;
}

.waiter-assignment__description[b-tkg6f2ga9p] {
    margin: 0;
    font-size: 0.9375rem;
    color: #374151;
    line-height: 1.5;
}

/* Loading */
.waiter-assignment__loading[b-tkg6f2ga9p] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #6B7280;
}

/* Empty */
.waiter-assignment__empty[b-tkg6f2ga9p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    text-align: center;
}

.waiter-assignment__empty p[b-tkg6f2ga9p] {
    margin: 0;
    color: #6B7280;
}

.waiter-assignment__empty-hint[b-tkg6f2ga9p] {
    font-size: 0.8125rem;
    color: #9CA3AF;
}

/* Waiter list */
.waiter-assignment__list[b-tkg6f2ga9p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 300px;
    overflow-y: auto;
    padding: 0.25rem;
}

/* Waiter item */
.waiter-assignment__item[b-tkg6f2ga9p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 150ms ease;
}

.waiter-assignment__item:hover[b-tkg6f2ga9p] {
    border-color: #D1D5DB;
    background-color: #F9FAFB;
}

.waiter-assignment__item.is-assigned[b-tkg6f2ga9p] {
    background-color: #F0FDF9;
    border-color: #0F766E;
}

.waiter-assignment__checkbox[b-tkg6f2ga9p] {
    width: 18px;
    height: 18px;
    accent-color: #0F766E;
    cursor: pointer;
}

.waiter-assignment__item-content[b-tkg6f2ga9p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.waiter-assignment__item-name[b-tkg6f2ga9p] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.waiter-assignment__item-email[b-tkg6f2ga9p] {
    font-size: 0.8125rem;
    color: #6B7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.waiter-assignment__item-check[b-tkg6f2ga9p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #0F766E;
    border-radius: 50%;
    color: white;
    flex-shrink: 0;
}

/* Error */
.waiter-assignment__error[b-tkg6f2ga9p] {
    padding: 0.75rem 1rem;
    background-color: #FEF2F2;
    border: 1px solid #FCA5A5;
    border-radius: 0.5rem;
    color: #991B1B;
    font-size: 0.875rem;
}

/* Actions */
.waiter-assignment__actions[b-tkg6f2ga9p] {
    display: flex;
    gap: 0.75rem;
}

.waiter-assignment__btn[b-tkg6f2ga9p] {
    flex: 1;
}
/* _content/Duara.SharedUI/Components/Shifts/CloseShift.razor.rz.scp.css */
/* CloseShift styles - extends OpenShift.razor.css */
/* Based on Figma design from Reference UI */

.shift-dialog[b-mhb2flb445] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Intro section */
.shift-dialog__intro[b-mhb2flb445] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.shift-dialog__intro-title[b-mhb2flb445] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.shift-dialog__intro-subtitle[b-mhb2flb445] {
    margin: 0;
    font-size: 16px;
    color: #374151;
}

/* Blind count banner */
.shift-dialog__blind-banner[b-mhb2flb445] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    background-color: #FEF3C7;
    border: 1px solid #FCD34D;
    border-radius: 8px;
}

.shift-dialog__blind-icon[b-mhb2flb445] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #B45309;
    margin-top: 1px;
}

.shift-dialog__blind-banner p[b-mhb2flb445] {
    margin: 0;
    font-size: 14px;
    color: #92400E;
    line-height: 1.5;
}

/* Empty state */
.shift-dialog__empty[b-mhb2flb445] {
    padding: 24px;
    text-align: center;
    background-color: #F9FAFB;
    border-radius: 12px;
}

.shift-dialog__empty p[b-mhb2flb445] {
    margin: 0;
    font-size: 16px;
    color: #6B7280;
}

/* Shift info badge */
.shift-dialog__info-badge[b-mhb2flb445] {
    background-color: #F0FDF4;
    border: 1px solid #BBF7D0;
    border-radius: 8px;
    padding: 12px 16px;
}

.shift-dialog__info-badge p[b-mhb2flb445] {
    margin: 0;
    font-size: 14px;
    color: #166534;
    line-height: 1.5;
}

/* Input mode toggle */
.shift-dialog__mode-toggle[b-mhb2flb445] {
    display: flex;
    gap: 8px;
    padding: 4px;
    background-color: #F3F4F6;
    border-radius: 10px;
}

.shift-dialog__mode-pill[b-mhb2flb445] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    color: #6B7280;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 150ms;
}

.shift-dialog__mode-pill:hover:not(:disabled)[b-mhb2flb445] {
    color: #374151;
    background-color: rgba(255, 255, 255, 0.5);
}

.shift-dialog__mode-pill.is-active[b-mhb2flb445] {
    color: #111827;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.shift-dialog__mode-pill:disabled[b-mhb2flb445] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Divider */
.shift-dialog__divider[b-mhb2flb445] {
    height: 1px;
    background-color: #E5E7EB;
    margin: 4px 0;
}

/* Currency section (for note counter mode) */
.shift-dialog__currency-section[b-mhb2flb445] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.shift-dialog__currency-header[b-mhb2flb445] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shift-dialog__currency-title[b-mhb2flb445] {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.shift-dialog__currency-total[b-mhb2flb445] {
    font-size: 14px;
    font-weight: 600;
    color: #0F766E;
}

/* Note counter grid */
.shift-dialog__note-grid[b-mhb2flb445] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}

/* Form fields */
.shift-dialog__field[b-mhb2flb445] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.shift-dialog__label[b-mhb2flb445] {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6B7280;
}

.shift-dialog__label--normal[b-mhb2flb445] {
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    color: #374151;
}

/* Currency input wrapper */
.shift-dialog__input-wrapper[b-mhb2flb445] {
    position: relative;
    display: flex;
    align-items: center;
}

.shift-dialog__currency-symbol[b-mhb2flb445] {
    position: absolute;
    left: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #6B7280;
    pointer-events: none;
}

.shift-dialog__input[b-mhb2flb445] {
    width: 100%;
    height: 64px;
    padding: 0 20px 0 48px;
    font-size: 24px;
    font-weight: 600;
    color: #111827;
    text-align: right;
    background-color: #F9FAFB;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    outline: none;
    transition: border-color 150ms, box-shadow 150ms;
    -moz-appearance: textfield;
}

.shift-dialog__input[b-mhb2flb445]::-webkit-outer-spin-button,
.shift-dialog__input[b-mhb2flb445]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.shift-dialog__input[b-mhb2flb445]::placeholder {
    color: #9CA3AF;
}

.shift-dialog__input:focus[b-mhb2flb445] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.shift-dialog__input:disabled[b-mhb2flb445] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Textarea */
.shift-dialog__textarea[b-mhb2flb445] {
    width: 100%;
    min-height: 80px;
    padding: 16px;
    font-size: 16px;
    font-family: inherit;
    color: #111827;
    background-color: #ffffff;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    outline: none;
    resize: vertical;
    transition: border-color 150ms, box-shadow 150ms;
}

.shift-dialog__textarea[b-mhb2flb445]::placeholder {
    color: #9CA3AF;
}

.shift-dialog__textarea:focus[b-mhb2flb445] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.shift-dialog__textarea:disabled[b-mhb2flb445] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Error message */
.shift-dialog__error[b-mhb2flb445] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 8px;
    color: #991B1B;
    font-size: 14px;
}

.shift-dialog__error-icon[b-mhb2flb445] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #DC2626;
}

/* Footer actions */
.shift-dialog__actions[b-mhb2flb445] {
    display: flex;
    gap: 12px;
}

.shift-dialog__btn[b-mhb2flb445] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 56px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 150ms, border-color 150ms, opacity 150ms;
}

.shift-dialog__btn:disabled[b-mhb2flb445] {
    opacity: 0.6;
    cursor: not-allowed;
}

.shift-dialog__btn--secondary[b-mhb2flb445] {
    flex: 1;
    background-color: transparent;
    border: 2px solid #E5E7EB;
    color: #374151;
}

.shift-dialog__btn--secondary:hover:not(:disabled)[b-mhb2flb445] {
    background-color: #F9FAFB;
}

.shift-dialog__btn--primary[b-mhb2flb445] {
    flex: 2;
    background-color: #0F766E;
    border: none;
    color: #ffffff;
}

.shift-dialog__btn--primary:hover:not(:disabled)[b-mhb2flb445] {
    background-color: #115E59;
}

.shift-dialog__btn--danger[b-mhb2flb445] {
    flex: 2;
    background-color: #DC2626;
    border: none;
    color: #ffffff;
}

.shift-dialog__btn--danger:hover:not(:disabled)[b-mhb2flb445] {
    background-color: #B91C1C;
}

/* Loading spinner */
.shift-dialog__spinner[b-mhb2flb445] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: shift-dialog-spin-b-mhb2flb445 0.8s linear infinite;
}

@keyframes shift-dialog-spin-b-mhb2flb445 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Lock icon for close button */
.shift-dialog__lock-icon[b-mhb2flb445] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Mobile responsive */
@media (max-width: 480px) {
    .shift-dialog__mode-toggle[b-mhb2flb445] {
        flex-direction: column;
    }

    .shift-dialog__note-grid[b-mhb2flb445] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/Duara.SharedUI/Components/Shifts/OpenShift.razor.rz.scp.css */
/* Shared styles for shift dialogs (OpenShift, CloseShift) */
/* Based on Figma design from Reference UI */

.shift-dialog[b-ytv0i2qdep] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Intro section */
.shift-dialog__intro[b-ytv0i2qdep] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.shift-dialog__intro-title[b-ytv0i2qdep] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.shift-dialog__intro-subtitle[b-ytv0i2qdep] {
    margin: 0;
    font-size: 14px;
    color: #6B7280;
}

/* Shift info badge (for closing dialog) */
.shift-dialog__info-badge[b-ytv0i2qdep] {
    background-color: #F0FDF4;
    border: 1px solid #BBF7D0;
    border-radius: 8px;
    padding: 12px 16px;
}

.shift-dialog__info-badge p[b-ytv0i2qdep] {
    margin: 0;
    font-size: 14px;
    color: #166534;
    line-height: 1.5;
}

/* Divider */
.shift-dialog__divider[b-ytv0i2qdep] {
    height: 1px;
    background-color: #E5E7EB;
    margin: 4px 0;
}

/* Form fields */
.shift-dialog__field[b-ytv0i2qdep] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.shift-dialog__label[b-ytv0i2qdep] {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6B7280;
}

.shift-dialog__label--normal[b-ytv0i2qdep] {
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    color: #374151;
}

/* Currency input wrapper */
.shift-dialog__input-wrapper[b-ytv0i2qdep] {
    position: relative;
    display: flex;
    align-items: center;
}

.shift-dialog__currency-symbol[b-ytv0i2qdep] {
    position: absolute;
    left: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #6B7280;
    pointer-events: none;
}

.shift-dialog__input[b-ytv0i2qdep] {
    width: 100%;
    height: 64px;
    padding: 0 20px 0 48px;
    font-size: 24px;
    font-weight: 600;
    color: #111827;
    text-align: right;
    background-color: #F9FAFB;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    outline: none;
    transition: border-color 150ms, box-shadow 150ms;
    -moz-appearance: textfield;
}

.shift-dialog__input[b-ytv0i2qdep]::-webkit-outer-spin-button,
.shift-dialog__input[b-ytv0i2qdep]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.shift-dialog__input[b-ytv0i2qdep]::placeholder {
    color: #9CA3AF;
}

.shift-dialog__input:focus[b-ytv0i2qdep] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.shift-dialog__input:disabled[b-ytv0i2qdep] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Textarea */
.shift-dialog__textarea[b-ytv0i2qdep] {
    width: 100%;
    min-height: 80px;
    padding: 16px;
    font-size: 16px;
    font-family: inherit;
    color: #111827;
    background-color: #ffffff;
    border: 2px solid #E5E7EB;
    border-radius: 12px;
    outline: none;
    resize: vertical;
    transition: border-color 150ms, box-shadow 150ms;
}

.shift-dialog__textarea[b-ytv0i2qdep]::placeholder {
    color: #9CA3AF;
}

.shift-dialog__textarea:focus[b-ytv0i2qdep] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.shift-dialog__textarea:disabled[b-ytv0i2qdep] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Error message */
.shift-dialog__error[b-ytv0i2qdep] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 8px;
    color: #991B1B;
    font-size: 14px;
}

.shift-dialog__error-icon[b-ytv0i2qdep] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #DC2626;
}

/* Footer actions */
.shift-dialog__actions[b-ytv0i2qdep] {
    display: flex;
    gap: 12px;
}

.shift-dialog__btn[b-ytv0i2qdep] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 56px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 150ms, border-color 150ms, opacity 150ms;
}

.shift-dialog__btn:disabled[b-ytv0i2qdep] {
    opacity: 0.6;
    cursor: not-allowed;
}

.shift-dialog__btn--secondary[b-ytv0i2qdep] {
    flex: 1;
    background-color: transparent;
    border: 2px solid #E5E7EB;
    color: #374151;
}

.shift-dialog__btn--secondary:hover:not(:disabled)[b-ytv0i2qdep] {
    background-color: #F9FAFB;
}

.shift-dialog__btn--primary[b-ytv0i2qdep] {
    flex: 2;
    background-color: #0F766E;
    border: none;
    color: #ffffff;
}

.shift-dialog__btn--primary:hover:not(:disabled)[b-ytv0i2qdep] {
    background-color: #115E59;
}

.shift-dialog__btn--danger[b-ytv0i2qdep] {
    flex: 2;
    background-color: #DC2626;
    border: none;
    color: #ffffff;
}

.shift-dialog__btn--danger:hover:not(:disabled)[b-ytv0i2qdep] {
    background-color: #B91C1C;
}

/* Loading spinner */
.shift-dialog__spinner[b-ytv0i2qdep] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: shift-dialog-spin-b-ytv0i2qdep 0.8s linear infinite;
}

@keyframes shift-dialog-spin-b-ytv0i2qdep {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Lock icon for close button */
.shift-dialog__lock-icon[b-ytv0i2qdep] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
/* _content/Duara.SharedUI/Components/Shifts/ShiftRequiredModal.razor.rz.scp.css */
/* ShiftRequiredModal - Modal shown when action requires open shift */
/* Uses Button component for actions */

.shift-required[b-zbnqurihwg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 8px 0;
    text-align: center;
}

/* Warning icon */
.shift-required__icon-wrapper[b-zbnqurihwg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: #FEF3C7;
    border-radius: 50%;
}

.shift-required__icon[b-zbnqurihwg] {
    width: 32px;
    height: 32px;
    color: #D97706;
}

/* Message */
.shift-required__message[b-zbnqurihwg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.shift-required__title[b-zbnqurihwg] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.shift-required__description[b-zbnqurihwg] {
    margin: 0;
    font-size: 14px;
    color: #6B7280;
    line-height: 1.5;
}

/* Admin bypass warning */
.shift-required__bypass-warning[b-zbnqurihwg] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    background-color: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 8px;
    text-align: left;
    font-size: 13px;
    color: #1E40AF;
}

.shift-required__bypass-icon[b-zbnqurihwg] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: #3B82F6;
    margin-top: 1px;
}

/* Footer actions - main buttons side by side */
.shift-required__actions[b-zbnqurihwg] {
    display: flex;
    gap: 12px;
    width: 100%;
}

.shift-required__actions > :deep(.duara-button)[b-zbnqurihwg] {
    flex: 1;
}

/* Bypass action - separate row, centered */
.shift-required__bypass-action[b-zbnqurihwg] {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #E5E7EB;
}
/* _content/Duara.SharedUI/Components/Shifts/ShiftStatusCard.razor.rz.scp.css */
/* ShiftStatusCard - Compact status display for shift state */

.shift-status-card[b-t0mrbktcds] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    transition: background-color 150ms, border-color 150ms;
}

/* Closed state - attention-grabbing */
.shift-status-card--closed[b-t0mrbktcds] {
    background-color: #FEF3C7;
    border: 1px solid #F59E0B;
}

/* Open state - calm green */
.shift-status-card--open[b-t0mrbktcds] {
    background-color: #F0FDF4;
    border: 1px solid #22C55E;
}

/* Status indicator dot */
.shift-status-card__indicator[b-t0mrbktcds] {
    flex-shrink: 0;
}

.shift-status-card__dot[b-t0mrbktcds] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.shift-status-card__dot--active[b-t0mrbktcds] {
    background-color: #22C55E;
    animation: shift-status-pulse-b-t0mrbktcds 2s ease-in-out infinite;
}

.shift-status-card__dot--inactive[b-t0mrbktcds] {
    background-color: #F59E0B;
}

@keyframes shift-status-pulse-b-t0mrbktcds {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Content area */
.shift-status-card__content[b-t0mrbktcds] {
    flex: 1;
    min-width: 0;
}

.shift-status-card__header[b-t0mrbktcds] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.shift-status-card__status[b-t0mrbktcds] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

.shift-status-card__duration[b-t0mrbktcds] {
    font-size: 13px;
    font-weight: 500;
    color: #0F766E;
    background-color: rgba(15, 118, 110, 0.1);
    padding: 2px 8px;
    border-radius: 4px;
}

.shift-status-card__details[b-t0mrbktcds] {
    margin-top: 2px;
}

.shift-status-card__float[b-t0mrbktcds] {
    font-size: 13px;
    color: #374151;
}

.shift-status-card__hint[b-t0mrbktcds] {
    font-size: 13px;
    color: #92400E;
}

/* Action button */
.shift-status-card__action[b-t0mrbktcds] {
    flex-shrink: 0;
}

.shift-status-card__btn[b-t0mrbktcds] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
    font-family: inherit;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 150ms, opacity 150ms;
    border: none;
}

.shift-status-card__btn svg[b-t0mrbktcds] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.shift-status-card__btn--open[b-t0mrbktcds] {
    background-color: #0F766E;
    color: #ffffff;
}

.shift-status-card__btn--open:hover[b-t0mrbktcds] {
    background-color: #115E59;
}

.shift-status-card__btn--close[b-t0mrbktcds] {
    background-color: #ffffff;
    color: #374151;
    border: 1px solid #D1D5DB;
}

.shift-status-card__btn--close:hover[b-t0mrbktcds] {
    background-color: #F9FAFB;
}

.shift-status-card__btn-text[b-t0mrbktcds] {
    /* Hide on mobile, show on larger screens */
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .shift-status-card[b-t0mrbktcds] {
        padding: 10px 12px;
        gap: 10px;
    }

    .shift-status-card__btn-text[b-t0mrbktcds] {
        display: none;
    }

    .shift-status-card__btn[b-t0mrbktcds] {
        width: 36px;
        padding: 0;
    }

    .shift-status-card__duration[b-t0mrbktcds] {
        font-size: 12px;
        padding: 1px 6px;
    }
}
/* _content/Duara.SharedUI/Components/Stock/AdjustmentTypeSelector.razor.rz.scp.css */
.adjustment-type[b-lexdd9pccr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.adjustment-type__option[b-lexdd9pccr] {
    border: 1px solid var(--color-gray-200);
    background: white;
    border-radius: 0.85rem;
    padding: 0.75rem;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
}

.adjustment-type__option.is-selected[b-lexdd9pccr] {
    border-color: var(--color-primary);
    background: var(--color-gray-50);
}

.adjustment-type__icon[b-lexdd9pccr] {
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.adjustment-type__label[b-lexdd9pccr] {
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-900);
}

@media (max-width: 520px) {
    .adjustment-type[b-lexdd9pccr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Duara.SharedUI/Components/Stock/AdjustStock.razor.rz.scp.css */
.adjust-stock[b-l75m8djpub] {
    display: grid;
    gap: 1.5rem;
}

.adjust-stock__card[b-l75m8djpub] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1rem;
}

.adjust-stock__card-icon[b-l75m8djpub] {
    width: 40px;
    height: 40px;
    border-radius: 0.75rem;
    background: #0F766E;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.adjust-stock__card-icon svg[b-l75m8djpub] {
    width: 20px;
    height: 20px;
}

.adjust-stock__card-body h4[b-l75m8djpub] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.adjust-stock__card-body p[b-l75m8djpub] {
    margin: 0 0 0.5rem;
    font-size: 0.875rem;
    color: #6B7280;
}

.adjust-stock__card-qty[b-l75m8djpub] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #6B7280;
}

.adjust-stock__card-qty strong[b-l75m8djpub] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.adjust-stock__card-qty strong.is-negative[b-l75m8djpub] {
    color: #DC2626;
}

.adjust-stock__section label[b-l75m8djpub] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    display: block;
    margin-bottom: 0.5rem;
}

.adjust-stock__section label span[b-l75m8djpub] {
    color: #DC2626;
}

.adjust-stock__type-toggle[b-l75m8djpub] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    background: #F3F4F6;
    padding: 0.25rem;
    border-radius: 0.75rem;
}

.adjust-stock__type-btn[b-l75m8djpub] {
    border: none;
    background: transparent;
    padding: 0.65rem 0.5rem;
    border-radius: 0.65rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #6B7280;
    cursor: pointer;
    transition: background 150ms, color 150ms;
}

.adjust-stock__type-btn.is-active[b-l75m8djpub] {
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
}

.adjust-stock__type-btn--add.is-active[b-l75m8djpub] {
    background: #22C55E;
}

.adjust-stock__type-btn--remove.is-active[b-l75m8djpub] {
    background: #F59E0B;
}

.adjust-stock__type-btn--set.is-active[b-l75m8djpub] {
    background: #0F766E;
}

.adjust-stock__quantity[b-l75m8djpub] {
    position: relative;
}

.adjust-stock__quantity input[b-l75m8djpub] {
    width: 100%;
    height: 56px;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0 4.5rem 0 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    outline: none;
}

.adjust-stock__quantity input:focus[b-l75m8djpub] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.2);
}

.adjust-stock__quantity span[b-l75m8djpub] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    font-weight: 500;
    color: #6B7280;
}

.adjust-stock__preview[b-l75m8djpub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 0.75rem;
    padding: 1rem;
    font-size: 0.875rem;
    color: #1E40AF;
}

.adjust-stock__preview strong[b-l75m8djpub] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E40AF;
}

.adjust-stock__preview strong.is-negative[b-l75m8djpub] {
    color: #DC2626;
}

.adjust-stock textarea[b-l75m8djpub] {
    width: 100%;
    border: 2px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    color: #111827;
    resize: none;
    outline: none;
}

.adjust-stock textarea:focus[b-l75m8djpub] {
    border-color: #0F766E;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.2);
}

.adjust-stock__actions[b-l75m8djpub] {
    display: flex;
    gap: 0.75rem;
}

.adjust-stock__actions .btn[b-l75m8djpub] {
    flex: 1;
}

.adjust-stock__error[b-l75m8djpub] {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: #F9FAFB;
    color: #DC2626;
}

.adjust-stock__field-error[b-l75m8djpub] {
    margin: 0.35rem 0 0;
    font-size: 0.75rem;
    color: #DC2626;
}
/* _content/Duara.SharedUI/Components/Stock/AnomalyCard.razor.rz.scp.css */
.anomaly-card[b-kvtj8hlfqq] {
    width: 100%;
    text-align: left;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    padding: 1rem;
    display: grid;
    gap: 0.75rem;
    cursor: pointer;
}

.anomaly-card.is-unresolved[b-kvtj8hlfqq] {
    border-color: color-mix(in srgb, var(--color-danger) 35%, var(--color-border));
}

.anomaly-card.is-resolved[b-kvtj8hlfqq] {
    border-color: color-mix(in srgb, var(--color-success) 35%, var(--color-border));
    cursor: default;
    opacity: 0.92;
}

.anomaly-card:disabled[b-kvtj8hlfqq] {
    cursor: default;
}

.anomaly-card__top[b-kvtj8hlfqq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.anomaly-card__title[b-kvtj8hlfqq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.anomaly-card__product[b-kvtj8hlfqq] {
    color: var(--color-gray-900);
    font-size: var(--text-base);
}

.anomaly-card__warehouse[b-kvtj8hlfqq] {
    color: var(--color-gray-600);
    font-size: var(--text-sm);
}

.anomaly-card__meta[b-kvtj8hlfqq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.anomaly-card__stat[b-kvtj8hlfqq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.anomaly-card__label[b-kvtj8hlfqq] {
    font-size: var(--text-xs);
    color: var(--color-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.anomaly-card__value[b-kvtj8hlfqq] {
    color: var(--color-gray-900);
    font-weight: var(--font-weight-semibold);
    font-variant-numeric: tabular-nums;
}

.anomaly-card__refs[b-kvtj8hlfqq] {
    display: grid;
    gap: 0.15rem;
}

.anomaly-card__refs-value[b-kvtj8hlfqq] {
    color: var(--color-gray-700);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 520px) {
    .anomaly-card__meta[b-kvtj8hlfqq] {
        grid-template-columns: 1fr;
    }
}
/* _content/Duara.SharedUI/Components/Stock/ResolveAnomaly.razor.rz.scp.css */
.resolve-anomaly[b-a0rzrsg3sx] {
    display: grid;
    gap: 1rem;
}

.resolve-anomaly-sheet .duara-sheet__body[b-a0rzrsg3sx] {
    padding: 1.5rem 1.25rem 1.75rem;
}

.resolve-anomaly__header h2[b-a0rzrsg3sx] {
    margin: 0;
}

.resolve-anomaly__summary[b-a0rzrsg3sx] {
    margin: 0;
    color: var(--color-gray-800);
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.resolve-anomaly__min[b-a0rzrsg3sx] {
    margin: 0;
    color: var(--color-gray-700);
}

.resolve-anomaly__section[b-a0rzrsg3sx] {
    display: grid;
    gap: 0.5rem;
}

.resolve-anomaly__actions[b-a0rzrsg3sx] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

@media (min-width: 720px) {
    .resolve-anomaly__actions[b-a0rzrsg3sx] {
        grid-template-columns: 1fr 1fr;
    }
}

.resolve-anomaly__error[b-a0rzrsg3sx] {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: var(--color-gray-50);
    color: var(--color-danger);
}
/* _content/Duara.SharedUI/Components/Stock/StockLevelCard.razor.rz.scp.css */
.stock-level-card[b-nzdj91z304] {
    border: 2px solid var(--color-gray-200);
    background: #ffffff;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    transition: box-shadow 150ms, border-color 150ms;
}

.stock-level-card__body[b-nzdj91z304] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.stock-level-card__info[b-nzdj91z304] {
    flex: 1;
    min-width: 0;
}

.stock-level-card__name[b-nzdj91z304] {
    margin: 0 0 0.35rem;
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
    letter-spacing: 0.01em;
}

.stock-level-card__warehouse[b-nzdj91z304] {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    color: #6B7280;
}

.stock-level-card__quantity[b-nzdj91z304] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.stock-level-card__amount[b-nzdj91z304] {
    font-size: 2.25rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.stock-level-card__unit[b-nzdj91z304] {
    font-size: 1.1rem;
    color: #6B7280;
}

.stock-level-card__badge[b-nzdj91z304] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.stock-level-card__badge-icon[b-nzdj91z304] {
    width: 14px;
    height: 14px;
    display: inline-flex;
}

.stock-level-card__badge-icon svg[b-nzdj91z304] {
    width: 14px;
    height: 14px;
}
.stock-level-card__badge--anomaly[b-nzdj91z304] {
    background: rgba(220, 38, 38, 0.1);
    color: #DC2626;
}

.stock-level-card__badge--critical[b-nzdj91z304] {
    background: rgba(220, 38, 38, 0.1);
    color: #DC2626;
}

.stock-level-card__badge--low[b-nzdj91z304] {
    background: rgba(245, 158, 11, 0.1);
    color: #92400E;
}

.stock-level-card__adjust[b-nzdj91z304] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1rem;
    border-radius: 0.75rem;
    border: none;
    background: #0F766E;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.stock-level-card__adjust-icon[b-nzdj91z304] {
    width: 16px;
    height: 16px;
    display: inline-flex;
}

.stock-level-card__adjust-icon svg[b-nzdj91z304] {
    width: 16px;
    height: 16px;
}
.stock-level-card__adjust:hover[b-nzdj91z304] {
    background: #115E59;
}

.stock-level-card--anomaly[b-nzdj91z304] {
    border-color: #DC2626;
}

.stock-level-card--critical[b-nzdj91z304] {
    border-color: #DC2626;
}

.stock-level-card--low[b-nzdj91z304] {
    border-color: #F59E0B;
}

@media (max-width: 640px) {
    .stock-level-card__body[b-nzdj91z304] {
        flex-direction: column;
        align-items: stretch;
    }

    .stock-level-card__adjust[b-nzdj91z304] {
        justify-content: center;
        width: 100%;
    }
}
/* _content/Duara.SharedUI/Components/Stock/WarehouseSelector.razor.rz.scp.css */
.warehouse-selector[b-lo16sotbyx] {
    display: grid;
    gap: 0.25rem;
    min-width: 260px;
}

.warehouse-selector__label[b-lo16sotbyx] {
    color: var(--color-gray-600);
    font-size: var(--text-sm);
}

.warehouse-selector__select[b-lo16sotbyx] {
    height: 44px;
    border-radius: 0.75rem;
    border: 1px solid var(--color-gray-200);
    padding: 0 0.75rem;
    background: white;
}
/* _content/Duara.SharedUI/Components/UI/AppBar.razor.rz.scp.css */
.duara-appbar[b-2vinu633th] {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  padding: var(--spacing-3) var(--spacing-4);
  background-color: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 4px 18px color-mix(in srgb, var(--color-gray-900) 10%, transparent);
}

.duara-appbar__menu[b-2vinu633th] {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background-color: var(--color-gray-100);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.duara-appbar__menu span[b-2vinu633th] {
  position: relative;
  width: 18px;
  height: 2px;
  background-color: var(--color-gray-800);
}

.duara-appbar__menu span[b-2vinu633th]::before,
.duara-appbar__menu span[b-2vinu633th]::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background-color: inherit;
}

.duara-appbar__menu span[b-2vinu633th]::before {
  top: -6px;
}

.duara-appbar__menu span[b-2vinu633th]::after {
  top: 6px;
}

.duara-appbar__menu:hover[b-2vinu633th] {
  background-color: var(--color-gray-200);
}

.duara-appbar__title-group[b-2vinu633th] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  flex: 1;
}

.duara-appbar__title[b-2vinu633th] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
}

.duara-appbar__sync-indicator[b-2vinu633th] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
}

.duara-appbar__sync-indicator--online[b-2vinu633th] {
  color: var(--color-primary);
}

.duara-appbar__sync-indicator--offline[b-2vinu633th] {
  color: var(--color-danger);
}

.duara-appbar__actions[b-2vinu633th] {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
}

@media (max-width: 640px) {
  .duara-appbar__title[b-2vinu633th] {
    font-size: var(--text-lg);
  }
}

@media (min-width: 1024px) {
  .duara-appbar__menu[b-2vinu633th] {
    display: none;
  }
}
/* _content/Duara.SharedUI/Components/UI/Badge.razor.rz.scp.css */
.duara-badge[b-rhu0j717dq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px; /* rounded-full */
  padding: 0.5rem 1rem; /* py-2 px-4 */
  height: auto;
  min-height: 32px;
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  letter-spacing: 0.01em;
  background-color: var(--color-gray-500);
  color: white;
}

/* Small size - for room cards and compact displays */
.duara-badge--sm[b-rhu0j717dq] {
  padding: 0.125rem 0.5rem; /* py-0.5 px-2 */
  min-height: auto;
  font-size: 0.75rem; /* text-xs */
}

.duara-badge--success[b-rhu0j717dq] {
  background-color: #16A34A; /* green-600 */
  color: white;
}

.duara-badge--warning[b-rhu0j717dq] {
  background-color: #F59E0B; /* amber-500 */
  color: white;
}

.duara-badge--danger[b-rhu0j717dq] {
  background-color: #DC2626; /* red-600 */
  color: white;
}

.duara-badge--info[b-rhu0j717dq] {
  background-color: var(--color-primary); /* #0F766E teal */
  color: white;
}

.duara-badge--neutral[b-rhu0j717dq] {
  background-color: var(--color-gray-400);
  color: white;
}

/* Outline variants */
.duara-badge--outline[b-rhu0j717dq] {
  background-color: transparent;
  border: 1px solid currentColor;
}

.duara-badge--outline.duara-badge--success[b-rhu0j717dq] {
  background-color: transparent;
  color: #22C55E;
}

.duara-badge--outline.duara-badge--warning[b-rhu0j717dq] {
  background-color: transparent;
  color: #CA8A04;
}

.duara-badge--outline.duara-badge--danger[b-rhu0j717dq] {
  background-color: transparent;
  color: #DC2626;
}

.duara-badge--outline.duara-badge--info[b-rhu0j717dq] {
  background-color: transparent;
  color: var(--color-primary);
}

.duara-badge--outline.duara-badge--neutral[b-rhu0j717dq] {
  background-color: transparent;
  color: #9CA3AF;
}
/* _content/Duara.SharedUI/Components/UI/BarcodeScanner.razor.rz.scp.css */
/* Barcode Scanner Overlay */
.barcode-scanner-overlay[b-uze0qnakyt] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem;
}

.barcode-scanner-modal[b-uze0qnakyt] {
    background-color: var(--surface);
    border-radius: 8px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.barcode-scanner-header[b-uze0qnakyt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid var(--border);
}

.barcode-scanner-header h2[b-uze0qnakyt] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.barcode-scanner-close[b-uze0qnakyt] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-secondary);
    padding: 0.25rem 0.5rem;
    line-height: 1;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
}

.barcode-scanner-close:hover[b-uze0qnakyt] {
    background-color: var(--surface-hover);
    color: var(--text-primary);
}

.barcode-scanner-body[b-uze0qnakyt] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.barcode-scanner-video[b-uze0qnakyt] {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #000;
    min-height: 300px;
}

.barcode-scanner-error[b-uze0qnakyt] {
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--error-bg, #fee);
    color: var(--error-text, #c00);
    border-radius: 4px;
    border-left: 4px solid var(--error, #c00);
}

.barcode-scanner-result[b-uze0qnakyt] {
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--success-bg, #efe);
    color: var(--success-text, #060);
    border-radius: 4px;
    border-left: 4px solid var(--success, #060);
}

/* Mobile responsive */
@media (max-width: 640px) {
    .barcode-scanner-overlay[b-uze0qnakyt] {
        padding: 0;
    }

    .barcode-scanner-modal[b-uze0qnakyt] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .barcode-scanner-video[b-uze0qnakyt] {
        min-height: 250px;
    }
}
/* _content/Duara.SharedUI/Components/UI/BottomSheet.razor.rz.scp.css */
.duara-sheet__wrapper[b-caj5dvdr7f] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 9400;
}

.duara-sheet[b-caj5dvdr7f] {
  width: 100%;
  max-width: 640px;
  background-color: white;
  border-top-left-radius: 1.5rem; /* rounded-3xl */
  border-top-right-radius: 1.5rem;
  padding: 0;
  box-shadow: 0 -20px 50px -12px rgb(0 0 0 / 0.25);
  transform: translateY(100%);
  animation: duara-sheet-slide-up-b-caj5dvdr7f 240ms ease forwards;
}

.duara-sheet__handle[b-caj5dvdr7f] {
  width: 48px;
  height: 6px;
  border-radius: 999px;
  background-color: #E5E7EB;
  margin: 0.75rem auto 0.5rem;
  cursor: pointer;
}

.duara-sheet__body[b-caj5dvdr7f] {
  max-height: 90vh;
  overflow-y: auto;
  padding: 20px 24px;
  padding-bottom: max(20px, env(safe-area-inset-bottom));
}

@keyframes duara-sheet-slide-up-b-caj5dvdr7f {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .duara-sheet__wrapper[b-caj5dvdr7f] {
    align-items: center;
  }

  .duara-sheet[b-caj5dvdr7f] {
    border-radius: 0.75rem;
    max-width: 520px;
  }

  /* No safe area padding needed on desktop */
  .duara-sheet__body[b-caj5dvdr7f] {
    padding-bottom: 20px;
  }
}
/* _content/Duara.SharedUI/Components/UI/Button.razor.rz.scp.css */
.duara-button[b-nmtqo24asz] {
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2);
  border-radius: 0.5rem; /* rounded-lg = 8px */
  border: 1px solid transparent;
  font-family: var(--font-family-sans);
  font-weight: 500; /* font-medium */
  letter-spacing: 0.01em;
  text-transform: none;
  line-height: 1;
  min-height: 3.5rem; /* h-14 = 56px - fat-finger friendly */
  padding: 0 2rem; /* px-8 = 32px */
  color: white;
  background-color: var(--color-primary);
  cursor: pointer;
  transition: background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease,
    border-color 150ms ease;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* shadow-md */
  user-select: none;
}

.duara-button--small[b-nmtqo24asz] {
  min-height: 2.5rem; /* 40px */
  padding: 0 1rem;
  font-size: 0.875rem;
  border-radius: 0.375rem;
}

.duara-button--medium[b-nmtqo24asz] {
  min-height: 3rem; /* 48px */
  padding: 0 1.5rem;
  font-size: 0.875rem;
}

.duara-button--large[b-nmtqo24asz] {
  min-height: 3.5rem; /* 56px */
  padding: 0 2rem;
  font-size: 1rem;
  border-radius: var(--radius-xl);
}

.duara-button__content[b-nmtqo24asz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2);
}

.duara-button__spinner[b-nmtqo24asz] {
  width: 1rem;
  height: 1rem;
  border-radius: 999px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: duara-button-spin-b-nmtqo24asz 0.85s linear infinite;
}

.duara-button.is-loading[b-nmtqo24asz] {
  pointer-events: none;
}

.duara-button.is-loading .duara-button__content[b-nmtqo24asz] {
  opacity: 0.85;
}

.duara-button--primary[b-nmtqo24asz] {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
}

.duara-button--primary:not(.duara-button--non-interactive):hover[b-nmtqo24asz] {
  background-color: var(--color-primary-dark);
}

.duara-button--secondary[b-nmtqo24asz] {
  background-color: white;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  box-shadow: none;
}

.duara-button--secondary:not(.duara-button--non-interactive):hover[b-nmtqo24asz] {
  background-color: var(--color-gray-50);
}

.duara-button--danger[b-nmtqo24asz] {
  background-color: #DC2626;
  border-color: #DC2626;
  color: white;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.duara-button--danger:not(.duara-button--non-interactive):hover[b-nmtqo24asz] {
  background-color: #B91C1C;
}

.duara-button--success[b-nmtqo24asz] {
  background-color: #22C55E;
  border-color: #22C55E;
  color: white;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.duara-button--success:not(.duara-button--non-interactive):hover[b-nmtqo24asz] {
  background-color: #16A34A;
}

.duara-button--ghost[b-nmtqo24asz] {
  background-color: white;
  border-color: #E5E7EB;
  color: #6B7280;
  box-shadow: none;
}

.duara-button--ghost:not(.duara-button--non-interactive):hover[b-nmtqo24asz] {
  background-color: #F3F4F6;
  border-color: #E5E7EB;
}

.duara-button:focus-visible[b-nmtqo24asz] {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 35%, var(--color-surface));
}

.duara-button--non-interactive[b-nmtqo24asz],
.duara-button:disabled[b-nmtqo24asz] {
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: none;
}

@keyframes duara-button-spin-b-nmtqo24asz {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* _content/Duara.SharedUI/Components/UI/Card.razor.rz.scp.css */
.duara-card[b-g0aqs58b4y] {
  background-color: var(--color-surface);
  border-radius: 0.75rem; /* rounded-xl = 12px */
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* shadow-md */
  border: 1px solid var(--color-border);
  display: block;
  width: 100%;
}

.duara-card--pad-none[b-g0aqs58b4y] {
  padding: 0;
}

.duara-card--pad-sm[b-g0aqs58b4y] {
  padding: var(--spacing-3);
}

.duara-card--pad-md[b-g0aqs58b4y] {
  padding: var(--spacing-4);
}

.duara-card--pad-lg[b-g0aqs58b4y] {
  padding: 1.5rem; /* p-6 = 24px */
}
/* _content/Duara.SharedUI/Components/UI/Checkbox.razor.rz.scp.css */
.duara-checkbox[b-56d0na1g9u] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: var(--duara-text, #111827);
    font-size: 0.95rem;
    font-weight: 600;
}

.duara-checkbox--disabled[b-56d0na1g9u] {
    cursor: not-allowed;
    opacity: 0.6;
}

.duara-checkbox__input[b-56d0na1g9u] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    pointer-events: none;
}

.duara-checkbox__control[b-56d0na1g9u] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 6px;
    border: 2px solid rgba(15, 118, 110, 0.4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: transparent;
    transition: all 0.2s ease;
    box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.1);
}

.duara-checkbox__control svg[b-56d0na1g9u] {
    width: 0.75rem;
    height: 0.75rem;
}

.duara-checkbox__input:focus-visible + .duara-checkbox__control[b-56d0na1g9u] {
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.18);
}

.duara-checkbox__input:checked + .duara-checkbox__control[b-56d0na1g9u] {
    background: #0F766E;
    border-color: #0F766E;
    color: #ffffff;
}

.duara-checkbox__label[b-56d0na1g9u] {
    line-height: 1.2;
}
/* _content/Duara.SharedUI/Components/UI/DualCurrency.razor.rz.scp.css */
.duara-currency[b-6vddin0vo4] {
  display: inline-flex;
  flex-direction: column;
  gap: 0.25rem;
}

.duara-currency--inline[b-6vddin0vo4] {
  flex-direction: row;
  align-items: baseline;
  gap: 0.5rem;
}

.duara-currency__primary[b-6vddin0vo4] {
  font-weight: 600;
  color: var(--color-gray-900);
}

.duara-currency__secondary[b-6vddin0vo4] {
  font-size: 0.875rem;
  color: var(--color-gray-600);
}

.duara-currency--sm .duara-currency__primary[b-6vddin0vo4] {
  font-size: 1rem;
}

.duara-currency--sm .duara-currency__secondary[b-6vddin0vo4] {
  font-size: 0.75rem;
}

.duara-currency--md .duara-currency__primary[b-6vddin0vo4] {
  font-size: 1.5rem; /* text-2xl = 24px */
}

.duara-currency--md .duara-currency__secondary[b-6vddin0vo4] {
  font-size: 0.875rem;
}

.duara-currency--lg .duara-currency__primary[b-6vddin0vo4] {
  font-size: 1.5rem;
}

.duara-currency--lg .duara-currency__secondary[b-6vddin0vo4] {
  font-size: 1rem;
}

.duara-currency--inline .duara-currency__secondary[b-6vddin0vo4] {
  font-style: normal;
}
/* _content/Duara.SharedUI/Components/UI/LinkedPriceInput.razor.rz.scp.css */
.linked-price-input[b-0qp1j0qma8] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.linked-price-input__header[b-0qp1j0qma8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
}

.linked-price-input__label[b-0qp1j0qma8] {
    font-size: var(--font-size-sm);
    font-weight: 500;
    color: var(--color-text-secondary);
}

.linked-price-input__toggle-only[b-0qp1j0qma8] {
    display: flex;
    justify-content: flex-end;
}

.linked-price-input__link-toggle[b-0qp1j0qma8] {
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: var(--spacing-xs) var(--spacing-sm);
    cursor: pointer;
    font-size: var(--font-size-md);
    transition: all 0.2s ease;
    min-width: 36px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.linked-price-input__link-toggle:hover[b-0qp1j0qma8] {
    background: var(--color-surface-hover);
}

.linked-price-input__link-toggle.is-linked[b-0qp1j0qma8] {
    background: var(--color-primary-light);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.linked-price-input__fields[b-0qp1j0qma8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
}

.linked-price-input__rate-info[b-0qp1j0qma8] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    margin: 0;
    padding-top: var(--spacing-xs);
}
/* _content/Duara.SharedUI/Components/UI/Modal.razor.rz.scp.css */
.duara-modal__wrapper[b-rzgyvskawp] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 9500;
}

.duara-modal[b-rzgyvskawp] {
  background-color: white;
  border-radius: 0.75rem; /* rounded-xl = 12px */
  width: min(560px, 100%);
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); /* shadow-2xl */
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  overflow: hidden;
}

.duara-modal__header[b-rzgyvskawp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: 1px solid var(--color-border);
}

.duara-modal__header h2[b-rzgyvskawp] {
  margin: 0;
  font-size: 1.25rem; /* text-xl */
  font-weight: 600;
  color: var(--color-primary-dark);
}

.duara-modal__close[b-rzgyvskawp] {
  border: none;
  background: transparent;
  font-size: 1.5rem;
  color: var(--color-gray-500);
  cursor: pointer;
  padding: 0.25rem;
  line-height: 1;
}

.duara-modal__close:hover[b-rzgyvskawp] {
  color: var(--color-gray-700);
}

.duara-modal__body[b-rzgyvskawp] {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}

.duara-modal__footer[b-rzgyvskawp] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem 1.5rem;
  border-top: 1px solid var(--color-border);
}

@media (max-width: 640px) {
  .duara-modal__wrapper[b-rzgyvskawp] {
    padding: 0.5rem;
  }

  .duara-modal__body[b-rzgyvskawp],
  .duara-modal__footer[b-rzgyvskawp],
  .duara-modal__header[b-rzgyvskawp] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* _content/Duara.SharedUI/Components/UI/MoneyInput.razor.rz.scp.css */
/* MoneyInput.razor.css - 100% fidelity to Reference UI MoneyInput.tsx */

:host[b-fxiodzor0w] {
    display: block;
    width: 100%;
}

.duara-money[b-fxiodzor0w] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2); /* 0.5rem */
}

.duara-money__label[b-fxiodzor0w] {
    font-size: var(--text-base); /* 1rem / 16px */
    font-weight: var(--font-weight-medium); /* 500 */
    color: var(--color-gray-900); /* #111827 */
}

.duara-money__control[b-fxiodzor0w] {
    position: relative;
    width: 100%;
}

/* Base input styles matching Reference UI */
.duara-money__input[b-fxiodzor0w] {
    width: 100%;
    padding: 0.75rem 1rem; /* py-3 px-4 */
    text-align: right; /* text-right */
    border: 2px solid var(--color-gray-200); /* border-2 border-[#E5E7EB] */
    border-radius: var(--radius-xl); /* rounded-xl = 12px */
    background-color: white;
    color: var(--color-gray-900); /* #111827 */
    font-size: var(--text-2xl); /* text-2xl = 1.5rem */
    transition: border-color 150ms ease;
    /* Remove spinner buttons for cleaner look */
    -moz-appearance: textfield;
}

.duara-money__input[b-fxiodzor0w]::-webkit-outer-spin-button,
.duara-money__input[b-fxiodzor0w]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.duara-money__input[b-fxiodzor0w]::placeholder {
    color: var(--color-gray-400); /* #9ca3af */
}

.duara-money__input:focus-visible[b-fxiodzor0w] {
    outline: none;
    border-color: var(--color-primary); /* focus:border-[#0F766E] */
}

/* Small size variant */
.duara-money__input--small[b-fxiodzor0w] {
    padding: 0.5rem 1rem; /* py-2 px-4 */
    font-size: var(--text-base); /* text-base = 1rem */
}

/* USD mode: $ prefix on left, extra left padding */
.duara-money__input--usd[b-fxiodzor0w] {
    padding-left: 3rem; /* pl-12 = 48px */
    padding-right: 1rem; /* pr-4 */
}

/* CDF mode: CDF suffix on right, extra right padding */
.duara-money__input--cdf[b-fxiodzor0w] {
    padding-left: 1rem; /* px-4 */
    padding-right: 4rem; /* pr-16 = 64px */
}

/* USD prefix ($) - absolute left-4, centered vertically */
.duara-money__prefix[b-fxiodzor0w] {
    position: absolute;
    left: 1rem; /* left-4 */
    top: 50%;
    transform: translateY(-50%); /* -translate-y-1/2 */
    color: var(--color-gray-900); /* text-[#111827] */
    font-size: var(--text-2xl); /* text-2xl = 1.5rem */
    font-weight: var(--font-weight-normal);
    pointer-events: none;
    user-select: none;
}

.duara-money__prefix--small[b-fxiodzor0w] {
    font-size: var(--text-base); /* text-base = 1rem */
}

/* CDF suffix - absolute right-4, centered vertically */
.duara-money__suffix[b-fxiodzor0w] {
    position: absolute;
    right: 1rem; /* right-4 */
    top: 50%;
    transform: translateY(-50%); /* -translate-y-1/2 */
    color: var(--color-gray-500); /* text-[#6B7280] */
    font-size: var(--text-sm); /* text-sm = 0.875rem */
    font-weight: var(--font-weight-normal);
    pointer-events: none;
    user-select: none;
}

.duara-money__suffix--small[b-fxiodzor0w] {
    font-size: var(--text-xs); /* text-xs = 0.75rem */
}

/* Error state */
.duara-money--error .duara-money__input[b-fxiodzor0w] {
    border-color: var(--color-danger);
}

.duara-money__error[b-fxiodzor0w] {
    font-size: var(--text-sm); /* 0.875rem */
    color: var(--color-danger);
    margin: 0;
}

/* Disabled state */
.duara-money--disabled .duara-money__input[b-fxiodzor0w] {
    background-color: var(--color-gray-100);
    color: var(--color-gray-500);
    cursor: not-allowed;
}

.duara-money--disabled .duara-money__prefix[b-fxiodzor0w],
.duara-money--disabled .duara-money__suffix[b-fxiodzor0w] {
    color: var(--color-gray-400);
}
/* _content/Duara.SharedUI/Components/UI/NumberInput.razor.rz.scp.css */
:host[b-up37m8oxsu] {
  display: block;
  width: 100%;
}

.duara-number[b-up37m8oxsu] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.duara-field__label[b-up37m8oxsu] {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-gray-900);
}

.duara-number__control[b-up37m8oxsu] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.5rem;
}

.duara-number__input[b-up37m8oxsu] {
  width: 100%;
  min-height: 3.5rem; /* h-14 = 56px */
  padding: 0 1rem;
  border-radius: 0.5rem; /* rounded-lg */
  border: 2px solid var(--color-gray-300);
  background-color: white;
  color: var(--color-gray-900);
  font-size: 1.25rem; /* text-xl for number inputs */
  font-weight: 600;
  text-align: right; /* right-aligned for visibility */
  transition: border-color 150ms ease;
}

.duara-number__input:focus-visible[b-up37m8oxsu] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: none;
}

.duara-number__step[b-up37m8oxsu] {
  min-height: 3.5rem; /* 56px */
  min-width: 3.5rem;
  border: 2px solid var(--color-gray-300);
  border-radius: 0.5rem;
  background-color: white;
  color: var(--color-gray-800);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.duara-number__step:hover:not(:disabled)[b-up37m8oxsu] {
  background-color: var(--color-gray-200);
}

.duara-number__step:disabled[b-up37m8oxsu] {
  cursor: not-allowed;
  opacity: 0.4;
}

.duara-field__error[b-up37m8oxsu] {
  font-size: var(--text-sm);
  color: var(--color-danger);
  margin: 0;
}

.duara-field--error .duara-number__input[b-up37m8oxsu] {
  border-color: var(--color-danger);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-danger) 35%, transparent);
}

.duara-field--disabled .duara-number__input[b-up37m8oxsu],
.duara-field--disabled .duara-number__step[b-up37m8oxsu] {
  background-color: var(--color-gray-100);
  color: var(--color-gray-500);
  cursor: not-allowed;
}
/* _content/Duara.SharedUI/Components/UI/ResponsiveDialog.razor.rz.scp.css */
/* ResponsiveDialog: Bottom sheet on mobile, centered modal on desktop */
/* Based on Figma design from Reference UI */

.responsive-dialog__overlay[b-f744wealol] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-end; /* Bottom sheet on mobile */
    justify-content: center;
    z-index: 9500;
    animation: responsive-dialog-overlay-fade-in-b-f744wealol 200ms ease-out;
}

.responsive-dialog[b-f744wealol] {
    width: 100%;
    max-width: 100%;
    max-height: 85vh;
    background-color: #ffffff;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -20px 50px -12px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    animation: responsive-dialog-slide-up-b-f744wealol 300ms cubic-bezier(0.32, 0.72, 0, 1) forwards;
}

/* Drag handle - mobile only */
.responsive-dialog__handle[b-f744wealol] {
    display: flex;
    justify-content: center;
    padding: 12px 0 8px;
    cursor: grab;
}

.responsive-dialog__handle-bar[b-f744wealol] {
    width: 48px;
    height: 5px;
    background-color: #D1D5DB;
    border-radius: 9999px;
}

/* Header */
.responsive-dialog__header[b-f744wealol] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.responsive-dialog__title[b-f744wealol] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    line-height: 1.3;
}

.responsive-dialog__close[b-f744wealol] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: -10px -10px -10px 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #6B7280;
    cursor: pointer;
    transition: background-color 150ms, color 150ms;
}

.responsive-dialog__close:hover[b-f744wealol] {
    background-color: #F3F4F6;
    color: #111827;
}

.responsive-dialog__close:focus-visible[b-f744wealol] {
    outline: 2px solid #0F766E;
    outline-offset: 2px;
}

/* Scrollable body */
.responsive-dialog__body[b-f744wealol] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
    overscroll-behavior: contain;
}

/* Sticky footer */
.responsive-dialog__footer[b-f744wealol] {
    flex-shrink: 0;
    padding: 16px 24px;
    padding-bottom: max(16px, env(safe-area-inset-bottom));
    background-color: #ffffff;
    border-top: 1px solid #E2E8F0;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
}

/* Animations */
@keyframes responsive-dialog-overlay-fade-in-b-f744wealol {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes responsive-dialog-slide-up-b-f744wealol {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

/* Desktop: centered modal */
@media (min-width: 768px) {
    .responsive-dialog__overlay[b-f744wealol] {
        align-items: center;
    }

    .responsive-dialog[b-f744wealol] {
        max-width: 480px;
        max-height: calc(100vh - 48px);
        border-radius: 16px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        transform: scale(0.95);
        opacity: 0;
        animation: responsive-dialog-scale-in-b-f744wealol 200ms ease-out forwards;
    }

    /* Hide drag handle on desktop */
    .responsive-dialog__handle[b-f744wealol] {
        display: none;
    }

    /* No safe area padding needed on desktop */
    .responsive-dialog__footer[b-f744wealol] {
        padding-bottom: 16px;
    }
}

@keyframes responsive-dialog-scale-in-b-f744wealol {
    from {
        transform: scale(0.95);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
/* _content/Duara.SharedUI/Components/UI/SearchInput.razor.rz.scp.css */
:host[b-4noto6yi0i] {
  display: block;
  width: 100%;
}

.duara-search[b-4noto6yi0i] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.duara-field__label[b-4noto6yi0i] {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-gray-900);
}

.duara-search__wrapper[b-4noto6yi0i] {
  position: relative;
}

.duara-search__input[b-4noto6yi0i] {
  width: 100%;
  min-height: 3.5rem; /* h-14 = 56px */
  padding: 0 3rem 0 2.75rem;
  border-radius: 0.5rem; /* rounded-lg */
  border: 2px solid var(--color-gray-300);
  background-color: white;
  color: var(--color-gray-900);
  font-size: 1rem;
  transition: border-color 150ms ease;
}

.duara-search__input:focus-visible[b-4noto6yi0i] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: none;
}

.duara-search__icon[b-4noto6yi0i] {
  position: absolute;
  left: var(--spacing-3);
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-gray-500);
  display: inline-flex;
  pointer-events: none;
}

.duara-search__clear[b-4noto6yi0i] {
  position: absolute;
  right: var(--spacing-3);
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: var(--color-gray-500);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease;
}

.duara-search__clear:hover[b-4noto6yi0i] {
  background-color: var(--color-gray-100);
  color: var(--color-gray-700);
}

.duara-field__error[b-4noto6yi0i] {
  font-size: var(--text-sm);
  color: var(--color-danger);
  margin: 0;
}

.duara-field--error .duara-search__input[b-4noto6yi0i] {
  border-color: var(--color-danger);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-danger) 35%, transparent);
}

.duara-field--disabled .duara-search__input[b-4noto6yi0i] {
  background-color: var(--color-gray-100);
  color: var(--color-gray-500);
  cursor: not-allowed;
}

.duara-field--disabled .duara-search__clear[b-4noto6yi0i] {
  cursor: not-allowed;
  opacity: 0.4;
}
/* _content/Duara.SharedUI/Components/UI/Section.razor.rz.scp.css */
.duara-section[b-2hr1yq641h] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  padding: var(--spacing-3) 0;
}

.duara-section__header[b-2hr1yq641h] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
}

.duara-section__title[b-2hr1yq641h] {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
}

.duara-section__actions[b-2hr1yq641h] {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
}

.duara-section__body[b-2hr1yq641h] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.duara-section__divider[b-2hr1yq641h] {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-border), transparent);
}
/* _content/Duara.SharedUI/Components/UI/Select.razor.rz.scp.css */
:host[b-d17oqh5e7s] {
  display: block;
  width: 100%;
}

.duara-field[b-d17oqh5e7s] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.duara-field__label[b-d17oqh5e7s] {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-700);
}

.duara-field__control[b-d17oqh5e7s] {
  position: relative;
}

.duara-select__input[b-d17oqh5e7s] {
  width: 100%;
  min-height: 44px;
  padding: var(--spacing-3) calc(var(--spacing-5) + 1.5rem) var(--spacing-3) var(--spacing-4);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background-color: var(--color-surface);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236b7280' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--spacing-4)) center;
  color: var(--color-gray-900);
  font-size: var(--text-base);
  appearance: none;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.duara-select__input:focus-visible[b-d17oqh5e7s] {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);
}

.duara-field--error .duara-select__input[b-d17oqh5e7s] {
  border-color: var(--color-danger);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-danger) 35%, transparent);
}

.duara-field__error[b-d17oqh5e7s] {
  font-size: var(--text-sm);
  color: var(--color-danger);
  margin: 0;
}

.duara-field--disabled .duara-select__input[b-d17oqh5e7s] {
  background-color: var(--color-gray-100);
  color: var(--color-gray-500);
  cursor: not-allowed;
}
/* _content/Duara.SharedUI/Components/UI/SideMenuDrawer.razor.rz.scp.css */
.duara-drawer-wrapper[b-229plfseqn] {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9000;
}

.duara-drawer-wrapper .duara-drawer__backdrop[b-229plfseqn] {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--color-gray-900) 45%, transparent);
  opacity: 0;
  transition: opacity 200ms ease;
}

.duara-drawer-wrapper .duara-drawer[b-229plfseqn] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: min(320px, 90vw);
  background-color: var(--color-surface);
  box-shadow: 20px 0 40px color-mix(in srgb, var(--color-gray-900) 20%, transparent);
  transform: translateX(-100%);
  transition: transform 240ms ease;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-4);
  gap: var(--spacing-4);
}

.duara-drawer-wrapper.is-open[b-229plfseqn] {
  pointer-events: auto;
}

.duara-drawer-wrapper.is-open .duara-drawer__backdrop[b-229plfseqn] {
  opacity: 1;
}

.duara-drawer-wrapper.is-open .duara-drawer[b-229plfseqn] {
  transform: translateX(0);
}

.duara-drawer__header[b-229plfseqn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.duara-drawer__header h2[b-229plfseqn] {
  margin: 0;
  font-size: var(--text-lg);
}

.duara-drawer__close[b-229plfseqn] {
  border: none;
  background: transparent;
  font-size: var(--text-xl);
  cursor: pointer;
  color: var(--color-gray-500);
}

.duara-drawer__nav[b-229plfseqn] {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.duara-drawer__section-title[b-229plfseqn] {
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-gray-500);
  margin: 0 0 var(--spacing-2) 0;
}

.duara-drawer__section ul[b-229plfseqn] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.duara-drawer__link[b-229plfseqn] {
  width: 100%;
  border: none;
  background: transparent;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  font-size: var(--text-sm);
  color: var(--color-gray-800);
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease;
}

.duara-drawer__link:hover[b-229plfseqn] {
  background-color: var(--color-gray-100);
}

.duara-drawer__link.is-active[b-229plfseqn] {
  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
  color: var(--color-primary);
}

.duara-drawer__icon[b-229plfseqn] {
  width: 1.5rem;
  display: inline-flex;
  justify-content: center;
}

.duara-drawer__badge[b-229plfseqn] {
  margin-left: auto;
  background-color: var(--color-danger);
  color: var(--color-primary-foreground);
  border-radius: 999px;
  padding: 0 var(--spacing-2);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
}

.duara-drawer__placeholder[b-229plfseqn] {
  font-size: var(--text-xs);
  color: var(--color-muted);
}

.duara-drawer__footer[b-229plfseqn] {
  border-top: 1px solid var(--color-border);
  padding-top: var(--spacing-3);
}

@media (min-width: 1024px) {
  .duara-drawer-wrapper[b-229plfseqn] {
    position: sticky;
    top: 0;
    height: 100vh;
    pointer-events: auto;
    z-index: 1;
  }

  .duara-drawer-wrapper .duara-drawer__backdrop[b-229plfseqn] {
    display: none;
  }

  .duara-drawer-wrapper .duara-drawer[b-229plfseqn] {
    position: sticky;
    top: 0;
    width: 280px;
    transform: none !important;
    box-shadow: none;
    border-right: 1px solid var(--color-border);
    height: 100vh;
  }
}
/* _content/Duara.SharedUI/Components/UI/TextInput.razor.rz.scp.css */
:host[b-l1hxg5llc5] {
  display: block;
  width: 100%;
}

.duara-field[b-l1hxg5llc5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.duara-field__label[b-l1hxg5llc5] {
  font-size: 1rem; /* 16px - matching Reference UI label size */
  font-weight: 500;
  color: var(--color-gray-900);
}

.duara-field__control[b-l1hxg5llc5] {
  position: relative;
  width: 100%;
}

.duara-field__input[b-l1hxg5llc5] {
  width: 100%;
  min-height: 3.5rem; /* h-14 = 56px */
  padding: 0 1rem; /* px-4 */
  border-radius: 0.5rem; /* rounded-lg */
  border: 2px solid var(--color-gray-300); /* border-2 border-gray-300 */
  background-color: white;
  color: var(--color-gray-900);
  font-size: 1rem;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.duara-field__input[b-l1hxg5llc5]::placeholder {
  color: var(--color-gray-400);
}

.duara-field__input:focus-visible[b-l1hxg5llc5] {
  outline: none;
  border-color: var(--color-primary); /* focus:border-[#0F766E] */
  box-shadow: none;
}

.duara-field--error .duara-field__input[b-l1hxg5llc5] {
  border-color: var(--color-danger);
}

.duara-field__error[b-l1hxg5llc5] {
  font-size: 0.875rem;
  color: var(--color-danger);
  margin: 0;
}

.duara-field--disabled .duara-field__input[b-l1hxg5llc5] {
  background-color: var(--color-gray-100);
  color: var(--color-gray-500);
  cursor: not-allowed;
}
/* _content/Duara.SharedUI/Components/Users/RoleCard.razor.rz.scp.css */
.role-card[b-y47atila8v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: white;
    border: 1px solid var(--color-border, #E5E7EB);
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

.role-card:hover[b-y47atila8v] {
    border-color: var(--color-primary, #0F766E);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.role-card--selected[b-y47atila8v] {
    border-color: var(--color-primary, #0F766E);
    background: var(--color-primary-light, #F0FDFA);
}

.role-card--system[b-y47atila8v] {
    background: var(--color-gray-50, #F9FAFB);
}

.role-card__icon[b-y47atila8v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--color-primary, #0F766E);
    background: var(--color-primary-lighter, #CCFBF1);
    border-radius: 0.5rem;
    flex-shrink: 0;
}

.role-card--system .role-card__icon[b-y47atila8v] {
    color: var(--color-info, #1E40AF);
    background: var(--color-info-light, #DBEAFE);
}

.role-card__info[b-y47atila8v] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex: 1;
    min-width: 0;
}

.role-card__name[b-y47atila8v] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

.role-card__desc[b-y47atila8v] {
    font-size: 0.8125rem;
    color: var(--color-text-muted, #6B7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-card__users[b-y47atila8v] {
    font-size: 0.75rem;
    color: var(--color-gray-400, #9CA3AF);
}

.role-card__badges[b-y47atila8v] {
    flex-shrink: 0;
}
/* _content/Duara.SharedUI/Components/Users/UserCard.razor.rz.scp.css */
.user-card[b-nxyjt7o7f2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: white;
    border: 1px solid var(--color-border, #E5E7EB);
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

.user-card:hover[b-nxyjt7o7f2] {
    border-color: var(--color-primary, #0F766E);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.user-card--selected[b-nxyjt7o7f2] {
    border-color: var(--color-primary, #0F766E);
    background: var(--color-primary-light, #F0FDFA);
}

.user-card--inactive[b-nxyjt7o7f2] {
    opacity: 0.6;
}

.user-card__avatar[b-nxyjt7o7f2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    background: var(--color-primary, #0F766E);
    border-radius: 50%;
    flex-shrink: 0;
}

.user-card--inactive .user-card__avatar[b-nxyjt7o7f2] {
    background: var(--color-gray-400, #9CA3AF);
}

.user-card__info[b-nxyjt7o7f2] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex: 1;
    min-width: 0;
}

.user-card__name[b-nxyjt7o7f2] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-text, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-card__email[b-nxyjt7o7f2] {
    font-size: 0.8125rem;
    color: var(--color-text-muted, #6B7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-card__role[b-nxyjt7o7f2] {
    font-size: 0.75rem;
    color: var(--color-gray-400, #9CA3AF);
}

.user-card__status[b-nxyjt7o7f2] {
    flex-shrink: 0;
}