/* ===== KPI CARDS ===== */

.kpi-card {
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: transform 0.2s;
}

.kpi-card:hover {
    transform: translateY(-3px);
}

/* ===== TABLE ===== */

.table-farm {
    border-radius: 10px;
    overflow: hidden;
}

.table-farm thead {
    background-color: #f4f6f9;
    font-weight: 600;
}

.table-farm tbody tr:hover {
    background-color: #f8fbff;
}

/* ===== SORTABLE HEADER ===== */

.sortable {
    cursor: pointer;
    transition: background-color 0.2s;
}

.sortable:hover {
    background-color: #e9f2ff;
}

/* ===== BADGES ===== */

.badge-male {
    background-color: #4da3ff;
    color: white;
    padding: 3px 8px;
    border-radius: 6px;
}

.badge-female {
    background-color: #ff70b5;
    color: white;
    padding: 3px 8px;
    border-radius: 6px;
}

/* ===== ORIGIN ===== */

.badge-born {
    background-color: #059669;
    color: white;
    padding: 3px 8px;
    border-radius: 6px;
}

.badge-purchased {
    background-color: #ffc107;
    color: black;
    padding: 3px 8px;
    border-radius: 6px;
}

/* ===== ECONOMIC COLORS ===== */

.cost-high {
    color: #dc3545;
    font-weight: bold;
}

.cost-normal {
    color: #198754;
}

/* ===== BUTTON ===== */

.btn-primary {
    border-radius: 8px;
}