/* ═══════════════════════════════════════════════════════════════════════════════
   12. RESPONSIVE - PANTALLAS PEQUEÑAS (max-width: 480px)
   Adaptaciones para móviles pequeños
   ═══════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 480px) {
    .sidebar-header h2,
    .user-name {
        font-size: 15px;
    }
    
    .action-btn {
        font-size: 16px;
        padding: 4px;
    }
    
    .message {
        max-width: 85%;
        padding: 6px 10px;
    }
    
    .message-content {
        font-size: 14px;
    }
    
    .message-time {
        font-size: 10px;
    }
    
    /* Ajustar input de mensaje */
    .message-input {
        padding: 4px 8px;
    }
    
    .input-wrapper input {
        font-size: 14px;
    }
    
    .attach-btn,
    .send-btn,
    .emoji-btn {
        font-size: 18px;
    }
}