.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline-flex;
}

.r-w-full {
    width: 100%;
}

.r-mb-xl {
    margin-bottom: var(--wa-space-xl);
}

.r-grid-dashboard {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--wa-space-xl);
    align-items: start;
}

.r-card-pad-xl {
    padding: var(--wa-space-xl);
}

.r-card-pad-l {
    padding: var(--wa-space-l);
}

.r-card-alert-success {
    border-left: var(--wa-border-width-l) solid var(--wa-color-success-60);
    padding: var(--wa-space-s) var(--wa-space-m);
}

.r-card-alert-danger {
    border-left: var(--wa-border-width-l) solid var(--wa-color-danger-60);
    padding: var(--wa-space-s) var(--wa-space-m);
}

.r-card-alert-warning {
    border-left: var(--wa-border-width-l) solid var(--wa-color-warning-60);
}

.r-text-success {
    color: var(--wa-color-success-60);
}

.r-text-danger {
    color: var(--wa-color-danger-60);
}

.r-text-warning {
    color: var(--wa-color-warning-60);
}

.r-text-muted {
    color: var(--wa-color-gray-60);
}

.r-form-field-narrow {
    width: 100%;
    max-width: 320px;
}

.r-month-input {
    width: 100%;
    padding: var(--wa-space-s) var(--wa-space-m);
    border-radius: var(--wa-border-radius-m);
    border: var(--wa-border-width-s) solid var(--wa-color-gray-70);
    background: var(--wa-color-gray-90);
    color: var(--wa-color-gray-10);
}

.r-items-center {
    align-items: center;
}

.r-form-reset {
    margin: 0;
}

.r-empty-cell {
    color: var(--wa-color-gray-60);
    padding: var(--wa-space-m);
}