/* Centro Odontologico - Estilos */

.nav-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #9ca3af;
    cursor: pointer;
    transition: all 0.15s;
}
.nav-item:hover { background: #1f2937; color: #e5e7eb; }
.nav-item.active { background: #1d4ed8; color: white; }

.slot-available {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    cursor: pointer;
    transition: all 0.15s;
}
.slot-available:hover { background: #dcfce7; }

.slot-booked {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
}

.slot-blocked {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.chat-bubble-user {
    background: #1d4ed8;
    color: white;
    border-radius: 1rem 1rem 0.25rem 1rem;
    padding: 0.75rem 1rem;
    max-width: 80%;
    margin-left: auto;
}

.chat-bubble-bot {
    background: #f3f4f6;
    color: #1f2937;
    border-radius: 1rem 1rem 1rem 0.25rem;
    padding: 0.75rem 1rem;
    max-width: 80%;
}

.badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}
.badge-green { background: #dcfce7; color: #166534; }
.badge-blue { background: #dbeafe; color: #1e40af; }
.badge-red { background: #fef2f2; color: #991b1b; }
.badge-yellow { background: #fef9c3; color: #854d0e; }
.badge-gray { background: #f3f4f6; color: #374151; }

.toast {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.875rem;
    z-index: 100;
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.3s;
}
.toast.show { transform: translateY(0); opacity: 1; }
.toast.success { background: #059669; }
.toast.error { background: #dc2626; }

@media (max-width: 768px) {
    #sidebar { transform: translateX(-100%); }
    #sidebar.open { transform: translateX(0); }
    main { margin-left: 0 !important; }
}