/* ElkaPhone — Custom styles */

:root {
    --brand: #059669;
    --brand-dark: #047857;
    --brand-light: #d1fae5;
    --dark: #0F172A;
    --beige: #F7F4EC;
}

/* Sidebar */
.sidebar { background: var(--dark); }
.sidebar a:hover { background: rgba(255,255,255,0.08); }
.sidebar a.active { background: var(--brand); color: white; }

/* Cards */
.card { background: white; border-radius: 12px; border: 1px solid #e5e7eb; }
.card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.06); }

/* Badges */
.badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }

/* Tables */
.table-row:hover { background: #f9fafb; }

/* Progress bar */
.progress-bar { height: 6px; border-radius: 3px; background: #e5e7eb; overflow: hidden; }
.progress-fill { height: 100%; border-radius: 3px; background: var(--brand); transition: width 0.5s ease; }

/* Animations */
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.fade-in { animation: fadeIn 0.3s ease; }

/* Print */
@media print {
    .sidebar, .no-print { display: none !important; }
    .main-content { margin: 0 !important; padding: 0 !important; }
}