/* Admin Core - Shared Styles */

.sidebar-link.active {
    background-color: rgba(99, 102, 241, 0.2);
    border-left: 3px solid #6366f1;
}

.sidebar-link:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.badge-active { background-color: #10b981; color: white; }
.badge-suspended { background-color: #ef4444; color: white; }
.badge-deleted { background-color: #6b7280; color: white; }
.badge-pending { background-color: #f59e0b; color: white; }
.badge-verified { background-color: #3b82f6; color: white; }

.health-ok { color: #10b981; }
.health-error { color: #ef4444; }

.admin-table th {
    position: sticky;
    top: 0;
    background-color: #f9fafb;
    z-index: 1;
}

/* Toast animations */
.toast-enter {
    animation: toastIn 0.3s ease-out;
}
.toast-exit {
    animation: toastOut 0.3s ease-in forwards;
}

@keyframes toastIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes toastOut {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 0; }
}

.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline-block; }
.htmx-request.htmx-indicator { display: inline-block; }

pre.json-display {
    background-color: #1f2937;
    color: #d1d5db;
    border-radius: 0.5rem;
    padding: 1rem;
    overflow-x: auto;
    font-size: 13px;
    max-height: 400px;
}