/* MCS Developer Open Data – frontend + admin */

.text-success { color: #198754 !important; }
.text-warning { color: #ffc107 !important; }
.text-danger  { color: #dc3545 !important; }

table.mcs-flats-table th {
    text-transform: none;
}
.mcs-flats-table tr td {
    color: #000;
}

.mcs-price-change { font-size: 12px; opacity: .6; margin-top: -10px; }
.mcs-price-up   { color: #dc3545 !important; }
.mcs-price-down { color: #198754 !important; }
.mcs-price-same { color: #6c757d !important; }

details.mcs-history { margin-top: 0; }
details.mcs-history summary { cursor: pointer; font-size: 12px; color: #333; }
details.mcs-history ul,
details.mcs-history ul li { margin: 0; padding: 0; line-height: 15px; font-size: 12px; }

.mcs-pagination { margin-top: 10px; }
.mcs-pagination a { margin: 0 2px; padding: 4px 8px; border: 1px solid #ccc; text-decoration: none; }
.mcs-pagination a.current { background: #0d6efd; color: #fff; }

.mcs-filters {
    display: flex;
    gap: 8px;
    align-items: center;
    /* zamiast wrap: wymuś niełamanie */
    flex-wrap: nowrap;
    /* jeśli za wąsko – przewijanie poziome */
    overflow-x: auto;
    margin: 0 0 12px 0;
}

.mcs-filters label { display: inline-flex; gap: 6px; align-items: center; }
.mcs-filters select { min-width: 130px; }

/* Wszystkie selecty i inputy zachowują auto-szerokość */
.mcs-filters select,
.mcs-filters input[type="text"] {
    flex: 0 0 auto;  /* nie rozciągaj wypełniając całą szerokość */
    width: auto;     /* domyślna szerokość pola */
}