/* ================================================================
   EK SE SRESHTHA - CONSTITUENCY MODULE STYLES
   ----------------------------------------------------------------
   Shared styles used by District, Vidhan Sabha, Panchayat, and
   Village management pages. All four pages share the same
   structure: header, search+table card, add/edit modal.
   ================================================================ */

/* Record count text on the right side of the card header */
.record-count {
    font-size: var(--text-sm);
    color: var(--gray-500);
}

.record-count span {
    font-weight: 600;
    color: var(--gray-800);
}

/* Row action icon buttons (edit, delete) */
.row-action-btn {
    padding: var(--space-2);
    border-radius: var(--radius-md);
    color: var(--gray-500);
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.row-action-btn:hover {
    background-color: var(--gray-100);
    color: var(--brand-blue);
}

.row-action-btn.danger:hover {
    background-color: var(--brand-red-light);
    color: var(--brand-red-dark);
}

/* Numbered index column - subtle gray */
.table td.row-index {
    color: var(--gray-400);
    font-weight: 500;
    text-align: center;
}

/* Count pills in table (e.g. "3 Panchayats") */
.count-pill {
    display: inline-block;
    padding: 2px var(--space-2);
    background-color: var(--gray-100);
    color: var(--gray-700);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: 500;
}

/* Empty state when no records exist */
.empty-state {
    text-align: center;
    padding: var(--space-12) var(--space-4);
    color: var(--gray-400);
}

.empty-state-icon {
    font-size: 48px;
    margin-bottom: var(--space-3);
}

.empty-state-title {
    font-size: var(--text-base);
    color: var(--gray-600);
    font-weight: 500;
    margin-bottom: var(--space-1);
}

.empty-state-text {
    font-size: var(--text-sm);
    color: var(--gray-400);
}