/* Compact styles for Data Sources page and dialog */

/* Make the Add Data Source button smaller */
.data-sources-page .rz-button {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    min-height: 32px !important;
}

/* Add spacing between title and button card */
.data-sources-page .action-bar-card {
    margin-top: 1.5rem !important;
}

/* Compact dialog styles */
.rz-dialog {
    max-width: 500px !important;
    width: 90% !important;
}

.rz-dialog-content {
    padding: 1rem !important;
    max-height: 65vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Ultra compact form fields in dialogs */
.rz-dialog .rz-form-field {
    margin-bottom: 0.375rem !important;
}

.rz-dialog .rz-fieldset {
    padding: 0.375rem !important;
    margin-bottom: 0.375rem !important;
}

.rz-dialog .rz-fieldset-legend {
    font-size: 0.7rem !important;
    padding: 0.125rem 0.25rem !important;
    font-weight: 600;
}

/* Make all inputs very compact */
.rz-dialog .rz-textbox,
.rz-dialog .rz-dropdown,
.rz-dialog .rz-password,
.rz-dialog .rz-dropdown-trigger {
    min-height: 24px !important;
    height: 24px !important;
}

.rz-dialog .rz-textbox input,
.rz-dialog .rz-password input,
.rz-dialog .rz-dropdown input {
    padding: 0.125rem 0.375rem !important;
    font-size: 0.7rem !important;
    height: 24px !important;
    line-height: 1 !important;
}

.rz-dialog .rz-textarea {
    min-height: 40px !important;
}

.rz-dialog .rz-textarea textarea {
    padding: 0.125rem 0.375rem !important;
    font-size: 0.7rem !important;
    min-height: 40px !important;
    line-height: 1.2 !important;
}

.rz-dialog .rz-dropdown-item {
    font-size: 0.7rem !important;
    padding: 0.125rem 0.375rem !important;
    min-height: 20px !important;
}

.rz-dialog .rz-label,
.rz-dialog .rz-form-field label {
    font-size: 0.65rem !important;
    margin-bottom: 0.125rem !important;
    line-height: 1 !important;
}

.rz-dialog .rz-stack {
    gap: 0.25rem !important;
}

.rz-dialog .rz-checkbox {
    transform: scale(0.8);
}

.rz-dialog .rz-checkbox-box {
    width: 14px !important;
    height: 14px !important;
}

/* Compact dialog buttons */
.rz-dialog .rz-button {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.7rem !important;
    min-height: 24px !important;
    height: auto !important;
}

.rz-dialog .rz-button-text {
    font-size: 0.7rem !important;
}

/* Reduce form field wrappers */
.rz-dialog .rz-form-field-content {
    gap: 0 !important;
}

/* Fix dropdown trigger height */
.rz-dialog .rz-dropdown-trigger {
    display: flex !important;
    align-items: center !important;
    padding: 0.125rem 0.375rem !important;
}

.rz-dialog .rz-dropdown-trigger-icon {
    font-size: 0.65rem !important;
}

/* Reduce spacing in stacks */
.rz-dialog .rz-p-4 {
    padding: 0.5rem !important;
}

.rz-dialog .rz-p-3 {
    padding: 0.375rem !important;
}

.rz-dialog .rz-p-2 {
    padding: 0.25rem !important;
}

.rz-dialog .rz-mt-4 {
    margin-top: 0.5rem !important;
}

.rz-dialog .rz-mt-3 {
    margin-top: 0.375rem !important;
}

.rz-dialog .rz-mb-4 {
    margin-bottom: 0.5rem !important;
}

.rz-dialog .rz-mb-3 {
    margin-bottom: 0.375rem !important;
}

.rz-dialog .rz-mb-2 {
    margin-bottom: 0.25rem !important;
}

/* Fix badge colors on Data Sources page */
.data-sources-grid .rz-badge-primary {
    background-color: hsl(var(--primary)) !important;
    color: hsl(var(--primary-foreground)) !important;
}

.data-sources-grid .rz-badge-secondary {
    background-color: hsl(var(--secondary)) !important;
    color: hsl(var(--secondary-foreground)) !important;
}

.data-sources-grid .rz-badge-light {
    background-color: hsl(var(--accent)) !important;
    color: hsl(var(--accent-foreground)) !important;
}

.data-sources-grid .rz-badge-dark {
    background-color: hsl(var(--muted)) !important;
    color: hsl(var(--muted-foreground)) !important;
}