/* Invoice Info Grid - Dynamic Layout */

.invoice-info-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    row-gap: var(--space-3);
    align-items: flex-start;
}

/* All grid items size to their content */
.invoice-info-grid > .form-group {
    flex: 0 0 auto; /* Don't grow, don't shrink, size to content */
    min-width: 0;
}

/* Date input needs more width to show full date (YYYY-MM-DD) */
.invoice-info-grid .input-with-btn input[type="date"] {
    min-width: 120px;
}

/* Segmented controls size to their content */
.invoice-info-grid .segmented-control {
    width: auto;
}

/* Upload logo button sizes to content */
.invoice-info-grid .btn-upload-logo {
    width: auto;
    min-width: 80px; /* Enough for "Add Logo" text */
}

/* Currency input - override base width: 100% */
.invoice-info-grid .field--currency input[type="text"],
.invoice-info-grid input#currencySelect {
    width: 70px !important; /* Enough for currency codes like EUR, USD */
}

/* Full width form group (for optional fields that span entire row) */
.form-group--full {
    flex: 1 1 100%;
}