/* components/search.css */

.search-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-row input {
    flex: 1;
    padding: 7px;
}

.form-error {
    color: #c62828;
    margin-bottom: 10px;
    font-weight: 500;
}

/* Used on receipts page; keep it generic */
.center {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Mobile: stack search rows nicely */
@media (max-width: 720px) {
    .search-row {
        flex-direction: column;
        align-items: stretch;
    }
}