.basit-tahsilatlar-page .basit-page-content { padding: 24px; }
.basit-tahsilatlar-page .basit-table-card { background: #FFFFFF; border: 1px solid var(--border-color, #E2E8F0); border-radius: 14px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.03); margin-bottom: 24px; }
.basit-tahsilatlar-page .basit-table-card h3 { font-size: 16px; font-weight: 800; color: #0F172A; margin: 0 0 16px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }

/* Filter Pills Bar */
.aidat-filter-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.aidat-filter-btn { padding: 7px 14px; border-radius: 20px; border: 1px solid #CBD5E1; background: #FFFFFF; color: #475569; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 6px; }
.aidat-filter-btn:hover { border-color: #EC4899; color: #EC4899; }
.aidat-filter-btn.active { background: #EC4899; color: #FFFFFF; border-color: #EC4899; box-shadow: 0 2px 8px rgba(236,72,153,0.25); }
.aidat-filter-btn .count-badge { font-size: 11px; padding: 1px 6px; border-radius: 10px; background: rgba(0,0,0,0.08); }
.aidat-filter-btn.active .count-badge { background: rgba(255,255,255,0.25); }

/* Table Styles */
.basit-tahsilatlar-page .basit-data-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.basit-tahsilatlar-page .basit-data-table th { padding: 12px 14px; text-align: left; font-weight: 800; color: #475569; background: #F8FAFC; border-bottom: 2px solid #E2E8F0; font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; }
.basit-tahsilatlar-page .basit-data-table td { padding: 14px; text-align: left; border-bottom: 1px solid #F1F5F9; vertical-align: middle; }
.basit-tahsilatlar-page .basit-data-table tr:hover td { background: #FAFAFA; }

/* Tenant and Owner display */
.resident-cell { display: flex; flex-direction: column; gap: 3px; }
.tenant-name-main { font-weight: 800; color: #0F172A; font-size: 13.5px; display: flex; align-items: center; gap: 6px; }
.tenant-name-main i { color: #EC4899; font-size: 11px; }
.owner-name-sub { font-size: 11.5px; color: #64748B; display: flex; align-items: center; gap: 4px; }

/* Badges */
.badge-status-pill { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 12px; font-size: 11.5px; font-weight: 800; }
.badge-status-pill.odendi { background: #DCFCE7; color: #166534; }
.badge-status-pill.odenmedi { background: #FEE2E2; color: #991B1B; }
.badge-status-pill.gecikmis { background: #FEF2F2; color: #DC2626; border: 1px solid #FECACA; }
.badge-status-pill.yaklasan { background: #FEF3C7; color: #92400E; }
.badge-status-pill.kismi { background: #E0E7FF; color: #3730A3; }

/* Notification Drawer / Card */
.aidat-notif-box { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 14px 16px; margin-bottom: 20px; display: none; }
.aidat-notif-box.active { display: block; }
.aidat-notif-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-weight: 800; font-size: 13.5px; color: #0F172A; }
.aidat-notif-list { display: flex; flex-direction: column; gap: 8px; max-height: 260px; overflow-y: auto; }
.aidat-notif-item { background: #FFFFFF; border: 1px solid #E2E8F0; border-left: 4px solid #EC4899; border-radius: 8px; padding: 10px 14px; font-size: 12.5px; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.aidat-notif-item.overdue { border-left-color: #EF4444; background: #FFFBFB; }
.aidat-notif-item.due_today { border-left-color: #F59E0B; background: #FFFEF8; }
.aidat-notif-item.upcoming { border-left-color: #3B82F6; }
.aidat-notif-item .notif-text { flex: 1; color: #334155; }
.aidat-notif-item .notif-text strong { color: #0F172A; }
.aidat-notif-item .notif-badge { font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 8px; white-space: nowrap; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .basit-tahsilatlar-page .basit-page-content { padding: 14px; }
    .basit-tahsilatlar-page .basit-data-table { font-size: 12px; }
    .basit-tahsilatlar-page .basit-data-table th, .basit-tahsilatlar-page .basit-data-table td { padding: 8px; }
}